1.商品详情页设计目标

在设计商品详情页时，需要让顾客在浏览时对产品留下最佳印象，减少选择时间，以降低决策成本。

商品详情页设计的核心目标是为客户提供舒适的购物体验。在产品页面中，消费者可以方便地浏览信息，快速找到所需商品，体验优质服务，同时要顺利转化至购买环节。设计师应注重视觉营销、品牌塑造、服务体验、互动便捷等方面，既要考虑到不同用户群体在不同场景下的需求，也要平衡信息的全面与复杂性。

构建实用而有效的整体展示与导购服务页面，主要的设计策略包括以下几点：

（1）品牌印象　通过展示高质量的产品图、品牌信息和亮点等，第一时间抓住消费者的眼球。同时注重服务体验和售后保障，提供网络购物时的安全感。塑造良好品牌印象是构建信任的基础，也是推动用户下单购物的关键。

（2）场景化　商品图应描述出主要的使用场景，展示功效、品质、风格等，向消费者传达产品与自身需求的匹配度和性价比，突出商品的价值。

（3）营销策略　不断强化商品的关键卖点，刺激顾客消费欲望。使用精心设计的图片，展示效果要远大于文字本身。图片中的文案应减少专业词汇，采用用户容易接受的宣传语。合理运用促销、价格工具等营销技巧，吸引消费者注意力，促进其做出购买决策。

（4）交互便捷　涉及流程包括浏览、分享、下载、收藏、加购物车、直接购买等，这些工具应直接出现在顾客视野中，随时随地都能互动操作，如图6-1所示。

图6-1

随着智能手机的逐渐普及，移动购物开始成为主流。为适应移动互联网时代的快捷性，以及购物场景碎片化、决策时间短、人机互动频繁等特点，展示形式应以读图为主，文字信息尽量简化、精练。

2.商品详情页的组成元素

一个优秀的商品详情页能兼顾商品交易决策和消费者互动体验两方面。展示商品的交易信息，应在内容排版、阅读、效果等方面提供良好体验。商品详情页的交互体验设计也很重要，应在关键位置、最佳时机提供合适工具，以完成最终的转化任务。

在详情页中将各类关键要素进行合理规划，是设计策略的体现形式。常见的商品详情页主要包括品牌、商品、服务、营销和互动五个重点页面元素。

（1）品牌元素　在商品详情页上展示品牌的特征，包括商家的信誉水平、商家认证资质、商品品质、服务评价及评分状况等。

（2）商品元素　包括商品标题、图片、参数、库存、价格、品牌、功效、品质、工艺、使用场景等。商品是详情页设计过程中的核心要素，通过商品要素的各类信息展示，能向消费者传递商品的价值性。通过合理布局产品的各类信息，使消费者对商品的了解由浅入深，由不信任到产生兴趣，最终影响消费者对商品的认知。商品信息如图6-2所示。

图6-2

（3）服务元素　服务与商品紧密相关，也是商品详情页必不可少的部分。无论是实物商品还是虚拟商品，在电商的销售中都应附加丰富、高质量的销售服务，服务至上是消费者建立购物信任度的关键。通过让顾客感知服务的质量和便捷，提升其购买商品的决策信心。

（4）营销元素　营销主要是商品的促销活动与优惠政策，以及各类关联推荐等。常见的营销要素包括促销信息、促销标签、返利、奖励、优惠信息、赠品等。

（5）互动元素　主要是顾客在浏览详情页过程中的人机互动操作功能，包括收藏、关注、分享商品等，消费者可将商品收藏在个人中心，通过关注商品获取销售动态，已购消费者可分享商品给其他顾客，这些策略都能够推动产品的转化。

具体到详情页的子页面，可以分为海报展示、卖点解读、商品信息、搭配推荐、模特展示、平铺细节等区域。设计时应注意：海报彰显品牌的调性，抓人眼球、渲染气氛；卖点文案精练明了，提炼亮点，直击用户购买心理；商品信息样式统一，信息准确，注重细节；搭配推荐营造场景，样式代码化，图片切割准确，链接实时维护；模特全方位、多角度呈现，颜色排列主次分明；平铺细节多角度展示，修图精细，文案简明。

3.不同商品的详情页(www.daowen.com)

不同品类的商品，在详情页的设计中也有着一定的区别，具体可以体现在展示图片、页面风格、文字信息等方面。以下针对消费者关注的三个因素——商品价值、复杂程度、熟悉程度分别进行说明。

1）低价值、标准化商品

商品的价值较低、标准化程度高时，通常是设计简单且消费次数多的，例如生活中常用的卫生纸。这类商品的详情页设计重点突出价格实惠、质量有保障（见图6-3），对标产品是超市等渠道。

2）低价值、非标准化商品

消费者对低价值商品决策相对容易、快速，非标准化则应突出多样化、与众不同。例如服装中普及的T恤，对于消费者而言，价格相对较低，商品的更多选择更为重要。相比之下，对其他附加消息则没那么关注。所以在详情页中，主要内容是模特展示不同的颜色、角度等。建议准备同等价位的多个款式，可以给消费者提供更多选择（见图6-4）。

图6-3

图6-4

3）高价值、非标准化商品

高价值、非标准化的商品通常很难找到同类产品进行对比，例如价格偏高的衣服。详情页需要展示尽量多的可靠信息，包括品牌证明、细节说明、正品保证、品牌故事等，以增强消费者的购买信心（见图6-5）。在这里，模特展示则不需要很多的角度和图片。

4）高价值、标准化商品

对于高价值、标准化的商品，消费者尤其关注正品、售后服务等内容，比如数码相机（见图6-6）。在详情页设计中，需要通过各种细节的展示，向消费者传达优秀的品质和售后服务。

5）高价值、功能型、非标准化商品

图6-5

图6-6

功能型、非标准化产品一般情况下价值较高，消费者想了解的信息通常比较丰富。以减肥产品为例（见图6-7），详情页第一屏说明如何判断肥胖类型，第二屏讲清楚每种类型的引发原因，然后是解决这种类型的肥胖问题的方法，以及产品适合哪些类型的消费者使用，最后展示解决问题的专业顾问服务。

图6-7

总之，设计师应仔细分析店铺的级别、产品的类型等，将消费者希望看到的内容作为目标，找到适合的详情页设计要点。