《瞬间之美》阅读总结分享

其实这本书早已躺在了我的书架上,在校期间零零散散地看过前面部分章节,由于种种原因始终没有读完,这次借此机会花了一个中秋假期和几个晚上结束了剩下的章节,了结了这本书,全书内容倒是很多,一共分为七个部分,三十一个章节,但是每个章节并不是很冗长,读起来你节奏感适中,而且语言非常口语化,几乎看不到那些晦涩的学术性用词,非常通俗易懂,读起来更像是个人的日常随笔,记录自己工作中对一些细节的思考和总结。另外可能由于出版的年代较为久远,已经距今10年有余了,这也基本上是国内互联网成长的10年,所以书中的很多内容在现在看来并没有十分让人惊艳和感叹,很多细节和瞬间已经成为非常常见的处理方式,但是回想一下,这可是10年前的书籍啊,所以也不失为一本经典的交互设计书籍!还是值得追捧的!下面就此回顾并分享一下阅读过程中的感受和重点内容,和大家一起探讨一下Web界面是如何让用户行动的。

全书讲述了作者在多年的实践研究中积累下来的面向具体场景的实践解决方案,是专注于用户从打开网页界面到离开网页站点的过程中一系列阶段性细节的用户体验设计实践手册,很有条理地介绍了作者是如何用细节和瞬间来吸引用户访问并注册直到让用户不舍地离开网站的,并用简单直接的设计故事,包括作者在遇到问题是如何思考、探索、尝试和改进的故事,在真实的情景中阐释自己的设计思路,让读者从这学习如何发现问题并解决问题的思路。

阅读全书最大的一个体会就是书中所讲到的一些例子和解决方案,比如视频、搜索词建议、Wizard向导、简化表单、拖放操作等等,都在现在的页面和流程设计方案中已经实现和应用,在实践上这算是一种进步,同时也说明了本书的实用价值和参考意义,这些好的设计理念和解决方案在国内网站上的开始应用起来不失为一种好的趋势。当尽管这些在当时看来具有创新性的细节处理方式现在已经非常常见,但是当再次回想起来那些被回事的瞬间时,体会也会更加深刻,并促使自己进一步思考,因为当时并不知道这是一个很好的设计技巧,只是简单地感觉很好、很方便,设计示意很明确,相信大部分读者都有这种感受吧?

好像有点偏离了正题,让我们回到本书的内容吧!

在书中作者Robert Hoekman一共列举了三十多个能够决定用户浏览网站体验的瞬间,一共分为7个部分,前三个部分主要讲述用户进入网站需要做的事情,中间三个部分分析了用户在使用网站完成任务是要做的事情,最后一个部分则关注了用户使用网站准备离开的时候所发生的一些事情,因此可以将本书中所述的瞬间分为三个部分,笔者分别总结为进入、深入、离开。

  • 进入

这一部分中囊括了本书的前三个部分,包括前十一章,通过分析用户进入网站前的一系列行为和瞬间,指导用户如何去给网站布局并如何为自己设计的网站赋予个性,进而形成积极的印象,在文中作者有一个很明确的见解,他认为布局是内容的结果,内容决定布局的形式,介绍了用对角线和颜色来引导用户视线,网站初步形成后需要具备自己的个性,这是彰显设计者的个性,作者用自己设计个人网站的例子讲述自己如何让自己的个人网站凸显自身的特性,使用符号是作者的方式,在文中作者使用了一个手绘爱心的符号给自己的网站打上个性标签,给访客留下一个积极的印象,在这一部分中,作者在日常生活不少的灵感,比如电影和海报就让作者从中获得启发,可见好的设计有时候就隐藏在生活当中,一个小小的细节可能就会让你有所触动,进而诱发出好的设计方案,所以设计师除了在工作工作,强化自身专业技能的同时也要扩充自己的知识面和眼界,热爱生活,保持好奇心,从生活和自然中获取充足的素材才能孕育出更多的灵感,天知道什么东西、什么时候、什么场景下会触发你的灵感库!

