马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 网站制作 > 交互设计 > 交互设计的七大定律

交互设计的七大定律

时间:2015-08-10   文章来源:马海祥博客   访问次数:

交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的,交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验。

交互设计的七大定律-马海祥博客

作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,那么你知道交互设计的定律都有哪些吗?

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

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

交互设计的七大定律-马海祥博客

它是1954年保罗.菲茨首先提出来的,用来预测从任意一点到目标中心位置所需时间的数学模型,在人机交互(HCI)和设计领域的影响却最为广泛和深远,新的Windows 8中由开始菜单到开始屏幕的转变背后也可以看作是该定律的应用。

菲茨定律的启示:按钮等可点击对象需要合理的大小尺寸。

屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们,即不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。

出现在用户正在操作的对象旁边的控制菜单(右键菜单)比下拉菜单或工具栏可以被打开得更快,因为不需要移动到屏幕的其他位置。

扩展阅读:Windows设计规范中的鼠标交互、菲茨定律与互联网设计、偻?定律Fitts’ Law陪使用者介面韵?、Google Chrome 与 Fitts Law、谈谈 Fitts 定律、费茨法则在交互设计中的应用 (Readlists)。

2、Hick’s Law / 席克定律(希克法则)

交互设计的七大定律-马海祥博客

定律内容:一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长,用数学公式表达为反应时间T=a+b log2(n),在人机交互中界面中选项越多,意味着用户做出决定的时间越长,例如比起2个菜单,每个菜单有5项,用户会更快得从有10项的1个菜单中做出选择(这个与防呆设计有点相似,具体可查看马海祥博客《基于交互体验的防呆设计应用与策略》的相关介绍)。

席克定律多应用于软件/网站界面的菜单及子菜单的设计中,在移动设备中也比较适用。

扩展阅读:席克法?、谈谈Hick定律(Readlists)

3、神奇数字7±2法则

交互设计的七大定律-马海祥博客

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

4、The Law Of Proximity接近法则

交互设计的七大定律-马海祥博客

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

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

交互设计的七大定律-马海祥博客

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

6、新乡重夫:防错原则

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

交互设计的七大定律-马海祥博客

如上图所示,极客公园的评论功能快,在留言框没有内容或邮箱格式不正确的时候是无法获取验证码的,只有两者都满足了才可以。

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

交互设计的七大定律-马海祥博客

这个原理被称为“如无必要,勿增实体”,即如有两个功能相等的设计,那么选择最简单的(之前,我也曾在马海祥博客《交互设计案例:产品结构化繁为简的设计理念》一文中跟大家做过介绍)。

为了遵守神奇的数字7法则本篇就只介绍到这里了,如果你还有兴趣自己去找找其他的定律法则,如与费茨定律接近的Steering Law转向定律、Gutenberg Diagram古登堡图法则以及雷打不动到哪、哪适用的帕累托定律(80/20原则)、三等分原则等。

最后想说的是虽然这些法则定律被很多人认定为标准,很多人也记得Alan Cooper说过的那句名言,但从实际出发这些法则定了起到的只是参考或启发作为,作为交互设计人员千万不能照本宣科,因为只有亲自做过后才会深有体会。

马海祥博客点评:

交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/jhsj/1253.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 交互设计  

上一篇:交互设计是什么?
下一篇:动效设计的物理法则及应用

