《交互设计及经典案例点评》2:交互设计七大定律

网络上有很多文章有关于交互设计的七大定律的介绍,你会发现不同的文章七大定律的内容会有出入,其实关于交互设计的定律标准有很多,以下内容是整理了《交互设计及经典案例点评》书涉及的七定律的基本含义,能够对交互设计的一些标准有基本的认识和理解。(文章收录相关的实例介绍文章)

1、费兹定律

费兹定律(Fitts' Law)是心理学家Paul Fitts 所提出的人机界面设计法则,主要定义了游标移动到目标之间的距离,目标物大小和所花费的时间之间的关系。定律内容是从一个起始位置移动到一个最终目标所需要的时间由两个参数来决定,到目标物的距离(D)和目标物的大小(W),

用数学公式表示为:T=a+blog2(D/W+1);

即当起始点到目标之间的距离越长(D越大),使用者所花费的时间越多(T越大),当目标物越大(W越大),则花费的时间越少(T越小)。

费兹定律在界面设计中的运用:

(1)尺寸和距离

在设计UI交互元素时,需要考虑元素的尺寸以及与其他元素之间的相对距离关系,尽量将多个常用的功能元素防止在距离较近的位置,而对于一些会产生高风险的交互元素,则不希望用户能够轻松的点击到它们,这种情况下要将这些元素放置在与那些较为常用的界面元素相对较远的位置上。

(2)边缘

网页角落、顶部和底部位置都位于页面的边缘位置,由于屏幕边缘的限制,这些位置在边缘位置可以被看做无限大尺寸的,因此对与用户来说,能够很轻松的点击到位于页面边缘位置的元素。

(3)弹出菜单

让弹出菜单呈现在鼠标指针旁边,可以减少下一步操作所需要的移动距离,进而降低操作时间的消耗。

费兹定律与移动应用界面设计 - 文章 - 伯乐在线

2、席克定律(Hick's Law

一个人面临的选择(n)越多,所需要做出决定的时间(T)就越长。

用数学公式表示为:RT=a+blog2(n)

RT:反应所需时间

a:与做决定无关的总时间(比如前期认知和观察时间、阅读文字、移动鼠标去点击按钮等)

b:根据对选项的认知的处理时间(从经验衍生出的常数。对一般人来说约是0.155s)

n:具有可能性的相似答案总数

当选项增加时,我们做决定的时间就会相应增加。

如果在你的流程、服务和产品中“时间就是关键”,那么请把做决定有关的选项减到最少,以减少所需反应的时间,降低犯错的概率;也可以对选项进行同类分组和多层级分布,这样用户使用效率更高,时间会更短。席克定律适用于必须快速做出反应的紧急状况处理,在设计障碍排除或是紧急处理界面时,必须删除一切不是绝对必要的选项。

席克定律:别让不友好的设计把用户宝贵的生命「偷」走 | 人人都是产品经理

3、操纵定律

使用者以鼠标或其他装置来操控游标,在经过一个狭窄的通道时所需要的时间。

用数学公式表示:T=a+b A/W

a:设备的起始时间常数

b:设备移动速度常数

A:在通道内移动的距离

W:通道的宽度

通道的宽度对于所需时间有决定性的影响,通道越窄,使用困难度就越高,时间也就越长。在通道宽度很宽的情况下,操纵定律几乎对所需的时间没有影响。

4、泰思勒定律又称为“复杂不灭定律“(The Law of Conservation of Complexity)

每一个程序都必然有其与生俱来、无法缩减的复杂度。唯一的问题,就是谁来处理它。

每一个过程都有其固有的复杂度,存在一个临界点,超过这个点过程就不能再简化了,你只能将固有的复杂性从一个地方移动到另一个地方。”复杂度“这个问题不会凭空消失,如果设计师不花心思去处理它,使用者在使用过程中便需要花时间去处理。

复杂的容忍度=专业需求/等质竞争产品数量

《设计心理学2—与复杂共处》 - 简书

5、奥卡姆剃刀原理又称为“简单有效原理

“不要浪费较多的东西去做用较少的东西同样可以做好的事情”,也就是说,如果有两个功能相等的设计,那么我们选择最简单的那个。

(1)简单的页面能更好的传达出你想要表达的内容

简单的页面让用户一眼就能找到他们自己感兴趣的内容,让他们看起来更舒服,更能专心于你要表达的内容上,而复杂的页面会让访客找不到信息的重点,也分散了访客的注意力。

(2)简单的页面更容易吸引广告投放者

广告商更关注的是广告的点击率,转化率,而不仅仅是网站的流量;网站的东西越简单那么放置广告的地方就越明显,也越容易吸引他人的注意和点击。

(3)简单的页面效率更高

简单的页面能够更快速的打开

《简约至上—交互设计四策略》为主流用户设计 - 简书

6、神奇数字7±2法则

人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了5~9项信息后人类的头脑开始出错。

移动交互选项卡一般不超过5个,则是运用了7±2法则。

7、接近法则

物体之间的相对距离会影响我们感知他们是否以及如何在一起。相对其他物体来说,彼此之间靠近的物体看起来属于一组。根据格式塔(Gestalt)心理学:当对象离得太近的时候,意识会认为他们是相关的。

交互设计七大定律 | 人人都是产品经理

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335