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

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

相关推荐

  • 酱课程丨交互设计第③期 · 原来交互设计师是这样工作的,和你想的一样吗?

    交互课程第三期来啦!查看前两期点击这里——交互设计第①期 · 这个老师只用一张图,就解决了所有设计专业都会遇到的问题!交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!通过前两期课程,同学们了解了双钻图——一套完整的设计流程指导框架、定义了什么是交互设计、它所涉及到的领域以及与交互设计相关的六大Job titles。现在大家对交互设计已经有了一个大致的理解,设计流程框架也是现成的,下面就要进...

    2018-05-04
  • Axure小白,快速做出冲顶大会高保真原型,全靠它(附源文件下载)

    Hi,大家好我是Axure实战班萌萌哒的班主任Sara(*^▽^*)这是一篇很有内容的Axure班介绍文章如果你被Axure困扰想快速玩转Axure,做出标准的原型图想写出规范的原型说明,掌握产品交互那么花3-5分钟了解下这个实战班吧,2000多位同学报名学习了,不会错的~先给大家看看我们班liwen同学,做的冲顶大会gif图喔,真的很棒棒耶(*╹▽╹*)(福利资料:添加班主任Sara为好友,可获取“冲顶大会”原型文件。Sara微信见文...

    2018-03-26
  • 聊聊蒙版引导的应用场景以及设计建议

    蒙版引导一直是一个十分热门的话题,对于很多用户来讲经常会不彻底阅读甚至快速关闭来结束引导,这样便起不到很好的教育作用。甚至还有“在界面上添加这些并不会让你的产品变得更易用”的说法(观点引自文章“Misused mobile UX patterns”)。但我认为这种说法过于片面,对于一些流程复杂或者功能个性的产品应用,添加蒙版引导进行说明,是十分有必要的。

    2017-05-11
  • 译文:常见的交互设计错误

    好的交互设计可以区分开有质量的网站和其他普通网站。然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感。

    2016-02-13
  • 做产品也离不开哲学,你必须读一读:十个有趣的哲学故事

    来源:市场部 作者:佚名    【送茶叶的小故事】 张三一直喜欢喝20块钱的茶叶。新开茶店里每次张三去买茶叶,老板都送他半两好茶。 张三将好茶攒着待客。一天闲来无事泡壶好茶,竟喝上瘾。喝完免费的好茶,张…

    2014-09-21
  • 产品经理-传说中的产品狗

    互联网界自从出了几个大神级的产品之后,产品背后的产品经理被捧红了,一时间产品经理成了诸多行业从业者追求的目标,每个人都期望有一天也能做出一个很牛的产品来,这种影响导致了很多刚毕业的学弟学妹,都认为产品经理是最有前途的。

    交互设计 2015-01-03
  • 交互设计与心理学关系

    来源:jeffrey's blog 作者:jeffrey 交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学…

    2014-09-21
  • 和用户谈一场甜蜜的恋爱:让产品吸引用户的3个方法

    今天我拿了一些美好设计的案例,跟大家分享,如何通过美学、诱惑和游戏等等手段来取悦用户,和用户谈一场甜蜜的恋爱。人们普遍倾向把认知放在情绪对立面。情绪被认为是热情、动物性和非理性的,而认知则是理性的。这真是无稽之谈! 情绪乃是认知不可分割的必要组成部分。 我们所做所想的每一件事都受到情绪的影响,尽管在很多情况下是潜意识的。与此同时,我们的情绪会改变我们的思考方式,也会一直指引我们做出恰当的言谈举止,引导我们趋利避害。深泽直人设计的这款CD播放机,外型与”换气扇”非常相像,只要将CD放进去,拉一下垂下来的绳子,就可以开始播放CD。这个过程就好像打开换气扇一样。即使明明知道这是台CD播放机,但因为脑海里总是想着换气扇的形象。当我们凝视这台CD播放机时,身体就会产生相应的反应。特别是脸颊附近的皮肤,感觉似乎格外细腻和敏锐,简直就像等待吹过的风一样等待着播放出来的音乐。

    2017-05-12
  • 交互设计师如何进行风险预判?

    在公司工作,任何职业都不可能单兵作战,协作是永恒的主题,而每一个需求和任务的实现,都是各方通力合作的成果。作为交互设计师,除了做好自己的设计工作之外,还需要花费大量的时间与产品、运营、客户端开发、前端开发、后端开发一起协作和沟通。

    2017-06-04
  • 在人们习以为常并且不再奢望能有所改进的地方,敏锐而又勤于思考的产品经理们还能做些什么?

    锤子新品发布会上,一句“在人们习以为常并且不再奢望能有所改进的地方,敏锐而又勤于思考的产品经理们还能做些什么?”的话,带来了一个疑问,就是怎么在艰难的情况下进行颠覆性创新! 新增: 1.内置网络免费电话功…

    交互设计 2015-08-26