产品详情页是广州网站建设中最容易引起用户共鸣的页面,详情页的设计很可能直接影响用户的购买行为。所以产品细节页面的设计会涉及到运营层面。在美观实用的基础上,要把要表达的信息尽可能直观的展示出来,然后有意识的避免设计和操作的冲突。
第一,产品展示图不能太大,鼠标悬停显示细节
产品详细信息页面中的图片显示是用户进入页面后的第一个视觉点。有些设计师可能会认为,这张图片的尺寸应该尽可能放大,让用户一眼就能看到产品概述。但作为设计者,也要考虑到正确的文字信息对用户的重要性,避免两者比例出现较大偏差,以减少用户的视觉不适感。
由于图片和文字的比例关系,宜家网站使整体看起来不清晰,图片周围的空白与右边拥挤的文字形成了鲜明的对比。
当鼠标悬停在图片上时,关于商品的详细信息会出现在图片的右侧,这是产品详细信息页面中常见的功能。但在使用过程中会发现,即使用户的鼠标不自觉地划过画面,细节还是会立刻呈现出来,或多或少会影响用户体验,宜家网站自然解决了这个问题。
点击后会显示宜家的详细信息,以免“说话算话”的图片打扰用户的浏览体验。
第二,满足用户的比价心理
“逛逛”是网购群体的消费习惯。所以产品详情页的设计也要融入并满足用户价格选择的心理状态。在消费心理学中会提到,大部分客户买东西都是基于个人感受,价格上可能并不是真的便宜,但是商家可以让客户觉得便宜。
折扣或优惠额度的展示可以使消费者的心理发生微妙的变化。就像当当网的做法,把原价和折扣价对比,然后直接注明折扣。这种重复的表达可以加深用户对优惠力度的感受。
第三,添加共享按钮
社交媒体的力量在今天的营销中不可低估,所以分享按钮变得至关重要。在大多数电子商务网站上,我们可以看到:
分享按钮设置在显示图片或文字下方,主要分享当前页面的产品。但实际上,对于营销推广的分享不应该仅限于商品本身。
比如购买成功的记录,或者买卖双方有趣的互动评价,都可以是分享的内容,可能比商品本身更有吸引力。
四.行动呼吁
行动号召可以理解为用户行为的号召,也就是我们常说的用户引导。《行动呼吁》一般从色彩和复制两个角度入手,色彩是最直观的表现形式。用不同于页面环境的颜色突出显示,可以吸引用户的注意力,让用户更愿意点击。价格、标签和“添加购物袋”按钮都使用鲜玫瑰红;相比购物车,购物袋也更加生活化。
动词(verb的缩写)评价意见是必要的部分
对互联网缺乏信任是大多数用户的问题,别人的评论和建议会对当时的购买行为产生很大的影响。所以,客户评论在电子商务中不是可选的,而是必须的。
天猫自动汇总客户评论,让用户查看更加直观方便。
MUJI网站的产品详情页面在这方面有所欠缺,也许是因为它对自己的产品充满信心?用户不需要听其他客户的评论!但是作为一个网站,尽量不要那么冷淡。
第六,导航跟随
产品详情页面内容较多,需要按照导航设计。产品详情页上后续导航的出现可以为用户提供极大的便利,但需要设计师掌握大小。隐形全面的导航才是用户真正喜欢的导航。
JD。COM的产品详情页无论是导航颜色还是大小都符合用户体验,不仅让用户浏览更加方便,而且不影响用户的视觉体验。
接下来的美导航以两种形式出现。一开始是网站的主导航。浏览到某个区域后,导航自动变为商品详情导航。事实上,这种方法有些多余。当用户已经在翻页时,几乎不需要跳转。另外,在跟随导航中不需要设计二次导航,这样只会缩小用户的视线范围。
七.优先功能使用说明
很多产品细节页面的品牌情节太明显,会让用户觉得商业色彩太浓,缺乏亲切感。折叠上方的产品详情页描述通常会有新产品或热门推荐,这与商家最应该关注的用户体验完全相反,这种行为会让用户反感。
GAP的产品详情页面几乎没有多余的部分,页面内容全部围绕一个产品展开,为用户创造了一个良好舒适的购物环境。
八、减少文案,善于展示关键词
研究表明,网上文字信息的用户有60%是看不懂的,所以我们可以得出结论,网上出现的文案一定要尽量简洁,要善于把握关键词。
国美在线首先在产品详情页面列出了一系列用户真正需要了解的重点,然后在接下来的章节中详细介绍。
九、保持页面连贯
在产品详情页上,从用户的角度来说,他们需要清楚地了解产品的所有信息,或者如何给自己带来利益。因此,产品描述的逻辑顺序变得尤为重要,设计师可以基于产品描述的认知规律来考虑这一点。苏宁. cn的网站展现出流畅的页面连贯性和清晰的组织性,让用户可以顺着线索找到自己需要的部分。
十、页面不应过长
掌握网页设计的长度是产品细节页面设计中需要解决的一个常见问题。过长的页面长度不仅会降低网页的加载速度,还会导致用户的视觉疲劳。一般来说,PC显示在20屏以内,移动终端控制在10屏以内,也就是4页以内。
一号店产品详情页的页面长度控制得当,相关事项尽量交代清楚,不添加其他可选组件。