您可能还会对以下这些文章感兴趣!

  • 动效设计的物理法则及应用

    动效设计可以拓展空间内容,简化引导流程,降低学习成本,更重要的是给用户带来意想不到的惊喜,它就像人类的肢体语言,通过肢体语言传达更多的抽象信息和性格展现,动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒……【查看全文

    阅读:572关键词: 动效设计   日期:2015-09-25
  • 交互式视频设计的分类和实现工具

    交互式视频是指通过各种技术手段将交互体验融入到线性的视频的新型视频。它风靡起源于2005年,随着当时宽带接入速度的提升和多媒体播放技术的成熟,交互式视频越来越多,最初主要是由广告商赞助的广告视频,借用各种新奇的交互方式来吸引人们点击观看,增加产品的曝光度……【查看全文

    阅读:2804关键词: 交互式视频   交互设计   视频设计   实现工具   日期:2014-07-13
  • 如何将需求还原成情景变成可用性设计?

    可用性是交互式IT产品或系统的重要质量指标,主要用来表示产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何?主观感受怎样?实际上是从用户角度所看到的产品质量,是产品竞争力的核心。为了优化产品,提升用户体验……【查看全文

    阅读:814关键词: 可用性设计   情景设计   日期:2014-11-29
  • 如何制定交互设计效果的可量化考核方案

    作为一名交互设计师,我一直在思考如何让我们每天的工作内容能够更直观体现其价值或效果的量化考核,如何将你的技能和除网站之外的知识运用到搜索设计工作中去,这也正是大多数用户体验真正开始的地方。其实交互设计师,视觉设计师,开发人员,信息架构师,搜索引擎优化……【查看全文

    阅读:1676关键词: 交互设计   设计效果   可量化考核   设计方案   可量化方案   日期:2014-07-28
  • 基于交互设计的默认值分类和设定

    一般来说,在交互设计过程中涉及到系统缺省的都需要默认值,它起到引导、补救、宣传等作用。“默认值”这个词来自工程师术语,因为系统有很多默认操作。有了默认值用户就不会觉得慌乱,也就是给用户一个常态,在现实中我们也可以看到这样的例子:电脑默认值是关闭的:省……【查看全文

    阅读:482关键词: 交互设计   默认值分类   默认值设定   默认值   日期:2014-07-19
  • 交互设计中最常见的10个基础术语

    交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。随着移动互联网的迅猛发展,移动产品UI设计人员也开始面临紧缺起来。很多其他行业设计师也转行做UI设计,那么,作为一名UI设计师新手应掌握哪些知识,下面,我就带着大家先知道一下交互设计中最常见的10个基础术……【查看全文

    阅读:86关键词: 交互设计   基础术语   术语   日期:2020-04-09
  • 交互设计案例:产品结构化繁为简的设计理念

    化繁为简,从不是件简单事,如何既保证功能体验完整,又体现WP平台自身极简、轻量的特点,成了贯穿我们设计始终的思考。“真正的简洁不是删繁就简,而是在纷繁中建立秩序”,打造全功能版的云音乐WP端,无论是设计还是开发都经历了从混乱到有序的过程。……【查看全文

    阅读:4725关键词: 交互设计   交互设计案例   产品结构   化繁为简   设计理念   日期:2014-09-06
  • 网站分页导航的10大交互设计因素

    在进行产品设计的时候,我们一切都是从用户需求的角度出发来进行思考和设计的。但是,产品是同时满足用户需求和公司需求(通常是盈利)的东西,所以,有时候,不得不考虑其它的一些东西。比如,在你浏览某些新闻资讯类网站的时候,你会发现,每一页的内容只有可怜的一两……【查看全文

    阅读:1038关键词: 网站分页   分页导航   交互设计   设计因素   日期:2014-03-06
  • 交互设计的三大隐形机制:加载、刷新和缓存

    刷新、加载、缓存机制的设计,我不清楚是否应该归纳进交互设计师的职业范畴,但是作为一名用户体验设计师,这些点或多或少地影响着用户的使用体验,我们都应该给予足够多的重视。这些机制,独立来看都有现有模式可参考,但是交互设计师不应该把他们割裂地设计,不同机制……【查看全文

    阅读:4938关键词: 交互设计   加载机制   刷新机制   缓存机制   日期:2014-04-22
  • 交互设计是什么?

    从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,通过对产品的界面和行为……【查看全文

    阅读:792关键词: 交互设计   日期:2015-06-19
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

企业网站SEO推广能给企业带来哪些好处? 百度搜索用户建议专区上线公告