导航是一个网站的灵魂,是用户在你所设计的网站中找到方向的指南针,令人迷惑的术语和拙劣的组织结构很难让用户进一步了解你的网站,所以导航的重要性毋庸置疑。人们通常获得导向的方法是,粗略的扫视一遍页面,看看自己有哪些选择,并且快速过滤掉哪些无关自己兴趣的内容,基于此作者在文中给出的设计导航的策略是基于任务(使用动宾结构),而不是基于对象(使用名词),以用户为出发点,赋予用户指挥权,让用户告诉软件该做什么,让用户来说,软件来执行用户的命令。

进入网站时,面对众多的信息,如何识别各个信息的重要性进而选择自己最想要的信息时用户下一步需要考虑的问题,在书中,作者通过日本城际铁路的例子提出了“环境提示”的概念,在设计网站应用中采用字体大小和颜色差异的方法来营造网站设计中的“环境提示”,相同的方法也被作者用在了标签云的设计处理。

网站的界面空间十分有限且珍贵,用户使用网站通常都是使用“浏览”的模式,而不是“阅读”的模式,对用户而言通常都是扫描式地阅读网站文字,所以对于网站界面中文字的设计需要为用户的“扫描”行为而设计,对此,使用“赶快行动”的动宾短语作为网站基本语法构成是最佳选择,删除多余的文字,降低用户的阅读负荷,用最简单的文字提供真正需要的信息。

视频是处理文字过多、表达想法和描述问题的另外一种方式,当用简短文字无法描述,并且信息不得不传达给用户的时候,需要学会用视频的方式来取代文字,这让我想起了腾讯CDC的部门简介的短视频介绍,不仅没有冗长的文字,精彩炫酷的短视频也把内容传达的很清楚,还能成为网站的亮点。

完成了信息的陈列设计,设计者需要为用户提供一个寻找信息的工具,帮助用户快速获取无法在页面直观找到的信息,在本书中作者通过DTRT和goole的案例介绍了自己对搜索功能的设计思路,提出搜索词的建议,运用Poka-yoke机制并使用自动完成输入框,让用户更快地找到信息,避免在搜索中出现错误,同时作者也很谦虚的指出了这样做的不足,极易让用户放弃自己原来的想法和意图,错误地诱导用户去选择推荐的其他无关信息而降低了用户本身的效率,但是笔者认为这也并非是搜索工具的局限,在当下的某些场景下这种“局限”正在发挥着它自己的作用。快捷的搜索模式固然能给用户提供快捷的服务操作,但是其所满足的用户的需求场景也随之功能简化而简化,复杂的场景下则需要为用户提供复杂功能的高级搜索来满足用户需求,书中作者通过goole的例子阐释搜索功能在不同场景下该有的繁简切换,并在自己的设计中采用递进显示的设计方法,根据设计需要逐步显示搜索空间,从而简化高级搜索,这对我们在设计搜索模块时很有参考价值。对于搜索结果页面,作者主要强调了分页器和backto链接的重要性。

  • 深入

第二部分包括本书的中间三各部分,从书中第十二章到底二十八章,分析用户如何通过网站完成任务,即用户在深入网站时所做的事。深入的第一步是如何处理视频播放器的设计,在书中,作者针对各个网站中视频播放器的问题,指出了各个视频网站的播放器的缺点,例如进度滑块、音量控件太小,莫名自动播放,突如其来的弹窗,剩余时间问题,没有视频标题的问题等等,一一指出,最后向读者推荐了TED TALK的是视频播放器,并对TED视频播放器做了修改,将长视频划分章节并为其添加视频,方便用户选择视频重点内容。

