UED学习笔记
越努力越开森

电商网站设计分析(上)

群里推荐的文章,写的很细致,特地搬过来总结下:

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

一.首页导航

1.符合网站内容结构

  • 对网站整体内容有个全面的了解后,将网站内容进行归类

  • 电商一般有两个导航:总导航会比较笼统的展示网站商品,分导航则会比较详细

  • 总导航内容不易太多

  • 导航周围会融入广告,要避免与本站无关的内容

2.结合网站业务目标

  • 通过导航能大致了解网站销售哪些商品

  • 导航有必要跟随网站主营商品的变更,或者商品销量而变化

  • 每一次网站设计会根据客户不同的业务需求而产生不同的实际目标

3.遵从用户使用习惯

  • 尽量削弱导航的学习型,比如鼠标悬停打开详细分类的方式

  • 导航尽量不要做很大改变,用户很依赖这个

  • 注意一级到二级导航的瞬间,鼠标位置偏差的设计

  • 导航“太简洁”会和当前界面混淆

4.避免重复分类

  • 主导航和局部导航,局部导航使用率可能高于主导航

  • 重复内容会明显降低有针对性需求用户的购物体验

5.使用适合的文案

  • 文字标签是传达信息最有力的途径,避免出现很难理解的词汇

  • 让用户能快速理解相关信息

6.清晰的视觉体验

  • 可以用颜色给用户提供一种指引,成为用户点击的导向

  • 可点击的部分要明显一些,减少用户对其的猜测

  • 避免大面积亮色

  • 考虑色彩障碍者

7.为用户提供反馈

  • 当用户对其中一个元素有了动作后,导航项都应该对此作出相应反馈

8.导航符合网站整体风格

  • 要符合内容和视觉两部分

  • 内容上:导航内容与网站点击量、购买有直接关系,用户找不到想要的商品就意味着丢失一名客户

  • 视觉:细化每一个细节,统一的视觉效果减少用户的界面跳跃感

9.利于搜索引擎优化

  • 内容设置上,应该一目了然展现出来,利于用户查看也利于引擎蜘蛛的层层深入

  • 在导航中尽量用文本

 

总结:

不同网站类型有不同的设计侧重点

综合导航商品数量多,一级导航可以以功能作为划分点

垂直电商的用户对商品有更强目标性,需要按照自己的业务逻辑进行科学分类索引

传统行业转电商,销售通常以单个品牌为主,除了传统的分类,单品推荐也对单个商品的营销非常有效

 

原文:http://design.anyforweb.com/newsDetail334.shtml

 

 

二.首屏设计

世界著名的网页易用性专家尼尔森曾经有报告显示,首屏以上的关注度为80.3%,首屏以下的关注度仅有19.7%。这两个数据足以表明,首屏对每一个需要转化率的网站都很重要,尤其是电商网站

1.确定可视范围

  • 平均的用户屏幕分辨率是多少,删除掉浏览器、边框栏等干扰因素后,估计首屏尺寸

2.展示吸引用户的信息

  • 文字应该短小精湛,用最小篇幅把事情说清楚

  • 文字的策划要符合网站整体风格

3.视觉焦点要显眼

  • 用户在第一屏的视觉基本都聚焦在banner上

  • 让用户一眼看清楚内容,减少思考四件

  • 使用“去色”的方法来检验实际效果

4.图片让内容更利于理解

  • 图片的使用从侧面含蓄的衬托主题

  • 在视觉上保持一致

5.用风格强调主题

  • 首屏风格是根据目的来决定的,要确定首屏在整个网站中会起到什么作用

  • 单品推广、店铺推广、活动宣传

6.锁定用户视觉重点

  • 当用户首次进入还不了解网站时,需要在视觉上引导重点

  • 醒目的打字、吸引人的标题、条理清晰的布局

7.动画吸引用户视线

  • 在体验比较流畅的基础上,适当引入一些鼠标互动效果

  • 生动有趣,增加点击量

  • 只是点缀,大面积会适得其反

8.符合视觉习惯的图文混排

  • 图文混排解决枯燥和厌倦感

  • 色彩对比,文字和图片的放大,在布局上尽量错落有致

  • 用户视线顺畅转移,增加可读性

 

总结:

电商首屏应该带着商家目的性去迎合用户的常规使用习惯,而不是漫无目的的布告栏

展示吸引用户的信息,信息要突出;使用图文混排,文字精简,可读性强,图片要容易理解;可使用风格强化主体,小动画带来更多乐趣

 

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

 

 

三.登录注册页设计

1.简洁突出大胆留白

  • 用户不喜欢思考,他们希望需要的内容都清晰的摊在眼前

  • 登录很麻烦,大量留白会给用户一种“原来只有一个步骤”的感觉

2.以访客利益为主导

  • 电商的目的是更多的推送自己,但这种做法会让用户很厌烦

  • 为客户着想的用词“我的邮箱地址...”增加亲和力

3.好的标题就成功一半

  • 更有趣的小图标

  • “还不是xx会员?”增进了愉悦性,比“欢迎登陆”更加用心

4.简化页面副本,切中要害

  • 登陆页面文案还要再简单一些,用户一看就懂,没有歧义

  • 不是文字越少越好,是要用尽可能少的文字把事情说清楚

5.有趣的页面设计

  • 美观,诙谐幽默,趣味性

6.必要时加入动画效果

  • 当用户不愿意阅读文字时,加入小动画或小视频是一个提高转化率的方式

  • 把握好界限

7.编写充满号召力的文案

  • 用短句来实现

  • 让用户感受朝气和活力

8.尽量减少表单域

  • 表单项越少,转化率越高

  • 对于首次使用网站的用户,安全感和信任感不足,填写大量用户资料不现实

9.使用单开式登陆页

  • 如果使用弹框或直接本页登录,会很明显的不利于用户使用

  • 有些留言器还会屏蔽弹框

 

总结:

布局留白,简化界面,用户任务是登录,不要分散他们注意力;好的界面标题可以更贴近用户,有趣的设计更吸引用户,动画效果抓住视线;编写良有活力的文案,字句精简;使用弹框,减少表单填写数量

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

©  ̄靑。 | Powered by LOFTER