（翻译）产品页面（Product page）

问题概述

  用户需要了解产品的详情，以便作出购买决定或判断是否满足需求[1]。

示例

用途

• 用于在电子商务网站、制造商/品牌网站、产品比较网站或其他以产品为中心的网站上显示有关产品的信息[2]；
• 用于显示可供购买的产品的具体信息。

解决方案

  展示给定的产品，并将相关信息分组，可根据需要提供其它相关产品的链接。
  本模式通常包含如下四类元素：

• 产品标题（产品名称）；
• 产品图片；
• 价格；
• “添加至购物车”、“下单”或“购买”按钮。

  此外，当下列元素有意义时，可以使用下列元素：

• 售价（经常标红显示，原价被划掉）；
• 细节照片；
• 产品参数（尺寸、颜色等）；
• 产品参数照片（特别是颜色或样式不同时）；
• 可用性（库存数量）；
• 交货时间；
• 购买数量输入框；
• “添加到收藏夹”/“收藏夹”按钮；
• 缩放功能；
• 简要描述；
• 较长说明；
• 产品规格/详情；
• 标签（畅销产品、剩余不多、再生材料等）；
• SKU（Stock Keeping Unit，库存单位）或其它形式的产品标识[3]；
• 优惠活动（购买本产品及其它产品特价￥XXX、买两件打折等）；
• 支持信息，通常包括电话号码或电子邮箱地址；
• “定制”按钮[4]；
• 分享到社交媒体按钮，如分享到Facebook、Digg、StumbleUpon等。

说明

  最大目标是将感兴趣的游客转化为具有购买意愿的客户。设计产品页面，说服用户购买一件或多件正在售卖的产品。

讨论

  有几个因素，加以调整可以提高转化率，以下是在使用中观察到的技术和模式：

• 使用高质量产品照片。照片有两个作用：(1)设定基调(网店知道自己在做什么，也是购物的好去处)[5]；(2)客户应该能够从各个角度查看产品，并能“感觉”到产品质量怎么样；
• 使用视频。视频能弥补“无法试用”的不足，让用户看到产品的操作、声音、外观等，ASOS（As Seen On Screen ，屏幕可视）网站的重要功能之一就是能看到大部分产品的产品秀视频；
• 用户评价。允许用户发表评价，辅助客户决策。用户给出的产品评价极具价值，用户可以根据这些信息做出购买决策，用户评价在零售商和旅游公司中尤其受欢迎。用户评价提供了产品的社会证明。
• 专家意见。专家给出的产品意见有助于说服用户购买确切的产品。然而，有相当大的可能性，用户会觉得这是一个付费销售推销。谨慎地使用专家意见，他们通常与产品专家合作，或者在独立和可信的出版物中发表意见；
• 显示相关产品。Amazon网站中广受欢迎的，也是最著名的功能是“用户也购买了”功能。其他网络商店靠手工建立产品之间的关系，或者干脆回到同一类别的产品列表；
• 加强客户信任。使用信任指示器，比如每个人都知道的安全支付网关的徽章。贝宝(PayPal)或威瑞信(VeriSign)这样的品牌传达了一种安全感，并打消了人们对数据窃取和安全性的疑虑。信用卡图标也提供了极大的安全感，没有信用卡图标的信用卡表单让人感觉不适。其他信任指示器包括出售产品的品牌名称(及其商标)、退款担保、行业标准或评级；
• 优先显示重要信息，避免捉迷藏。不要让人们很难找到他们想要的东西。没有销售人员在线回答问题，因此不要让人们自己难以找到答案。

原文地址：http://ui-patterns.com/patterns/ProductPage
[1]原文：The user need to know details about a product in order to make a purchase decision or satisfy a need for support.
[2]原文：Use to display information about a product in a ecommerce site, on a manufacturer / brand website, product comparison website, or other product centric websites.
[3]原文：SKU (Stock Keeping Unit) or other form of product id.
[4]原文：“Customize” button
[5]原文：to set the tone (the web shop knows what it’s doing and it’s a quality place to shop)