交互设计思考模式:“删除、组织、隐藏、附加”

Giles Colborne简约四策略是“删除、组织、隐藏、转移”,由于“转移”在实际设计过程中比较少运用到,所以我根据elya的知乎回答把四策略定义为“删除、组织、隐藏、附加”,elya没有解释她的理解,所以我根据自己理解重新定义。

简约的定义

解释“四策略”之前首先需要明确什么是简约,“真正的简约远不止删繁就简,而是在纷繁中建立秩序。”这是苹果设计师乔纳森•伊夫在IOS7发布的时候对于简约的解释。

为什么我们喜欢简约

人喜欢简单的东西是因为简单的东西可以减少认知上的负担,因为我们的大脑喜欢简单而有秩序的东西。可以从人的记忆、思考和注意力三个机制去解释认知负担这个问题,从更深的层次来总结原因就是,人的大脑活动的资源是稀缺的。

第一,记忆。短期记忆是有限的。简单的东西使得我们的感官输入少,容易集中注意力。

短期记忆和集中注意力的程度以及感官输入量相关。(1)短期记忆取决于集中注意力的能力,越能集中注意力,短期记忆的内容能留存得越多;(2)短期记忆与感官输入量是负相关,感官输入量越多,受感官刺激越多,越难集中注意力,短期记忆的内容越少。

我们的大脑一次只能记住4项事物。我们都听过“神奇的7±2”原则,但心理学家Alan Baddeley质疑了7±2的规则,通过对人类记忆和信息处理的大量研究后表明4项才是我们记忆的最佳数量。也就是说如果人集中注意力,不受干扰,那么短期记忆中能保存3-4项事物。尽管我们通常通过“组块记忆”的方式延伸我们的短期记忆,但是如果每个类别中只有1-3条信息,那么人们也能够轻松的记忆。

第二,思考。大脑一次能处理的信息量是有限的。简单的东西使我们接触的信息量较少并且信息是关键有效的,减少认知负荷。

我们的大脑有230亿个神经元,但是一次只能处理少量的信息。人每秒约处理400亿条信息,其中只有40条是有意识知觉的,而且对40个事物产生意识知觉并不代表对40条信息进行有意识的加工。复杂的信息和界面使得大脑需要思考、记忆、辨别以及操作大量的内容,这会带来各种不同的大脑负荷。

其中,认知负荷是最占用脑力资源的负荷。人机工程学理论上有三种负荷:认知负荷、视觉负荷和动作负荷。认知负荷是指思考、记忆和心算,视觉负荷包括浏览和寻找想要的信息,动作负荷包括点击、操作鼠标、打字等。此外,不同的负荷占用脑力资源不相同,认知负荷占用最多,其次是视觉和动作负荷。

第三,注意力。集中注意力处理一项任务的时间和精力是有限的。简单的东西让人容易集中注意力在目标上。

过多的信息干扰我们对任务的执行,使我们难以集中注意力,能记住的东西并不多。大脑的注意力机制会做出以下两点来“保护”我们:(1)选择性注意和主动过滤无关信息:简单的东西无须关注目标以外的干扰事物,可以做到只关注一件事;(2)心智游移:30%时间人会走神,而且心智游移是非常常见的,人集中处理一项任务的时间是有限的,所以我们需要假设人们经常走神,因此简单的东西能让人更容易集中。

简约四策略

简约四策略“删除、组织、隐藏、转移”是使设计更贴近简约的有效途径。

交互设计思考模式:“删除、组织、隐藏、附加”

1.删除

关键是删什么,留下什么。关于删掉什么可以从两个层面来总结,功能结构和页面表达。

第一,功能结构层面。

删除不必要的功能。那么什么是必要的功能?那些关系到用户日常使用体验的功能,以及那些能消除他们挫折感的功能。影响用户核心体验的功能决定了这个产品能不能用以及能不能与别的产品形成差异,消除挫折感的功能能够辅助核心功能让用户愉快。

如何确定核心的功能呢?排定功能优先级。(一)确定用户的目标是什么,并排定优先次序,寻找完全满足优先级最高的用户需求的解决方案。比如,大部分的网民(不是专家型的程序员用户)使用浏览器的目标是快速便捷地了解获知某方面的东西(知识、新闻等),日常的行为是访问、浏览和搜索网页。因此,对于浏览器而言,优先级最高的是访问和浏览网页,前进和返回功能是实现核心功能必不可少的功能,其次就是一些辅助的例如书签和收藏网页功能等。(二)确定用户在使用过程中最常见的干扰行为。比如在使用浏览器访问网页时,不小心关闭了正在看的网页,那么查看和恢复历史访问就是把用户挫折感降低的功能。

