电子商务网站设计分析六：商品详情页设计

电子商务网站设计分析六：商品详情页设计 拓宽阅读文章：网络技术网站制作剖析五：产品列表页设计方案

1。产品展示图不适合太大。将鼠标悬停以显示关键点

商品详情页中的图片展示是用户进入网页后的第一个视觉效果点。有些室内设计师可能觉得这张图的规格要尽量大，让用户对产品概况一目了然。但作为室内设计师，也要充分考虑到正确的文字信息内容对于用户的必要性，两者之间的比例要防止出现非常大的误差，减轻用户在视觉效果上的不适感。

由于照片和文字的比例，宜家的网站总体上看起来更轻更重，照片周围的空白艺术与右侧拥堵的文字形成独特的对比。

当电脑悬停在照片上时，关于产品的关键点会出现在照片的右侧，这是产品详情页的常用功能。但是在整个应用过程中会发现，即使用户的电脑鼠标下意识的滑过照片，关键点还是会立刻显示出来，这或多或少会伤害用户的感情，宜家的网站自然解决了这个问题。

宜家的重点要点击才会体现出来，不允许“刚来”的照片打扰用户的参观体验。

2。考虑用户的相对心理状态

“货比三家”是网购者的消费习惯。所以商品详情页的设计方案也要融入和考虑用户的选价心态。在消费者行为中，会提到消费者的购物大多是基于我自己的体验。很有可能不是性价比高的价格，但是店家能让消费者觉得性价比高。

折扣或优惠信用额度的显示信息，可以让消费者的行为稍有改变，就像当当网的做法，让售价与折扣价进行对比，然后马上解释折扣。这样的重复表达会加重用户对优惠幅度的体验。

3。按下分享按钮

社交网络的能量在今天的营销推广中一定不可小觑，所以分享按钮变得越来越不可或缺。在大多数网络技术网站上，我们可以看到:

分享按钮设置在照片或文字的正下方，是分享当今网页产品的关键。但实际上，真正针对营销的分享，不应该局限于产品本身。

比如购买成功的记录，或者客户和商家之间有趣的互动评论，都可以成为分享的内容，可能比产品本身更有吸引力。

4。行动号召

行动号召可以表述为用户个人行为的号召，也就是常说的用户正确引导。行动号召一般从色彩和创意文案两个角度出发，色彩是最生动的表现。注意用不同于网页一般环境的颜色来突出，在吸引用户视觉的同时，使其更善于点击。

价格、logo、“添加包装袋”按钮都应用了鲜艳的玫瑰；“打包袋”比“加入购物车”更生活化。

5。意见和建议是重要的部分

对互联网缺乏信任是大多数用户的不足，别人的评论和建议对当时的个人购买行为会造成很大的伤害。所以消费者评价不是网络技术中的选项，而是强制选项。

天猫对消费者的评价进行了全自动归纳统计分析，让用户在查询的情况下更加直观、方便、快捷。

无印良品网站的产品详情页面在这些方面有所欠缺。或许是对自己的产品充满了信心？用户根本不需要征求其他消费者的意见！但是作为一个网站，还是尽量不要那么嚣张的好。

6。导航栏跟随

产品详情页的内容很多，所以有必要设计下面的导航栏。跟随商品详情页的导航条外观可以给用户提供很大的便利，但是尺寸必须由室内设计师把握，隐藏的全方位导航条才算是用户真正喜欢的导航条。

JD.COM商城的商品详情页在导航栏的颜色和大小上更符合用户的体验，既方便了用户的访问，又不损害用户的视觉效果。

蘑菇街的后续导航栏以两种方式出现。起初，它是网站的主导航栏。在某个区域阅读后，导航栏自动变为产品详情的导航栏。这实际上似乎没有必要。当用户已经在浏览一个网页的时候，实际上很少有自动跳转的请求。另外，在下面的导航栏中不需要设计二级导航栏，这样总是会缩小用户的视野。

7。优先级选择的主要用途描述

很多知名品牌在商品详情页有过分突出的情节，会让用户觉得商业服务色彩太浓，缺乏亲切感。商品描述详情页新品或精品推荐一般会出现在折页上方。这种做法完全把商家和店铺最应该重视的用户感受本末倒置了，这种个人行为会对用户造成冲突。

GAP的商品详情页基本没有多余的部分，网页中的内容都紧紧围绕一个商品展开，为用户买东西营造了一个极佳舒适的自然环境。

8。减少创意文案，善于展示信息关键词

有研究表明，互联网技术上的文字信息内容，60%的用户很难看懂文章，所以人人都能看懂。互联网技术上的创意文案一定是最精简的，要善于抓取关键词。

国美首先在商品详情页列出了用户真正必须掌握的一系列关键环节，然后在接下来的部分详细讲解。

9。保持网页的内聚力

关于产品详情页，站在用户的角度，必须清楚了解产品的所有信息内容，即如何为自己产生效益。所以宝宝描述的并置结构变得越来越关键，室内设计师可以根据宝宝描述的认知能力的规律性来考虑这一点。

苏宁的网站在网页的衔接上很流畅，逻辑很清晰，让用户可以沿着案件的线索找到自己需要的部分。

10。网页不要太长

如何把握网页长度是商品详情页设计中普遍需要解决的问题。过长的网页不仅会减慢网页的加载速度，还会给用户造成视觉疲劳。一般来说，PC显示信息在20屏以内，手机 *** 作在10屏以内，也就是4页以内。

*** 纵1号店商品详情页的网页长度比较合适。请尽量解释清楚相关事项，不要添加其他无关成分。

摘要:

产品详情页的设计方案，无论是设计思路还是版面设计，体现的不仅仅是简单的视觉冲击，而是正确引导用户的全过程。打动用户，刺激购买，室内设计师应该用这种核心思想为用户传播想象力，而不仅仅是设计一个网页。