设计定律

在做产品的时候是不是总觉得话语权不足?这时候我们应该自我反思,是不是我们没有抓住话语的本质,或者描述的本质。语言表达能力也是设计师的必修课。下面来说说设计法则在实际工作中是如何结合的。


设计定律

(1)二八法则

设计的100个功能只有20%是用户常用的。

二八法则在实际工作中的运用:在做产品中,有时候老板盲目加很多需求,但有些需求可能是比较高级的需求(不适合一般用户,只是针对专家用户,他们是产品的深度依赖者),却要占据比较重要的位置,像这种需求就是不合理的。使用二八法则,把只有20%用户用到的功能隐藏起来(可以加在不太显眼的地方或二三级菜单中)把80%用户使用到的功能展示出来。所以,我们应该花大部分时间做这20%的功能


(2)费茨定律


保罗·费茨在1954年发布的。公式表示:t = a + b log2 (D / S + 1)

该定律指的是: 使用指点设备到达一个目标的时间同以下两个因素有关: 

1.设备当前位置和目标位置的距离(D),距离越长,所用时间越长; 

2.目标的大小(S),目标越大,所用时间越短。 

费茨定律在实际工作中的运用:

1.操作按钮越小,需要点击时花费的时间(精力)越大。

2.被点击越频繁的按钮 可以考虑设计的大一些,被点击越频繁的按钮同时也往往是产品的重要功能。


3.当前位置和目标位置的距离(D),距离越长,所用时间越长。

目前很多产品卡结构所建立的阅读顺序是“s”弯,大量的浏览会比较疲劳。


图片比文字更能吸引用户到注意,用户看了图片之后第二想看的是价格,所以当价格距离图片越近时,下图这种垂直的阅读方式会更节约阅读成本。



(3)格式塔原则(完美心理学)

格式塔心理学研究认为,人类具有不需要学习的组织倾向,使我们能够在视觉环境中组织排列事物的位置,感受和知觉出环境的整体与连续。(潜意识感知

潜意识传播比认知更快。经验,价值,习惯在快速的影响你感受事物。

1.相似原则:刺激物的形状、大小、颜色、强度等物理属性方面比较相似时,这些刺激物就容易被组织起来而构成一个整体。

2.相近原则:物体之间的相对距离会影响我们感知它是否以及如何组织在一起。相互靠近(相对于其他物体)的物体看起来属于一组,而那些距离较远的则自动划为组外。

格式塔原则在软件中的运用:

相似有关联的信息尽量摆放在一起便于用户寻找。


如果两个东西太近 (比如一张图片紧邻着一段文字),那么人们会认为它们之间,有联系,例如上图图片对应的并非右侧文字、对应的是下放文字,但是右侧文字距离很近,并且阅读习惯是从左向右的,所以很多读者会误读信息。

产生了信息干扰,于是用户就产生了思考,消耗能量增大,期望便上升了,于是用户体验就下降了。

3.封闭的原则:有些图形是一个没有闭合的残缺的图形,但主体有一种使其闭合的倾向,即主体能自行填补缺口而把其知觉为一个整体。

4.图形与背景的关系原则:大脑自动修补一些图形



(4)剃刀原理

用户选择越多,做的选择时间越长,所以尽量少的选择。


(淘宝-搜索手机)


(苹果官网)

很多时候购物的时候会遇到这么一个情况:

比如买件衣服,在淘宝上挑来挑去,挑来挑去,然后1个小时过去了,能量消耗完了,最后干脆改天再来选,但过两天后可能就不太想买了,因为那时购物的冲动劲已经过了。这就是选择太多造成了困扰,特别像我这种经常犯选择困难症的人。

剃刀在实际工作中的运用:

(精简的界面更吸引用户)

1.只放置必要的东西

2.减少点击次数 

让你的用户通过很少的点击就能找到他们想要的东西,不要让他们找一个内容找得很累。

例子:


一打开百度,就可以输入你想搜索的内容。光标在搜索框中,而不需要每次百度时,先用鼠标点击搜索框,再输入文字。减少了用户的这步操作,却在用户体验上升了很大一步。

(当然不同应用有不同应用的处理方法,不是所有有搜索的都推荐这样做,因为百度是以搜索为主的门户网站所以才这么处理的)

3.减少段落个数

4.给予更少的选项

例子:


(淘宝网页-购买产品时的页面)

为什么淘宝的“立即购买”和“加入购物车”的按钮做的不一样?为什么“加入购物车”按钮更突显?这也可以很好的用剃刀原则来解释——给予用户更少的选项,减少用户的思考时间。

(之前做的一样时,数据证明了用户往往先选择把东西“加入购物车”,而不是“立即购买”)

例子2:

按钮突显出来,是推荐用户点击的或用户高频点击的;

在视觉上,可以通过差异化的设计来区分主动作与次动作,引导用户完成任务流。(把主要路径的按钮标示清楚,次要路径找得到即可)



(5)7分钟阅读

注意力只有 7 分钟的时间了解你的产品。



(6)黄金分割

黄金分割是指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为0.618。这个比例被公认为是最能引起美感的比例,因此被称为黄金分割。

黄金分割在实际工作中的运用:


(7)对焦原理

当用户在寻找 或者目光盯着一个区域时,他很难观察到周围区域的变化特别注意力越集中,视觉的可视区越窄。


对焦原理在实际工作中的运用:



如何吸引用户关注? 

1. 用户往往会忽略你提供的信息 

2. 如果你担心这些重要信息被用户错过,可以通过色彩大小动画视频声音来引起他们的注意力(动画>颜色>形状)

举例: 淘宝购买流程中,如果通过视觉强化突出购买功能做到视觉传达和产品目标一致的。醒目的橙色提交订单按钮一目了然。


但实际工作中往往过于强调设觉,而忽略了产品本身,这样很容易陷入炫技的误区。锤子设置语言的设计就是一个很好的反例。对于设置语言这样一个非常少用到的功能,却用了如此明显的视觉表现方式,致使整个界面的重心失衡,虽然对于切换语言这个问题的解决方案的处理还不错,但视觉表现重心和产品重心不一致。


3. 吸引注意力的同时不要破坏整个界面的视觉流

4. 用户潜意识喜欢用余光扫视界面的四周,这也是为何很多网站周围都是小广告的原因


总结完毕,日后工作中收集到的内容会做相应补充。特别感谢纯大大。

评论(5)
热度(26)
  1. 张叫醒木木 转载了此文字

© 木木 | Powered by LOFTER