第二,页面表达层面。

正如前文提到的,我们大脑活动的资源是稀缺的,记忆、处理信息以及注意力都是有限的,所以每一个界面的小细节都有可能增加用户的负担。

(一)内容上,(1)文字:删除欢迎词,删除不必要的说明,删除繁琐的解释。(2)句子:精简句子,目标是简洁、清晰、有说服力。(3)选择和选项:。选择过多会导致选择困难症,让用户无所适从。

“删除每个页面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)

(二)样式上,(1)链接和广告;(2)大小、形状和颜色;(3)布局和层次

删除页面混乱元素一个非常好的方法就是先删除再拿回来,也就是先假设页面上所有的元素都是无用的,再想想为什么需要这些元素,对用户实现目标的作用是什么,如果没有这些元素就会影响体验,再把他们拿回来。

可以发现,删除页面表达层面的元素时更多讨论的问题是如何优化,而在最初设计一个产品时,应该更加关注功能结构方面的内容,从一开始便聚焦于用户的核心需求,那么才不至于在删除功能时导致用户的反对和抵抗。

2.组织

在删除了那些不必要的、无法实现的的功能之后,需要对保留下来的核心功能和辅助功能进行组织。

第一,围绕行为进行组织。通过划分用户群体,对不同的用户群体的行为进行分解。这里可能需要一点用户角色建模和场景分析的能力。

第二,确定清晰的分类标准——时间顺序、结构顺序或者重要性顺序。

第三,根据逻辑和层次结构进行分块。还记得前面所说的我们的大脑一次只能记住4项事物吗,所以尽量把分块的数量控制在4项以内。

第四,利用“亲密性、对齐、重复、对比”四大设计基本原则进行布局。

(1)亲密性:彼此相关的项应该靠近(格式塔原则),归为一组,如果多个项相互之间存在很紧的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有利于组织信息,减少混乱。

(2)对齐:任何东西都不能在页面上随意安放,每个元素都应该与页面上的另一个元素有着某种视觉联系。这样可以建立一种清晰、精巧而且清爽的外观。

(3)重复:让设计中的视觉要素在整个作品中重复出现,可以重复颜色、形状、空间关系、线宽、字体、大小和图片等等。这样可以增加条理性和统一性。

(4)对比:避免页面上的元素太过相似,如果页面元素不相同,就让他们截然不同。

3.隐藏

隐藏什么?不常用但是不能少的选项。下面总结隐藏的两种方法:

第一,渐进呈现、阶段展示、适时出现。即每次只展示用户当前需要的信息。

渐进呈现意味着需要多次点击,然而点击的次数不是影响体验的关键。一方面,前文说到的我们每秒处理约400亿条信息,但其中只有40条是有意识的,所以我们的大脑更擅长处理小块的信息。另一方面,对于我们承受的三种负荷——认知、视觉和动作中认知是占用脑力资源最多而动作是占用最少的负荷,所以我们可以通过权衡视觉、动作的负荷来减轻认知的负荷。

“点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。”(《Don’t make me think》中Krug可用性第二定律》)

渐进呈现的关键是了解谁在什么时候需要什么信息。这需要在用户角色建模时的调研结果,了解多数用户每一步需要什么信息。

第二,隐藏在常用功能之下,利用提示和线索让功能容易被找到。“设置”“更多”或者“高级选项”等。

4.附加

可能你们有点疑惑,大家都说要缩减要删除要简约,而为什么我要把“附加”作为四个策略中的一个呢?这里讲的“附加”并不是增加功能,而是附加设计的细节(可用性细节、情感化细节等),使得产品更加完整,更加好用。

最后

无论是优化已有的产品或者是新设计一个产品,积累和建立自己的设计模式都非常重要,站在巨人的肩膀上,重新整合和理解大师的设计理念和方法。我会不断在实践中完善“删除、组织、隐藏、附加”四个层次的思考模式。


参考书籍:

[1] Giles Colborne:《简约至上:交互式设计四策略》

[2] Jeff Johnson:《认知与设计:理解UI设计准则》

[3] Steve Krug:《Don’t make me think》

[4] Robin Williams:《写给大家看的设计书》

[5] Susan Weinschenk:《设计师要懂心理学》

作者:Vivian姑凉

来源:简书

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/9003/

(0)
iouedioued
上一篇 2015-08-28
下一篇 2015-08-31

