《Don`t Make Me Think》读书心得(上)

5年前发布

原创文章 / 不存在 / 书籍
嚼言 原创,如需商业用途或转载请与嚼言联系,谢谢配合。

这是一场关于Web设计和可用性设计的讨论,对于【网站如何留住阅读者】极有帮助
Just When I Thought I Was Out , They Pulled Me Back In.

      大概从上世纪八十年代开始,在计算机界面设计领域出现了“对用户友好”的口号。随着研究的深入又有了计算机——人机交互,直到现在“以用户为中心”的可用性设计原则一直都是web设计中很重要的理论之一,然而,网站可用性设计指南也存在其局限性,主要是许多指南过于原则性,缺乏实际的可操作性。

      作者在书中提出了观点——设计者需要了解web用户的行为特点

     【可用性(Usability)是交互式IT产品/系统的重要质量指标,指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何,主观感受怎样,实际上是从用户角度所看到的产品质量,是产品竞争力的核心。 但它并不是交互设计的全部,毕竟可用性只是保证网站运行良好的一方面,它主要是让一个有群众级能力和大众级经验的用户使用它,以达到设计者的预期目标,而不会让用户感到茫然无措。】

 

      我是做工业设计出身的,“以用户为中心”这句话听了没有一千也有八百遍了。很多设计师在做设计的时候都懂得遵循用户习惯,从用户出发架构设计,但从2000年到现在,事实上越来越多的产品是在引导用户习惯,也就是说,习惯是会变的。这意味着习惯的力量并不那么稳固。习惯不靠谱,但人性靠谱啊,比如拖延症、食色性也啥的。尽管互联网大幅度改变了人们的生活工作模式,但还没有引起人类物种的根本性变革。

      同样的,不管网络发生什么样的变化,不管是web的习惯用法、操作系统、带宽或者计算机的处理能力是不是一天一个样,总有一些指导人类行为的根本原则是不会改变的——人性。

      设计做的是人心。

      这本书有价值的地方在于提出了很多“常识”,你会说常识谁不知道,还用得着说,然而这些常识如果没有人指出来,也并不是那么显而易见的。

      这两年也看了一些书,收获了很多大师的箴言警句,也算知道不少关于设计的“真理”。但随着自己接手实际项目,我才慢慢发现设计其实是一个复杂的过程,对于很多朋友提出的设计问题,我真的只能说“视情况而定”。关于设计原则这个事,在我看来就像是等公共汽车,就算你错过了一辆,也还会有下一辆,诚然应该遵循美学规范,但也无需太过介怀,不过这里确实有几条有用的指导原则可以和大家做下分享。

      观点肤浅,各位看官有什么不同意见请轻喷,以下可能也涉及一些我认为有待改进的例子,没有任何歧视嘲笑的成分,因为做好任何一个设计都不容易,就像打高尔夫,十几杆下去能进一小半就不错了,求理解。

      下面我会极力避免用“用户”这个说法,一个是怕文章显得沉闷,另一方面各位看官也是“用户”的一份子,“用户”会让用户产生隔离感,我希望大家能代入我的文章,所以人称上用“我”,我是用户,也是设计者。

      如果你问我想确保一个设计容易使用,最重要的是什么,那既不是“重要的内容放在两次点击以内”,也不是“遵循用户习惯的方式”,更不是“保持一致”,

      而是,别让我思考

      一个优秀的设计应该不言而喻,一目了然,如果你不能做到让你的设计不言而喻,那至少也要让它可以自己解释。

      当我看到一个不需要思考的设计时,我应该能明白它是什么、能用来做什么、要怎么用,脑子里会不自觉生出:哦,这是XXX,那是XXX,我要找的什么在XXXXX!一气呵成简直舒心有木有!而不要我花精力进行思考,拜托看得我脑瓜仁直疼好嘛!

      你造处女座看到一个需要思考的设计时,脑子里每一个想法都是问句嘛!这个是促销信息吧?我可以点这里嘛?为什么两个链接长得这么像?

      比如我找实习的时候吧,看了不少招聘网页,有的写着“JOBS”,有的是“JOBS---HOME DECOR”,有的是“JOBS---Aaron”。请问后面这是什么鬼,老板你很有名嘛,俺孤陋寡闻!

      这就是显而易见和完全模糊不清的两类信息,天知道我废了多少脑细胞才搞明白后面两个是啥意思,这是网站中的一个不必要——模糊不清的信息。

      另一个不必要的来源在于那些看起来不太明显的链接和按钮。对一个用户来说,花几秒钟时间去思考这个按钮能不能点击真是个糟心的事,它看起来和其他的文字图片一样一样的,完全没有任!何!区!别! 你让我碰运气呢亲!

      你要知道,我访问web的时候,每个问号都会加重我们的认知负担,人们通常不喜欢苦苦思索背后的原理,如果设计不能让人浅显易懂,用户就会对设计者失去信心。

      比如网上书店搜书吧,这个事干的比较多体会深刻,把【搜索】改成【马上搜索】,或者下拉菜单里有N多选项:书名、作者名、关键词,出版社....

      我要找一本平面类的书,我是在【书名】里填“平面设计”呢,还是在【关键词】里填平面呢,我是不是直接搜作者更好一些,毕竟我知道作者是谁,这个不同出版社不会有什么影响吧...你看,这些心理活动虽然只发生在一瞬间,但是这个过程是很繁琐的,任何一个小细节都可能让我生出问号,而且最重要的是,作为一个搜索引擎,为什么要让我思考怎样表述我的问题,我希望网站能自动检测我输入的内容,而不是让我去给键入词归类!

      这个体验真是差评,如果我可以无脑就搜到满意的结果那该多么好,请不要强迫我思考! 

      为什么这一点很重要,并不是因为我们经常听到的“如果你得罪了用户,他们就会投入对手的怀抱”。事实上由于信息巨大的不对称性,用户一般也很难有几个备选方案,其次从头开始总归不那么让人开心,你会见到很多用户在一个体验性很差的网站坚持很久,比如亚马逊,他们认为是自己的错,就好比我已经等了十分钟车了,要不再等一会吧。

      那么为什么要坚持让用户不思考呢,原因在于一个残酷事实——用户会花比我们想象的要少得多的时间去浏览网页,所以你必须让用户第一眼就看到你想展示的!

      你以为你的网站是这样子的:

      093f569b9b4f6ac725af23304162.jpg

      实际上我看到的是这样子的:

      3e58569b9b6832f87574be67b676.jpg

      让我来扒一扒我自己是如何使用web的,也许不具代表性,但也许代表了一类人。

      扫描!满意即可!勉强应付!

      你有没有感觉,为什么东西总在你找的最后一个地方被找到,因为你找到以后就不会看其他的东西了

      设计师仔细斟酌的文字、细心编排的版面、精心准备的链接我根本不买账,通常页面上很多东西我都不看,就像是坐在飞驰的汽车上看路边的广告牌一样。

      另一方面你会发现设计师在做设计时以为我是很理性、有智慧、注意力集中、时间充沛、审美水平高、wifi状况良好(事实上是这样没错哈哈哈),他们通常自以为是地认为他们的设计在被我使用时是有序且理智的,但不好意思,实际情况恐怕并不像你们想的这么乐观,呵呵。

      苦逼的设计师们,如果你想设计出有效的web,就必须接受以下几个事实:

     (1)我根本不阅读,而是扫描。我会花极少的时间来阅读大量的页面信息,我会快速浏览页面,寻找能吸引我的文字或词语,当然了,像新闻页面、产品描述、报告文档这类的我可能看得比较仔细,但即使是这种信息,我也愿意在纸面上阅读而不是在网页上。

      纳尼?你说我为什么扫描?

      拜托我很忙的好嘛,一分钟几十万像素上下的好嘛,有很多外界因素会干扰我的注意力好嘛,比如刚才又过去一个黑丝高跟的妹子...我需要节约每件事的时间!

      而且我知道自己不必阅读所有内容,在绝大多数页面上,我需要的信息只是其中很小的一部分,最重要的是我很善于扫描,事实上这些年我一直是这样读书看报看杂志的,并且没有出现任何问题。

      SO,能被我接收到的信息不是你所提供的全部,而是我想要看到的,这包括与我手头任务有关的,或者我当前或者接下来的个人兴趣,亦或者我脑子里一些根深蒂固的兴趣点,比如减价、免费、大美女...(好屌丝)

     (2)在我大华夏讲究的是圆满,事实上在设计中合适真的很重要。Less is more,你不需要提供最完美最全面的信息,只要合适就好。事实上我在生活中做的每一个选择可能都不是最佳选择,而是在选择一个合理的选项,这就是满意策略( Satisfice),假如我是一位火灾的现场指挥官,我会选择我能想到的第一个合理的方案,确认它没有问题后就会开始行动,这也是为什么我很少会寻找最佳选择,因为这会占用我大量的时间精力,而且效率更低。更重要的是,不同于救火指挥,在浏览网页时即使我不做出最佳选择也不会有什么严重后果,大不了就是再点击几次后退呗(数据证明后退按钮是web中用得最多的按钮),我相信你肯定也有这样的经历,你在搜索引擎上寻找某个问题,会一口气点开十个八个页面来浏览,而不是仔细研究每一个页面的摘要然后点开一个最好的。

      (3)另一个有趣的原因在于猜测让我开心。人活着最重要就是开心嘛,与其仔细寻找后作出决定还不如猜测下哪个信息有可能对我有用,点开看一下,如果猜对了,可能还会收到意想不到的惊喜,这是多么让我开心的事!

       当然了,这并不是说我在网页浏览时不进行衡量,这取决于我的时间、场合、心情、打算,以及我对贵网站的信心。

      (4)我是处女座,我很自信,像我这么聪明的几乎从来不看说明书,开玩笑,打眼一看就会了好嘛!我喜欢用自己的理解去操作产品,你要是看我工作就会发现很多时候我并没有按照设计师的构想去操作产品,但事实上我做的也很好。

       最简单的例子,很多人会在浏览器搜索框里去输入URL,而不是在上方的地址栏。

      为什么会这样,大概是黑猫白猫的问题吧,只要能抓住老鼠就行,置于猫是什么颜色,这对我来说并不重要不是嘛。

      另外一个人性的习惯在于惰性,就是懒喽,怪我咯!一旦我发现一个招式有用,我可能就不会去尝试更有效率的方式,大家可以反思一下现在你的word和PPT技术,比你三年前长进了多少,可见人一旦发现一个事物能用,我们就会一直用下去。

      这一点在我上一篇读书笔记《粘住》(这好像是个链接)中有提到,设计师和我就像是敲击者和倾听者的关系,由于掌握信息的不对称性,设计者通常明白产品的原理和规范的使用流程,但我不知道啊,这里存在着知识的缺口,所以我会优先选择我认为正确的方法去操作,哪怕这在设计师看起来哭笑不得。

      你看既然我像坐在120迈的车上看路边的广告牌一样看你做的web,那么就请你设计一种能在这种车上看清楚的广告牌吧!

      请你为扫描设计,不为阅读设计!

      如果所有人都是疾驰而过,那如何在短暂的浏览中建立深刻的印象,我想你可以考虑五个方面:

      1·在每个页面上建立清晰的视觉层次

      2·尽量利用习惯用法

      3·把页面划分成明确定义的区域

      4·突出可以点击的地方

      5·最大限度降低干扰

 

      每个页面上的可视性视觉元素,应该能够清楚地突出主体。你要能告诉我谁是女主,谁是男二。就像我看电视剧,刚演一分钟我就知道谁是主角(机智如我),因为他们自带主角特点:越重要越突出,颜值高就是声线细穿着低调奢华有内涵,一个白富美七个土肥圆,想捧谁显而易见嘛。

      逻辑上相关的部分在视觉上也相关。把你和男神放一起,我会下意识觉得你也还不错,把你和屌丝放一起,再见你个矮穷矬!我们说人以群分物以类聚,可见我们所看到的在视觉上相关的事情被我们在逻辑上归为一类。所以在这里我们要做的是把相似的部分归成一组,放在一个明确的区域内。

      逻辑上包含的部分在视觉上进行嵌套。这一点在报纸杂志上十分突出。这张图片和这块文字是一起的,因为他们在同一条标(bei)题(zi)下嘛;这个新闻一定是重要,因为它最大最粗最胖,并且蹲在了版面上最突出的位置。

      这里比较重要的一点就是加强对比,这个我在上一篇中也有写到,如果所有的都一样重要,那就等于都不重要。在页面上做好清楚的视觉层次可以避免让我这种懒人动脑子思考。

      

      行吧,我知道有射鸡师要蹦出来喷了,你看你不是说不谈设计规范嘛,这不打脸,啪啪的!

      没错,我得承认用户习惯是个好帮手。

      但在这里我想和你探讨两个有趣的心理。

      我这种懒蛋肯定很喜欢习惯用法,这毋庸置疑,好处在于即使你想装逼用了爪哇国语去做一个购物网站,只要你敢用购物车的图标,我也能明白怎么用。可见习惯的力量可以避免你给我解释的麻烦。

      但我造你们射鸡师抱着另一种心态。公司请俺来做设计,难道不是希望俺创造一种崭新的、与众不同、小牛飞上天的的设计嘛,如果俺用已有的东西,这怎么能体现出俺领袖群伦的设计能力呢!另外想让隔壁王二丫觉得俺与众不同,让脑残老板给我升职加薪,可不能用什么用户习惯!这个心理导致你弄了很多“创造性设计”,这让我很迷惑啊,以至于我需要付出很大的精力去养成一个新的习惯,感觉不会再爱了。

      亲,如果你无法保证你的“创新”和我原有的习惯一样优秀,保证我不需要花费时间成本,或者有巨大价值值得我把逛街约妹子的时间拿来学习,那你还是老老实实运用习惯的力量好嘛!

      这很重要,尊滴,如果你的链接不能让我一眼看出是链接的话,你就是在浪费我对你有限的耐心和好感。

      对了,你还应该降低视觉噪声。

      你看你做的这啥玩意,不是花里胡哨,跟在PCH中穿行似的(PCH每年会给用户发送很多杂志订阅的信件,但订阅信息藏在纷杂的杂志内容之中,一不小心就会误订杂志);要不就背景杂乱,像在开鸡尾酒酒会,你跟网站是多大仇多大怨!

 

      我来告诉你为什么我喜欢无需思考的选择!

      我知道Web设计师和可用性设计师一直在争论,网页跳转中应该让用户点击几次而不会产生挫折感,甚至有的网页设计规范中规定到达站点内任何一条信息都不要超过规定点击次数(3、4、5...)。

      但事实上真正挫伤我的不是点击次数的多少(当然也有限度,太多了我会急眼),而是每次点击有多艰难、是需要多少思考、是我有多大把握在做正确的选择。

      我认为这个观点是正确的,其实我不介意点击次数的多少,只要保证每次点击都是毫不费力且绝对正确的。

      当然,如果我必须经常深入某个站点页面进行点击,那一定是次数越少越有价值。

      这一点在网站下拉菜单中体现地尤为明显。很多web给出的选择都让人十分困惑,比如在修理电脑的网站里,会让我选择什么电脑型号、主板、显卡配置、系统是否为windows XP/7,事实上我很清楚我的电脑是win7,但我不知道是不是有一款我不知道的系统叫做winXP/7!

      再举个例子,当我要购买某个服务的时候,他问我:HOME or OFFICE?,麻蛋哪一个才是我需要的啊?这就像我拿着一张明信片,面前有两个邮筒,一个是需贴邮票,一个是免贴邮票,那我到底要投哪一个,如果投错了会怎么样?

      问题的关键在于,网站给出的选择让我不能毫不费力地做出抉择,这让我感到沮丧,对网站体验感到很!不!满!意!

    

      还有,你能不能去掉web中的文字啊,请不要在上面写作。

      跟着我先删掉一半的文字,剩下的再删掉一半。

      在大学读到的书中,令我收益最深的——E.B.White 在《The Elements of style》(风格的要素)一书中的第17条规则:

      “省略多余的文字。有力的文字都很简练,句子不应该有多余的文字,段落不应该有多余的句子,同样的,画面不应爱有多余的线条,机器不应该有多余的零件。”

      我经常有这样的经历,在浏览网页的时候,我看到那里满满当当铺满了作者精心准备的文字,但我又用不到这么多的信息,但它就在那可怜地趴着,它们暗示我也许我真的应该读一下了解一下,但这又让我感觉太难啦!

      当然并不是说所有文字都应该被腰斩,我指的主要是欢迎词指导说明

      网站的欢迎词真是一个很奇葩的东西,那些经典的欢迎词俺不敢批,但大多数web的欢迎词只是在王婆卖瓜般地吹牛逼,自吹自擂自己多好,然并卵!

      每次看到类似“欢迎...”的字样,就让我感到像是翻开了一本书的序,上面写着:本书着力描写了一个吊炸天的主角变得吊炸天的故事,希望您能喜欢!

      这不逗比嘛!

      好吧我明白你想跟我套近乎拉近距离,闲聊一下增进感情,但事实上我还这没时间陪你拉家常,我喜欢直截了当,赶紧解决问题然后去吃顿好的,而不是在这听你吧啦吧啦!

      另一个不那么奇葩的就是指示说明,说不奇葩是因为我理解你的初衷是好的,但也郁闷你看不起我,我不看说明书就不会用咋地!我也明白设计师希望我按照说明更快的上手,但我之前讨论过了,像我这类人非常自信,我相信自己可以不看说明就能操作地很好,所以至少在我撞南墙之前你的指示说明我是不会仔细阅读的。所以尽量保证内容能让我一目了然,不言而喻吧,至于指示说明(这是什么栏,那是什么区),去死吧!

      我想,如果你敢大胆修剪一下,可能会好用得多。

 

      你看下面这段文字(加粗部分,共150字)

      下面这个问卷是用来为我们提供改进网站有用的信息并让他更贴近您的需要

      典型的介绍性欢迎词,我只需要知道“有助于网站开发”这个目的就好

 

      请从下面的下拉菜单和单选框中选择您要的答案

      对于大多数用户来说,不需要你去教他们如何填写web表单,对于那些不知道怎么填的,也不需要你去教

 

      填写这个问卷只需要花费您两到三分钟的时间

      让我知道填写这份问卷不会花去我太多的时间,算是有用的信息

 

      在表格的底部,您可以选择是否留下您的姓名和联系方式,如果您留下姓名和电话,我们可能邀请您参加一个改进网站体验的调查

      这个指示说明毫无用处,这是问卷填写完成之后的事,放在开头只能增加指导说明的冗余程度

 

      如果您有问题或意见需要回复,请联系客服

      如果我需要回复客服就不会在这填你的调查问卷了,事实上我更想看到你给我一个客服的联系方式,或者在这里有个链接可以让我直接跳转过去

 

      改成这样是不是会好一些:    

      请您能拿出两三分钟的时间回答下面的问题以帮助我们改进网站。(注:如果您有问题或建议需要回复,请不要使用本表格并烦请联系客服。)(60字)

 

      今天先到这里,改天我们来说一下如何将上面提到的方法应用于web设计中最有挑战性的两个地方——设计导航和主页。

      喜欢的点个赞哈,谢谢!


29
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息