五大定律教你如何搞定电商网站交互设计体验优化

2015-01-28|HiShop
导读:网站的交互设计体验如何,决定了用户是否愿意长久待在你网站上面的根本。一个好网站的交互设计体验就像在和真实的人在交流一样。那怎么优化自己的网站才可以让用户得到好的交互设计体验呢?...

  网站的交互设计体验如何,决定了用户是否愿意长久待在你网站上面的根本。一个好网站的交互设计体验就像在和真实的人在交流一样。那怎么优化网站才可以让用户得到好的交互设计体验呢?

  交互设计支付阿兰·库帕有一句话说得非常好:除非有更好的选择,否则就遵从标准。如果我们没有想到更好的方式之前,就遵从那些已经被世界公认的一些好的网站交互设计原则吧!

 

  席克定律(希克法则)

 

五大定律教你如何搞定电商网站交互设计体验优化

 

  定律内容:一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。用数学公式表达为反应时间 T=a+b log2(n)。其中a=与做决定无关的总时间(前期认知和观察时间), b=根据对选项认识的处理时间(从经验衍生出的常数,对人来说约是0.155s)

  这个定律可以用在简化我们的购买流程上面,让用户最快购买,减少因为流程的负责,而导致用户犹豫甚至是放弃购买。也可以对选项进行同类分组和多层级分布,这样用户使用的效率会更高,时间会更短。

 

  神奇数字 7±2 法则

 

五大定律教你如何搞定电商网站交互设计体验优化

 

  1956 年乔治米勒对短时记忆能力进行了定量研究,他发现人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了 5-9 项信息后人类的头脑就开始出错。与席克定律类似,神奇数字 7±2 法则也经常被应用在移动应用交互设计上,如应用的选项卡不会超过 5 个。

  导航或选项卡尽量不要超过9个,太多不利于用户体验。

  如果导航或选项卡内容很多,可以用一个层级结构来展示各段及其子段,这样就可以展示更多的内容,也就是子栏目。电商网站行业很多都是采用这种方式。

  现在已经没有人会认真读完一大块的内容,你要合理把大块整段的信息分割成各个小段,并做好小标题,方便用户阅读。

 

  奥卡姆剃刀原理

 

五大定律教你如何搞定电商网站交互设计体验优化

 

  奥卡姆原理也被称为“简单有效原理”,由14世纪世纪哲学家、圣方济各会修士奥卡姆的威廉(William of Occam,约1285年至1349年)提出。这个原理是告诫人们“不要浪费较多东西去做用较少的东西同样可以做好的事情。”后来以一种更为广泛的形式为人们所知——即“如无必要,勿增实体。”也就是说:如果有两个功能相等的设计,那么我们选择最简单的那个。

  简洁的页面能更好地传达出你所想要表达的内容,以免内容太多,导致用户混乱。

  简单的页面能给访客带来更好的用户体验,减少了密集的感觉。

 

  接近法则

 

五大定律教你如何搞定电商网站交互设计体验优化

 

  根据格式塔(Gestalt)心理学:当对象离得太近的时候,意识会认为它们是相关的。在交互设计中表现为一个提交按钮会紧挨着一个文本框,因此当相互靠近的功能块是不相关的话,就说明交互设计可能是有问题的。

  接近原则被广泛应用于页面内容的组织,以及分组设计中。对于引导用户的视觉流及方便用户对界面的解读起到非常重要的作用,通过接近原则对同类内容进行分组,同时留下间距,会给用户的视觉以秩序和合理的休憩。

 

  菲茨定律

 

五大定律教你如何搞定电商网站交互设计体验优化

 

  1954年,当时担任美国空军人类工程学部门主任的保罗·费茨(Paul M. Fitts)博士,对人类操作过程中的运动特征、运动时间、运动范围和运动准确性进行了研究,提出了著名的Fitts定律。该定律指出,使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(D)和目标大小(S)有关。

  放大链接点击区域。特别是你想要用户点击的时候。

  当您有几个放置在一起的可点击目标或链接时,把它们的体积增大或增加他们之间空白区域的大小。搜索结果中的网页导航链接通常都有很差的可用性。例如,下图中的搜索结果页面就显示了太多的结果,并且这些结果互相之间也离得太近:

  将用户最有可能点击(或最想要)的按钮放大。例如,将”OK”按钮设计的更大:

  以上五大交互设计规律是社会公认比较好的规律,只要认真执行,抓好细节处理,就一定可以把网站的交互设计体验优化好。

今日热点

8月24日,腾讯教育正式发布了基于企业微信的私域流量运营工具——企微管家,为教培机构提供从引流获客到客户运营的全链路服务。

最新推荐
产品推荐
  • 微分销

    基于微信平台,集结多样营销活动推广功能,支持无限发展微信分店,快速建立分销网络...

    详情
  • 移动云商城

    集微信商城、支付宝服务窗、手机触屏版商城、app商城和PC独立商城于一体完美融合...

    详情
无法在这个位置找到: footer_2016.htm