交互七大定律

首先,UI不是一个仅仅与视觉有关的概念。

一个好的App需要好的设计师。设计大致可以分为两种:交互设计和视觉设计。

一个App好看也许会让你产生一种下载来看看的冲动,但若是不好用,每一个功能都需要学习和记忆的话,你会觉得这个App像一坨屎,然后就和它说拜拜咯。

视觉大多与美学相关,交互大多与心理学相关。

Steve Krug所著的《Don't make me think》一书中详细谈了交互所要遵循的原则——用户不需要学习就能使用。这里不赘述,有兴趣可以找来看看。

我想说的是,交互七大原则。

Fitts’ Law / 菲茨定律(费茨法则)

定律内容:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标的大小,用数学公式表达为时间 T = a + b log2(D/W+1)。a:光标开始/停止时间,b:移动速度,D:距离,W:目标宽度。

它是 1954 年保罗.菲茨首先提出来的,用来预测从任意一点到目标中心位置所需时间的数学模型。

举个例子,当用户完成了前一步的操作,进行下一步时,若触发按钮处于离手比较远的地方,那么点击它时,命中率不一定高,尝试了几次之后,就会恼火了。解决方法有两种,要么放大触发区域,要么将它放在与前一个操作相近的地方。

这也是为什么一般菜单栏按钮处于屏幕下方或上方这种边缘地区。

​ Hick's Law / 席克定律(希克法则)

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

在人机交互中界面中选项越多,意味着用户做出决定的时间越长。

一个比较明显的例子就是,当一个大类下的界面入口比较多时,如果出现两个表单,每个上有一些的话,就会对认,处理时间产生影响。

比较这两个页面就能发现,掌上百度的认知与处理信息的时间会更短一些。

神奇数字 7±2 法则

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

当设计选项菜单时,这是一个很好的参考。

The Law Of Proximity 接近法则

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

Tesler's Law 泰思勒定律(复杂性守恒定律)

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

前段时间很流行的简约设计,也要考虑到功能的实用性。比如要简化一个主页面,那可以考虑把它的内容放在一个新的链接中去,而用一个易懂的按钮来替代,也就是转移了其复杂性。

防错原则

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

一个简单的例子,当一个按钮呈灰色时,那我们就明白它是无法按下的。想想某宝的转账以及一些购买类App的支付页面。

Occam's Razor 奥卡姆剃刀原理

这个原理被称为“如无必要,勿增实体”,即如有两个功能相等的设计,那么选择最简单的。

换言之,我们要剃掉那些冗杂的成分,言简意赅,一目了然。

除了以上7种法则,还有与费茨定律接近的 Steering Law转向定律、Gutenberg Diagram古登堡图法则以及雷打不动到哪哪适用的帕累托定律(80/20 原则)、三等分原则等。

但是一切原则并不是一定要照本宣科,还是要放在特定的使用环境下和用户人群中去体验。


还是那句话,好的App是用户不需要思考学习的。

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

推荐阅读更多精彩内容