UED学习笔记
越努力越开森

电商网站设计分析(下)

东西还挺多...继续总结(今天就做这个了- -...)

----------------------------------------------------------------------------------------------

一.面包屑导航

1.关键词统一,避免用词重复

  • 让用户直观了解自己的位置

  • 每个产品都有属于它的唯一导航,才不会产生疑问

  • 不要使用近义词和平义词

2.显示层级界面产品数量

  • 目的有两种,一种是返回上级,一种是查看页面中展示产品的类型

  • 在层级页面的分类中展现商品数量

3.分类少也能使用面包屑

  • 面包屑有助于用户明确产品定位

  • 当用户对产品没有目标性时,定位面包屑能让用户更加流畅的进行购物体验

4.使用具有指向性的符号

  • 要清楚,有不能太醒目

  • 可采用单独链接的符号

5.降低干扰

  • 他不应该抓住用户注意力,当用户需要的时候才“出现”

6.避免重复主导航的形似

  • 在原本简单的面包屑中增加下拉菜单很多余,以为主导航已经有了

7.尽量精简层级

  • 不仅仅是提升用户体验,也要利于搜素引擎抓取

  • 尽量控制在4个层级以内

  • 太多的层级路径会对用户带来干扰,更深的筛选用其他形式吧

8.面包屑中使用关键字

  • 因为seo,关键字的使用会给网站带来更多流量

  • 用户可以根据自己的实际需求筛选关键字,让呈现出的产品更加准确

 

总结:视觉上不能作为视觉焦点吸引用户眼光,降低干扰;内容上避免相近词汇,内容之间要有明确的引导符;功能上不要重复主导航干扰;层级上尽量精简;在面包屑中加入关键字或使用定位面包屑也是不错的方式

http://design.anyforweb.com/newsDetail358.shtml

 

 

二.商品列表页设计

目前国内常见的形式有三种:行列排列、瀑布流和特别款突出

数量多且繁杂——规整的行列排列方式有利于用户找到浏览规则

瀑布流更多用在流行时尚领取电商

特别款方式可用于活动宣传

1.展示基本信息

  • 展示最核心的信息

  • 对细节描述并不是很在意

  • 图片、商品名称、价格

2.鼠标悬停产生交互效果

  • 承载了网站与用户之间的互动和反馈

  • 形式要和网站主题效果匹配,不能太突兀

3.出现适量的附加信息

  • 列表要简洁,同样需要一些对用户挑选商品有用的附加信息

  • 选中的时候呈现更多商品视角、增加评论(看产品目标是什么加什么)

4.始终带给用户指引

  • 用户可能在不断翻页中不知不觉改变了之前的目标商品,所以网站要始终未用户提供指引

  • 侧边栏常态存在,为用户跳转提供了很大程度的便利

5.设置相关推荐

  • 用柔和的方式传达相同的意思

  • 可以将推荐信息融入到列表页的每一个产品中

6.清扫页面死角

  • 页面上每个区域都有他的价值和意义,可能只是用户视觉感知的程度不同而已

  • 商品列表页的死角多见于页面侧边和底部

7.用特色商品激发购物欲望

  • 主推性质产品不一定只能放在网页首页,根据商品的类型安排布局才能事半功倍

  • 比如在手专栏展现推荐商品,能让真正有购买需求的用户能看到

8.吸引人的商品活动尽量置后

  • “好戏在后面”把相对一引人或是目的性强的商品活动放在靠后一点位置,有利于整个网站运营

  • 比如把热卖推荐放靠后,与浏览记录相关商品放在最下面

9.减少操作步骤

  • 在商品列表中,力所能及的步骤减少只能有从商品加入购物车开始着手

  • 但大前提是商品信息展现足够全面和完善,在小区域展现所有内容也确实是一件比较困难的事

10.从众心理

  • 评价很有说服力

  • 可以着重评论和购买人数模块,让用户更直观的看到商品的人气指数

 

http://design.anyforweb.com/newsDetail370.shtml

 

 

三.商品详情页设计

1.商品展示图不宜过大,鼠标悬停显示细节

  • 要考虑右侧文字信息对于用户的重要性

  • 两者之间的比例要避免很大偏差,减轻用户在视觉上产生的不适

  • 停留时间,不要一划过就呈现细节,也可以采用双击查看细节的交互方式

2.满足用户比价心理

  • “货比三家”深入人心

  • 不是真正价格上的便宜,而是让顾客觉着便宜

3.增加分享按钮

  • 营销的力量

  • 商品、成功购买记录、互动评价都可以成为分享的内容

4.call to action

  • 用户行为号召,可以从颜色和文案两个角度着手

  • 颜色:突出,吸引用户

  • 内容:直接,贴近生活

5.评价意见是必需板块

  • 对网络缺乏信任感

  • 朋友的推荐往往更有效果

6.导航跟随

  • 商品详情内容很多,所以跟随导航很重要

  • 控制大小,隐形全面的导航才是用户真正喜欢的导航

7.优先功能用途的描述

  • 商业色彩太浓重,缺乏亲切感

  • 围绕商品而展开,不要多余的部分

8.减少文案,显示关键词

  • 互联网上60%的文字用户是不会阅读的,那么文案就要精简,抓取关键词

9.保持页面连贯性

  • 他们需要清晰的认识到商品的全部信息,或者说如何为自己带来好处

  • 掌握逻辑,运用认知规律去考虑这一点

10.页面不要过长

  • 较长的界面会导致网页加载速度变慢,视觉匹配

  • PC显示在20屏内,移动端控制在10屏内

 

http://design.anyforweb.com/newsDetail378.shtml

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

评论
热度 ( 4 )
  1. 自然卷先生文子Gavin ̄靑。 转载了此文字

©  ̄靑。 | Powered by LOFTER