【交互设计准则之二】通用设计定律

1.费茨定律(Fitts’ Law)

Fitts’ Law

从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标的大小(上图中的 D与 W),用数学公式表达为时间 T = a + b log2(D/W+1)。

解释一下就是:①交互元素越大越容易点;②越靠近当前操作位置的元素越容易点。

屏幕交互应用:①合理设计控件尺寸;

②屏幕边角更易到达,适合放菜单栏和按钮;

③菜单设计

下拉式菜单(pull-down menus)
弹出式菜单(pop-up menus)
扇形/饼状菜单(Circular Navigation)

弹出菜单>下拉菜单:避免在菜单间滑动

饼状菜单>线型菜单:每个项目距中心位置一样,且目标区域大,易选择、错误率低。

④打破边缘/边框交互

屏幕外的地方也算作目标点面积,边缘目标大

Nubia z9 弧形边缘交互
想起Mac OS的某些设计了吗?
Chrome的标签为什么要贴着顶部?

2. 希克定律(Hick’s Law)

Hick’s Law

一个人面临的选择(n)与作出决定的时间(T)成正比。用数学公式表达为反应时间 T=a+b log2(n),a=与做决定无关的时间(前期认知和观察时间),b=根据对选项认识的处理时间(从经验衍生出的常数,对人来说约是0.155s)。

解释一下就是:前期认知时间、选项数量根据认知处理的时间,三者影响做决定的时间。

如何提高用户决定的效率可从前两个方面出发,如帮助认知、减少选项数量。


3. 神奇数字 7±2 法则

7(±2)记忆法则
1956 年乔治米勒对短时记忆能力的研究发现,人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了 5-9 项信息后人类的头脑就开始出错。

界面交互应用:①网页导航栏目不超过9个,移动应用不超过5个;

②信息分块呈现,分块记忆。(拓展例子)

输入掩码

4.接近法则(The Law Of Proximity)(略)

5. 泰思勒定律(复杂性守恒定律)(Tesler’s Law)

复杂性守恒定律
每一个过程都有其固有的复杂性,存在一个临界点,超过了这个点过程就不能再简化了,你只能将固有的复杂性从一个地方移动到另外一个地方。

在交互设计的应用就是,把用户承担的复杂性转移到其他地方。

《简约至上》人和计算机擅长做的事情

6. 新乡重夫:防错原则

大部分的意外都是由设计的疏忽,而不是人为操作疏忽。通过改变设计可以把过失降到最低。

Twitter:超字数上限警示
行内(实时)验证


简明告知错误原因
使功能失效(无法点击)

7. 奥卡姆剃刀原理(简单有效原理)(Occam’s Razor)

“如无必要,勿增实体“。如有两个功能相等的设计,那么选择最简单的。

我选输入框、网址导航、前进后退、书签、下载


(补充)8.Steering Law转向定律

触控技术(Touch)应用:

0°方向是最利于操作者移动的方向,具有较好的视觉反馈,成功率相对最高;

120°方向用户在操作时最为困难,在用户界面交互设计中应尽少用;

用户手指在各个方向的运动中,宽度低于14像素的Tunnel是用户体验最差的。


9.帕累托定律(80/20 原则)(二八定律)

任何大系统中,大部分的效果仅有少数几项变量决定。

用户80%的时间花在了20%的功能上。

找出其中20%的关键功能做成工具条展示在页面,其余隐藏

but,当创造了一个新的功能时,可能就培养了一个新的行为习惯,此时要改变这些行为习惯,面临的阻力就会比较大。


10.三等分原则

三等分座标方格体系

参考文章:

交互设计七大定律

 及其他N篇文章

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

推荐阅读更多精彩内容