交互设计的7大原理:学会如何做“减法”!

 

NO.1 菲茨定律

它由保罗.菲茨在1954年首先提出,具体内容为:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标的大小,用数学公式表达为时间 :

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

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

总而言之:目标越大,指向越快,时间越短。同样地,目标越近,指向越快,时间越短。也就是说,定位一个目标的时间,取决于目标与当前位置的距离,以及目标的大小。

菲茨定律对我们设计上的启示:

按钮等可点击对象需要合理的大小尺寸,将用户最有可能点击最想要点击的按钮尽量放大。

NO.2 席克定律

Hick’s Law(席克法则)中说道:一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。

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

转换成我们听得懂的语言就是:当选项增加时,我们做决定的时间就会相应增加。

席克定律对我们设计上的启示:

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

NO.3 7±2法则

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

假如你的短时记忆像一般人那样,你可能会回忆出5~9个单位,即7±2个,这个有趣的现象就是神奇的7±2效应。这个规律最早是在19世纪中叶,由爱尔兰哲学家威廉汉密尔顿观察到的。他发现,如果将一把子弹撒在地板上,人们很难一下子观察到超过7颗子弹。

用户使用导航是要找到自己需要的内容,这种需求往往非常急切,请不要认为每个用户都会像挖宝一样孜孜不倦,如果还不能快速的找到自己想要看的东西,那么他们就会关掉浏览器跑掉了。简化你的导航使它尽可能的少于九个会让用户对于网站的内容一目了然,更快捷也更加有效。

7±2法则对我们设计上的启示:

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

2.如果导航或选项卡内容很多,可以用一个层级结构来展示各段及其子段,并注意其深广度的平衡;

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

NO.4 格式塔法则

当对象离得太近的时候,意识会认为它们是相关的。

格式塔法则对我们设计上的启示:

接近原则可以应用于页面内容的组织,以及分组设计中。对于引导用户的视觉流及方便用户对界面的解读起到非常重要的作用,通过接近原则对同类内容进行 分组,同 时留下间距,会给用户的视觉以秩序和合理的休憩。 设计者们也经常使用分组框或分割线将屏幕上的控件和数据显示分隔开。

NO.5 泰思勒定律(复杂性守恒定律)

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

NO.6 防错原则

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

NO.7 奥卡姆剃刀原理

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

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

1、只放置必要的东西

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

2、减少点击次数

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

3、“外婆”规则

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

4、减少段落的个数

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

5、给予更少的选项

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

时间: 2024-11-16 06:56:22

交互设计的7大原理:学会如何做“减法”!的相关文章

广告交互设计:网站首页大屏幕广告交互设计

文章描述:首页大屏广告交互设计探讨. 一.使用场景 用于大型活动推广,频率控制在一季度或一年度一次为宜. 二.设计目标 1.效果好!尽量让每位用户都注意到这个活动.2.干扰小!把对活动不感兴趣的用户的干扰降到最小. 三.设计要点 1.是否要遮盖网站内容? 不要遮盖.从我们监测的历次大屏广告点击数据来看,广告的点击在首页总点击的占比分布在2% – 20%之间.这意味着:有至少80%以上的用户对活动并不感兴趣,他们中大部分是带着明确目的来网站使用特定产品的.如果广告内容遮盖了网站内容,将严重干扰这部

设计-求Java大神,帮忙做一个点餐系统,求java源代码

问题描述 求Java大神,帮忙做一个点餐系统,求java源代码 设计实现一个餐厅点餐系统,实现电子点餐,求java源代码 详细内容如图 流程图大概做了一个

手机的交互设计方法:手机产品交互设计原则

一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定两个问题:一是确定目标用户群体:二是确定信息收集的方法和途径. 在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息.因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户.在理想的情况下,当用

一个交互新人的交互设计初体验

  交互设计初体验系列是我在从事交互设计半年多的时间里在工作中和自我学习中积累的一些关于它的思考和经验,也是对自己今年工作上的获得的成长和收获的一个小结.适合初级的交互设计师和对交互设计感兴趣的同学阅读,很多欠缺的地方希望能和大家多交流. 交互设计师这个职业似乎是这几年才开始在中国的一些公司慢慢出现,正处在一个发展的阶段.之前也很少听到有关于这个职业的介绍和培训.而这两年随着"用户体验"越来越多的被运用到产品的设计和商业的发展中,交互设计也在被更多的公司和企业所重视,虽然依然有很多的老

web排版艺术与交互设计

  前言: 如今的web真的是太难做了,上篇我就提到过,web-er要懂得也是太多,何其多何其多啊. 正文: 需要掌握的工具很多,photoshop,fireworks以及相关设计辅助软件,需要懂得如何去布局排版,色彩以及字体美化,有时候必要的时候还需要懂得如何把一个PSD与PNG图片进行转换,个人认为,用户体验就是从试用的体验和视觉上的体验上开始的. UE交互设计: 我们一直在做网页,在做设计,而我们最终也是给别人用看给别人用,所以可以归类到"人机"交互上去,而人机交换体现是就是一个

业内人士称深圳山寨机与iPhone只差交互设计

深圳交互设计应用几为空白 业内人士称,深圳工商注册根本无交互设计选项,深圳山寨手机与Iphone之间所差的,就是交互设计 Iphone被视作交互设计产品中的翘楚,但在交互设计应用空白的深圳,设计师们很难有渠道获得与国际同步的交互设计知识. 还局限于材料.外形.结构的产品设计已经无法跟上市场的需要.一种从用户体验入手.更关注人与产品之间的互动.能直接影响人们的购买习惯和依恋程度的新设计理念---"交互设计",成为当下深圳工业设计领域面临的新课题.近日,深圳市工业设计行业协会举办首期交互设

基于用户体验的手机产品交互设计原则

一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定两个问题:一是确定目标用户群体:二是确定信息收集的方法和途径. 在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息.因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户.在理想的情况下,当用

交互设计实例:电商B2C优惠券选择需求

文章描述:B2C站购物流程中优惠券的交互设计优化方案. 我们在互联网上经常买东西,也会经常收到优惠券,最近有空做了一个小调研,在一个网站上,有30%的用户拥有超过10张的生效优惠券,但是,当我们使用优惠券的时候,我们发现一个问题,很多网站在购物结算页面只能显示10张优惠券,那么,如果多于10张优惠券后,我们怎么选择使用呢? 我模拟一个用户,当我去一家超市,我购买了很多或者单件商品后,我发现我包包里有N张优惠券,我开始纠结了,我该使用那张呢?于是,我开始翻包里的优惠券,看看哪张快过期了,哪张是我这

交互设计笔记之产品分类管理:小分类大学问

也许把分类单独拿出来讨论有些站不住脚,范围大涉及面又广,但不想拐弯抹角,希望能有业内人士不吝指点. 分类(Classification),顾名思义的概括就是分开并且归类.学科上通常对分类的认知有以下三个方面: 1.按照种类.等级或性质分别归类 2.把无规律的事物分为有规律的.按照不同的特点分类事物,使事物更有规律! 3.推测事物间存在的一些自然关系 其实中心意思也是在讲首先区分,其次归类.在产品设计中,分类管理这种东西总是会层出不穷的跑出来让人做抉择,他们跟导航设计似乎又有着千丝万缕的干系,好的