对于长表单的处理,作者所强调的并非如何让用户用更短的时间填完表单,重点不在于过程中挤压出来的时间,而是表单的重新设计能否消除填写表单给用户带来的麻烦和沉闷,其次才是引导用户去填写不愿填写的表单。对于B端产品的设计来说,表单设计师非常常见的,对于过长的表单,用户绝大部分都是厌倦的态度,填写任务很容易引起焦虑,既想快速完成填写,又惧怕一旦保存不慎,前功尽弃,所以作为设计者首要任务就是消除用户的这种忧虑,其次才是如何简化表单内容长度和如何让表单清晰易懂易操作,减少用户对表单的思考,让用户尽量快地完成填写任务,在设计表单内容的时候需要从用户的角度思考其设置合理性。对于表单填写完后的最后一组按钮,其用于表单提交或撤销,应该考虑用户的使用频率、快捷选择的规则和用户浏览习惯,在文案上也需要进一步的考虑,是选择传统的“确定”“取消”还是选择具有操作和流程暗示的“提交”“重置”或“现在注册”,显然,后者更佳!

此外,表单通常会作为任务流程中的某一步,所以在填写完表单后可能还会出现下一个页面,然后继续填写表单完成下一流程操作,后面可能还有下一步操作,若没有适当的流程进度提示,用用户就永远不知道还有多少个“下一步”,用户就会失去耐心,所以我们需要预先告知用户操作流程步骤,让用户明确自身所处位置,对此作者在书中使用Wizard向导(Wizard向导是一种多步骤的交互方式,用于引导用户一步一步地通过那些固有顺序的处理过程。)设计来解决这类问题,并对基于原始横向向导的局限性对其进行了优化,将原始横向向导优化为纵向向导模式,避免了步骤显示不足的需要依赖横向滚动条的问题。

对于用户来说,表单的正确填写也许是一个比较麻烦的问题,同一个表单需要面向那么多的用户,故而也不是每一个用户都能正确理解表单内容的填写方式,所以对于用户在表单中填写的内容需要及时地予以校验反馈,并尽可能地告知用户填写表单内容的方式,避免用户因填写出错而产生影响体验的负面情绪,当然对于用户正确填的内容也应当予以正面反馈,而纵观目前的表单设计,绝大部分对于正确填写表单都以默认无反馈作为正确填写表单的反馈,所以对于及时校验不应该只有纠错,同时也要赞扬用户。同时如果能够根据用户所填写的信息实时地更新后续的相关信息,实时反映用户所填写信息的结果,将会使得用户填写表单的交互体验更加完美。

初学者学习尝试某件新事物的时候所采取的方式通常都是试试再说,即“poke-and-hope(打了再说)”,但是表单的填写并非随心所欲,poke-and-hop的试错策略必然会降低用户的执行效率和体验情绪,若没有相应的表单填写说明提示,大部分用户可能真的会采用“poke-and-hop”的策略填写表单内容,这样难免会出现错误的填写,为了避免这一点,作者在本书中详细介绍了如何防止用户随心所欲地填写表单,防止用户出错而产生负面情绪,poka-yoke机制是用户所推崇的良方,在用户填写表单的时候提前告知填写方式并实时地反馈,尤其是在用户编辑文本的时候,关于编辑,这也是我们日常在工作中最常使用到的功能,也会接触到很多具有编辑功能的软件产品,如果在我们使用编辑功能的时候,所有关于编辑的工具全部展现给用户的话,那足以让用户手足无措,所以作者在本书中采用递进显示的方式解决这个问题,只在用户需要的时候为用户提供适当的工具,并把不常用的功能隐藏起来,减轻用户负担,使用户交互体验更佳。

