- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
电子商务网站设计分析 (六)| 商品详情页设计
商品详情页是电子商务网站中最容易与用户产生交集共鸣的页面,详情页的设计极有可能会对用户
的购买行为产生直接的影响。因此,商品详情页面的设计会涉及到运营层面,在美观实用的基础上
,将要表达的信息尽可能用直观的视角展现出来,再有意识的避免设计与运营之间的冲突。
商品展示图不宜过大,鼠标悬停展示细节
商品详情页中的图片展示是用户进入该页面后的第一个视觉点,有设计师可能会因此认为这张图片
的尺寸应该尽可能放大,让用户对商品概况一目了然。但作为设计师也应该考虑到右侧文字信息对
于用户的重要性,两者之间的比例要避免很大的偏差,减轻用户在视觉上产生的不适。
IKEA 的网站就因为图片与文字之间的比例问题,让整体看起来轻重不明确,图片周围的留白更是与
右边拥挤的文字形成了鲜明的对比。
鼠标在图片上悬停时,图片右侧会出现关于商品的细节展示,这是一个在商品详情页中很常见的
功能。但使用过程中会发现,就算用户的鼠标无意识的划过图片,细节展示依然会马上呈现,这或
多或少会影响到用户体验,而 IKEA 的网站则很自然地解决了这一问题。
IKEA 的细节展示在点击后才会体现,不让 说来就来“ ”的图片打扰用户的浏览体验。
满足用户的比价心理
价比三家“ ”是网络购物群体的消费习惯,因此,商品详情页的设计中也应该融入并满足用户选价的
心理状态。在消费心理学中会提到,顾客买东西大多基于个人感受,可能并不是真正价格上的便宜
,而是商家能让顾客觉得便宜。
折扣或是优惠额度的显示能让消费者心理产生微妙变化,正如当当网的做法,让原价和折后价产生
对比,再直接表明折扣,这种重复表达能加深用户对优惠的力度的感受。
增加分享按钮
社交媒体的力量在如今的营销中绝对不容小觑,所以分享按钮就变得必不可少。在大多数电子商务
网站中我们可以看到:
分享按钮被设置在展示图片或文字的下方,主要分享当前页面的商品。但其实,真正用于营销推广
的分享并不应该仅限于商品本身。
比如成功购买的记录,又或是买家和卖家之间的有趣互动评价,这些都可以成为分享的内容,这也
许比商品本身更有吸引力。
Call To Action
Call To Action 可以解释为用户行为召唤,也就是我们常说的用户引导。 Call To Action 一般从色彩
和文案两个角度着手,而色彩是最直观的表现形式。用区别于页面大环境的色彩来强调突出,在吸
引用户视线的同时让他们更乐于点击。
价格、标签,以及 加入购物袋“ ”按钮都使用了鲜亮的玫红色; 购物袋“ ”相较于 购物车“ ”也更加生活化
。
评价意见是必需板块
对网络缺乏信任感是大多数用户存在的问题,而他人的评价和建议能对当时的购买行为产生很大的
影响。因此,顾客评论在电子商务中不是可选项,而是必选项。
天猫将顾客的评论进行了自动汇总统计,让用户在查看的时候更直观便捷。
无印良品网站的商品详情页在这方面做得有所欠缺,也许是对自家的产品自信心爆棚?根本不用让
用户听取其他顾客的评价!但身为一个网站,还是尽量不要如此高冷了。
导航跟随
商品详情页的内容比较多,所以跟随性的导航设计很有必要。跟随导航在商品详情页的出现能为用
户提供很大的便利,但在大小上还需要设计师来掌握,隐形全面的导航才是用户真正喜欢的导航。
京东的商品详情页无论在导航的颜色还是大小上都比较符合用户体验,既让用户在浏览时更方便,
也不影响用户的视觉体验。
美丽说的跟随导航以两种形式出现,一开始是网站的主导航,翻阅到一定区域,导航自动变更为商
品详情导航。这样的做法其实显得有些多余。当用户已经在翻阅一个页面的时候其实很少会出现跳
转的需求。另外,在跟随导航中设计二级导航也没有什么必要,这样只会让用户的视线范围变狭窄
。
优先功能用途的描述
很多商品详情页的品牌情节过于明显,这会让用户觉得商业色彩太过浓重,缺乏亲切感。商品详情
页的描述第一屏通常会有新品或热门推荐,这种做法与商户最应该注重的用户体验完全背道而驰,
这类行为会让用户产生反感。
GAP 的商品详情页几乎没有任何多余的部分,页面中的内容都围绕着一个商品而展开,为用户营造
出良好舒适的购物环境。
减少文案,善于显示关键词
有研究表明,互联网上 60% 的文字信息用户是不会阅读的,我们由此可以得出,互联网上出现的文
案必须达到最精简,应该善于抓取关键字。
国美在线在商品详情页上首先列出一系列用户真正需要了解的关键点,
您可能关注的文档
- 电子竞赛常用CD40系列芯片资料要点.pdf
- 电子卷宗随案同步生成.pdf
- 电子科技大学继续教育学院高升专《统计学》期末考试卷.pdf
- 电子类大学排名(电子信息工程及电子科学与技术).pdf
- 电子密码锁的研究与设计毕业论文.pdf
- 电子密码锁-开题报告.pdf
- 电子密码锁控制系统设计.pdf
- 电子皮带秤实物标定方法.pdf
- 电子企业安全生产操作规程大全.pdf
- 电子琴成都简谱.pdf
- 第十一章 电流和电路专题特训二 实物图与电路图的互画 教学设计 2024-2025学年鲁科版物理九年级上册.docx
- 人教版七年级上册信息技术6.3加工音频素材 教学设计.docx
- 5.1自然地理环境的整体性 说课教案 (1).docx
- 4.1 夯实法治基础 教学设计-2023-2024学年统编版九年级道德与法治上册.docx
- 3.1 光的色彩 颜色 电子教案 2023-2024学年苏科版为了八年级上学期.docx
- 小学体育与健康 四年级下册健康教育 教案.docx
- 2024-2025学年初中数学九年级下册北京课改版(2024)教学设计合集.docx
- 2024-2025学年初中科学七年级下册浙教版(2024)教学设计合集.docx
- 2024-2025学年小学信息技术(信息科技)六年级下册浙摄影版(2013)教学设计合集.docx
- 2024-2025学年小学美术二年级下册人美版(常锐伦、欧京海)教学设计合集.docx
文档评论(0)