交互设计原则之第一篇 基础原则

第一篇  基础原则

一、菲茨定律

保罗 菲茨在1954年提出:从一个起始位置移动到一个目标位置所需要的时间由2个参数来决定,到目标的距离和目标的大小,用数学公式表达为:

T=a+b log2(D/W+1)

T代表完成移动所需的平均时间,a代表光标开始/停止时间,b代表光标的移动速度,D代表从起点到目标中心的距离,W代表目标的宽度。

目标越大,目标离得越近,指向越快,时间越短。

定位一个目标的时间,取决于目标与当前位置的距离,以及目标的大小。

菲茨定律对我们设计上的启示:按钮等可点击对象需要合理的大小尺寸,将用户最有可能点击的按钮点击区域尽量放大。

二、席克定律

hick ‘s law :一个人面临的选择(n)越多,所需要作出决定的时间( t)就越长。

T=a+b log2(n)

a=与所做决定无关的总时间(前期认知和观察时间)

b=根据对选项认识的处理时间(从经验衍生出的常数,对人来说约0.155s)

设计上的启示:产品的结构尽量简洁明了,把与做决定有关的选项减到最少,以减少所需反应时间,降低犯错概率;也可以对选项进行同类分组和多层及分布,这样用户操作效率会更高,时间更短。

三、7±2法则

一般人类头脑的短时记忆能记住含有7(±2)个信息块,在记忆了5-9项信息块后人类的头脑就会开始出错。

设计上的启示:

1.导航或选项卡尽量不超过9个

2.如果选项内容很多,可以分层级分布,并注意身广度的平衡

3.大断整块的信息分割成各个小段,并显著标记每个信息段和子段,以便清晰确认各自内容。

四、格式塔原则

接近原则:对象之间离得很近时,意识会认为他们是相关的。

相似原则:人们通常把那些明显具有共同特性(如形状、大小、颜色等)的事物组合在一起,即相似的部分在知觉中会形成若干组。

封闭原则:我们习惯性的将图形作为一个整体去观看,于是我们在脑袋里将缺少的形状补充进去之后,便形成最终我们识别出来的图形效果。

连续原则:我们的视觉倾向于感知连续的形式而不是零散的碎片。(IBM的标志)

设计启示:

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

五、泰思勒定律(复杂守恒定律)

该定律认为每个过程都有其复杂性,存在一个临界点,超过这个点就不能再简化了,你只能将固有的复杂性从一个地方移动到另一个地方。如对于邮箱的设计,收件人地址是不能再简化的,而对于发件人却可以通过客户端的继承来转移它的复杂性。

六、防错原则

防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。通过改变设计可以把过失降到最低。该原则最初是用于工业管理的,但在交互设计也十分适用。如在硬件设计上的 USB 插槽;而在界面交互设计中也是可以经常看到,如当使用条件没有满足时,常常通过使功能失效来表示(一般按钮会变为灰色无法点击),以避免误按。

七、奥卡姆剃刀原理

也被称为“简单有效原理”。后来以一种更为广泛的形式为人们所知——即“如无必要,勿增实体。”也就是说:如果有两个功能相等的设计,那么我们选择最简单的那个。简洁的页面能更好地传达出你所想要表达的内容。

奥卡姆剃刀原理对我们设计上的启示:

只放置必要的东西

简洁网页最重要的一个方面是只展示有作用的东西,其他的都没有。这并不意味着你不能提供给用户很多的信息,你可以用“更多信息”的链接来实现这些。

减少点击次数

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

八、“外婆”规则

如果你的外婆(其他老点的人)也能轻松的使用你的页面,你就成功了。

减少段落的个数

每当你的网页增加一段,页面中主要的内容就会被挤到一个更小的空间。那些段落并没有起到什么好的作用,而是让顾客们知道更多他们不想了解的东西。

给予更少的选项

做过多的决定也是一种压力,总体来说,用户希望在浏览网页的时候思考的少一点。我们在展示内容的时候要努力减少用户的思维负担,这样就会使浏览者使用更顺畅,心态更平和。

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

推荐阅读更多精彩内容