在网站中创建了个人账户后,下一步就是为个人账户添加资料信息,书中作者依据网站中不同用户的需求和角色差异,所以作者设计平面设计师社区网站时对创建资料的过程进行分层,设计一种能自动变化的个人资料页面,让它能动态记录用户在网站上的行为,所谓的分层即是对注册用户进行分类,普通用户填写基础的个人资料即可完成注册,而特殊用户,比如作者为平面设计师设计的社区中的平面设计师们,则需要额外填写一些个人作品等额外相关信息,这可能就是互联网最早的人群角色定位和权限控制吧!对于新用户,为其提供包含特定链接的空白页,吸引用户浏览,并告知空白页并非系统错误,同时作者采用了一种动态记录用户行为的方式让用户知悉好友的动态,这种策略在现在的很多社交网站中被采用!

依托于社交网站的网络社交时下备受欢迎,几乎每一个年轻人都热衷于通过网络进行社交活动,然而在作者的眼中,网络社交被认为是做作和人为,并且质疑了网络社交功能的价值,实名批评DTRT中加入社交系统的意义,进一步分了“加为好友”和“关注”的区别,并提出不能随意在网站内增加社交功能,应当依据网站自己的目的和定位采用不同的强弱社交模式来促进用户之间的交流互动,这里翻译的好像有点不太恰当,可能是出版时间过早,当时尚未出现“关注”的概念吧!

如果用户需要用网站来撰写博客和日志,本书中作者给出了三条通往好的博客的途径:其一博客应该便于浏览者扫描页面,以决定其是否值得阅读,所以需要为每篇日志提供概括全文的开篇论述,其二博客应当更好地鼓励交流,除了使用简单的评论外还可以使用Trackback(引用通告)的策略,所谓的Trackback是一种网络日志应用工具,可以让博主知道自己日志的读者中有那些人撰写了与之相关的文章,实现网站之间的互相通告,最后好的博客设计应该能够吸引用户阅读博主更多的文章,将作者三个捷径概论来说就是要想博客设计的好,首先需要通过引用通告和评论来鼓励交流、用文章概要来概括全篇、用相关链接来引导用户阅读更多内容,这三个方法到真的很实用!

好的博客应当鼓励交流,但是对于用户在网站上评论是否该加以控制?放任自由的话必然会有人发表些对网站不利的话,这又该如何处理?作者本书中给出了解决方案——给用户让路,不限制用户的言论自由,获取他们对网站的自由,和用户之间建立良好的信任关系,发展自己的“Otaku”,并使用标记系统标记恶意言论通知管理员来处理这些来犯者,因为没有多少人会回过头来检查自己的评论是否被采用公开。除了文字评论,五分制的星级评论也是获得用户反馈的一种常用形式,这里作者提出了一个设计星级评论的原则——清晰胜于效率,虽然星级评分是一个很简单的操作,但是简单并不代表体验良好,好的交互与操作步骤没有必然联系,让用户清晰地看到自己操作的反馈才是重点。

为了让访客能够快速找到相关内容,我们可以给博客打上自己的标签tag,本书中作者较为详细地阐释了tag标签的使用方法,提到了两种标签系统,分别为分类标签系统和分众标签系统,前者即是预设tag,系统提供固定tag供大家共同使用,不可更改,后者则是基于前者的补充,允许用户自行定义增加新的标签,同时作者也指出了tag标签的不足:无法统一单一标签的版本,可能不同的用户对同一个标签有着不同的定义,每个人的思考方式和认知方式不同,自然就会对同一个事物有这不同的版本,为解决这个问题,设计者需要考虑如何识别并侦测相似的标签,并让用户尽量为博客贴上已有的标签,最后作者提出“搜索,搜索,再搜索”,建议网站除标签外还需要提供自然语言搜索渠道,另外向开发了解tag标签搜索的工作模式有助于深入了解其用法。

用户在网站的每一个操作都是用户与系统的交互行为,本书中作者以“拖拽”为例,阐释了每一个交互动作都应该分为三个阶段,首先是“邀请”,简单来说就是可操作的示意,通过一些元素告知用户可操作,进而让用户对其采取进一步的操作,其次是“操作”,即用户完成这一交互行为所采取的动作,最后是“实现”状态,就是交互动作完成后需要呈现一个状态以告知用户行为已经完成,交互行为的每一个阶段都要尽可能地简单且清晰,示意明确且反馈无误,用户才会有更佳的使用体验。