相关推荐

  • 对话式交互设计

    关注一下,更多精彩等着你1. 轮流表达在对话中我们基于互相来回传递的微妙信号进行轮流表达。如果会话中缺少这种有效的轮流互换,我们就有可能难以保持信息的同步或无法跟上对方的节奏。2. 对话串联在自然语言中,对话的所有元素通常会被连贯地串联起来,包括上下文以及随时间演进的对话方式。这种串联帮助我们跟进会话过程。能够理解欣赏笑话幽默的人都知道,在交流中的每个回合都要注意上下文的关联性,并加强整体的交流。3. 潜在效率人们经常会用简略的口语交流...

    2018-03-21
  • 小而美的过场-视觉设计

    有些网站无论在内容,可用性,设计或者功能等方面胜人一筹,其取胜之道在于交互和动效的细节上。在这里通过各种模型和大家分享一些案例,并分析为什么这些简单的方式能产生让人难忘的效果。   我们常常会用Pho…

    2014-09-20
  • 2016年最值得关注的移动端APP设计趋势

    不论移动端网页和APP之间有着怎样的争论,移动端APP的快速发展都是不争的事实,各种客户端的开发和接入已经成为常态。用户对于自己喜欢的品牌和服务,总期待官方能推出客户端,也正是在这种期待和需求之下,催生出越来越多的APP。

    2017-05-30
  • 用户体验再度升级,共享租车现里程碑式进步

    近日,国内共享租车领导品牌凹凸租车发布最新APP 4.0版本,该版本通过优化匹配算法和系统功能,在业内首度实现共享租车平台零拒单,免除了用户交易后租不到车的后顾之忧。同时,新版凹凸租车上线了“精选优车”频道,全面提升用户的租车体验。零拒单,用户所租即所得在共享租车行业,用户租车后遭遇车主临时拒单或取消的现象成为一大痛点。在凹凸租车4.0新版本中,平台通过车源端优化、车辆接单标准化、智能推荐匹配算法和系统功能升级,实现了工作时段的无拒单、...

    2018-02-01
  • 大屏时代,如何做好电视端交互设计?

    在过去一年多的时间里,笔者有幸参与了电视端大屏幕的项目,在不断的尝试、探索和设计中,也收获了一些关于电视端的设计经验,因此将这些“电视交互设计的一些事”分享出来,共同探讨电视端的设计。-硬件+远距离操控——基本交互-基于桌面资料研究以及设计经验,总结了基本交互主要包含以下几个关键内容:遥控器输入、导航和菜单、信息展现、控件摆放和焦点状态。一 、遥控器输入当我们用手指快速便捷地在手机屏幕上点击或滑动时,主流电视大屏及应用的操作还是:使用遥...

    2018-04-01
  • 交互设计师应该了解的心理学理论:认知心理学、格式塔心理学和心流

    问:贴满一张卡需要多久,A和B是否相同?答案当然是不同,尽管同样需要买10杯咖啡,但往往B方案会更快地贴满。

    2017-05-20
  • 不看枉为互联网人互联网大会PPT精彩集锦

    当APEC峰会灿烂落幕,“双十一”血拼结束,下一个举世瞩目的焦点在哪里?浙江乌镇——首届世界互联网大会19日在这里启幕。 今天小编整理了互联网大会的精品PPT分享给大家,内容涉及与移动医疗最密切相关的三个互联网行…

    2014-11-21
  • 对交互设计的思考(译文)

    本文是一篇译文,介绍了国外设计师对于交互设计师的现状和他认为的理想状态的思考。老外的思路还是比较清奇的,在这里介绍给大家。数字革命对于有好奇心的人来说就像是淘金热。没有人知道数字媒体究竟是什么,但它实实在在的深刻影响着我们的生活。 它是一个新的未知的领域,等待用新的艺术形式,设计和方式来填充,以更好地了解这个世界。然后,世界就变成了下面这样:这是怎么回事?1.基于技术思维的交互设计交互设计从数字技术革命中应运而生。所以就像工程师一样,设...

    2018-02-02
  • 交互设计师的60日计划第十六天

    周五综合症:不想做事...今天把昨天的需求做完善,与产品经理讨论其中的一个问题,然后将细节标注清楚,但是产品最终还没有确认。除此之外,一直在帮要晋级的一个视觉同事想文案,最后得出结论,还是得多读书,书到…

    交互专题 2015-08-20
  • 简单快速的可用性测试

    2014年11月11日   艾欧交互设计-用户体验 导语:可用性测试是改善产品的最佳方式之一,这一点,在内部已经是不争的共识。只是由于用研人手总是不足,所以为了能让各个部门的同事能更快速地展开一些研究和测试的工作…

    2014-11-11