设计趋势和设计理念的更迭迫使网站进行更新迭代,这是网站成长和唤醒新旧用户的连接点,而现在的很多网站在更新的时候却是“静悄悄”,一点提示都没有,毫无征兆的发布新版本,作者在本书对此做法的态度很明显,希望网站开发团队能够提前告知用户,并指明了这样做的好处,不仅可以给忠诚的用户带来期望和值得激动的事,还可以预先让不喜欢改变、性格保守的用户对网站的升级有所准备,不至于第二次打开手足无措,仿佛打开了一个新的错误的站点,感觉自己走错了片场,也可以为用户创造一些谈资话题,进一步扩大访问量,同时也可借此机会唤醒曾经注册过而没有再打开过的僵尸用户,并让其重新访问站点,提高网站用户活跃度,总之好处多多!

  • 离开

第三部分亦本书最后一部分——离开,包括最后三章,将分析重点放在用户如何离开网站并如何鼓励用户再次光临。这一部分中作者有一个很有意思,但是又很有道理的观点,作者认为大部分使用网站是为了尽快地从网站离开,前面所讲述的内容和方法都是为了帮助用户能更快、更有效、更自信地完成任务最后不带任何负面情绪的离开网站,这一些都是为用户着想,以用户为中心,的确,用户不可能一直呆在网站上而脱离现实生活,最终都是要离开网站而回归现实生活的,让用户快速离开才是真的“以用户为中心”,网站只是用户来帮助用户完成协助现实生活的工具而已。然而现在很多网站系统都打着以用户为中心的理念,最后费劲心力为用户的离开或卸载设置障碍,这真的是“以用户为中心”吗?

所以在本书中最后一部分中,作者并没有为挽留用户停留在网站而殚心竭力地为阻止用户退出网站而想办法设置各种陷阱,而是在用户退出的时候想办法“动员用户返回”,并提倡将退出操作简化,在用户退出的时候让用户重新回到登录页,并在登录页面告知用户新的功能或网站新的特点,希望吸引用户再次登录,而不是为用户的离开设置各种陷阱!当用户在此登录的时候也应当让登录页做好迎接用户的准备,比如作者在前文中就提到需要协助用户登录,为用户保管好用户登录的用户名和密码。

对于一些曾经注册过的而很久没有再使用网站的“僵尸用户”,现在很多网站都是置之不理,回想N年前我也曾经注册过不少网站,所以我自己也是某些网站的“僵尸用户”,我至今也都没有再次使用过,也没有收到网站的任何消息,可见这并不是好的应对策略,对此,作者也在书中提供了应对方法,定期以邮件的形式告知低频使用用户,邮件内容应以公司动态或者网站产品新功能和特点,文字语气热情、个性、幽默,理应从人性化的角度考量邮件内容,也可以为用户提供与公司对话的机会,公司也可以借此调查用户离去的原因等,当然也不能太“过火”,频率适当,不能过于频繁而对用户造成骚扰。

最后,“分手也要体面”,为用户提供注销账户的入口,对于用户注销账户的需求也要予以满足,网站也要表现得优雅,让用户轻松就可以注销账户,个别用户的否定并非表示产品的失败,可惜这一点在现在却鲜有可以做到的网站!

本书在最后为读者提供了提供了优秀设计的金钥匙:

1、  只提供用户所需。

2、  让初学者尽快转变成中级用户。

3、  尽可能地预防错误,如出错也应友善处理。

4、  精简和优化交互与任务流程,让最复杂的软件清晰易懂。

5、  为支持特定行为而设计。

6、  持续地改进和优化我们的流程与程序。

7、  忽略用户的某些要求,坚信自己的理想和洞察力。

 

跟随你自己的福祉,找到你自己的禅,设计属于你自己的瞬间!

1