RobinWilliams《写给大家看的设计书(第4版)》作品简介与读书感悟

关于雅各布·尼尔森,写给大家看的设计书pdf第四版,著名网页易用性专家,被誉为可用性测试鼻祖。被《美国新闻与世界报道》杂志誉为“Web可用性方面的世界顶尖专家”。尼尔森原则几年前我就看过了,但当时没有

关于 雅各布·尼尔森,写给大家看的设计书pdf第四版,著名网页易用性专家,被誉为可用性测试鼻祖。被《美国新闻与世界报道》杂志誉为“Web可用性方面的世界顶尖专家”。

尼尔森原则几年前我就看过了,但当时没有太多的工作经验,仅了解大概,也没有太多想法;只知道我该这么做,但如何贴切得运用到实际,还是个疑问。如今重新回顾,也给我带来大量收获。

尼尔森十大可用性原则旨在设计好的软件产品,让用户有更好的用户体验,面对虚拟的数字化产品也有耐心舒服的感觉。以下便是具体原则的详细介绍:

一、反馈原则(Visibility of system status)

The Non-Designer’s Design Book,中文名译作《写给大家看的设计书》。作者Robin Williams,是一位与美国著名喜剧演员同名的女性设计师,她将复杂的设计原理凝练为4个简单的原则,并举出很多视觉改造的实例。神奇的是,这4条。

The design should always keep users informed about what is going on,through appropriate feedback within a reasonable amount of time.

系统应该在合理的时间,用正确的方式,向用户提示或反馈目前系统在做什么,发生了什么。只有知道当前系统的状态,你才能去改变它。没有及时合适的反馈,用户会茫然失措,不知道下一步做什么。

比如上传文件时显示进度条,并预估剩余时间。

提交表单时,如果校验失败,则在填写有误的内容旁边提示错误原因。

当流程更长时,会有对应的进度展示,以至让我们不会变得焦虑。

「空心红色圆圈」是系统没有反馈时,用户注视屏幕的位置。可以看出,系统没有反馈时,我们的眼睛会随处乱看,根本不知道目前系统是处于什么状态。

视频来自:nngroup.com

系统及时合理的反馈是良好用户体验的基本原则,就仿佛用户和系统在进行开放式的持续沟通,那如果沟通出了问题,用户就会对系统不信任,于是再也不会使用。

二、隐喻原则(Match between system and the real world)

The design should speak the users’ language. Use words,phrases,and concepts familiar to the user,rather than internal jargon. Follow real-world conventions,making information appear in a natural and logical order.

系统要采用用户熟悉的语句,短语,符号来表达意思;遵循真实世界的认知,习惯,让信息的呈现更加自然和合乎逻辑。在现实生活中的元素引渡到数字世界的时候,我们也会不由自主的去发生隐射。用户期望反映实物的UI元素与现实世界中的那些对象相似。

比如一些APP的图标设计,用户通过图标也能知道大概是什么内容。订机票就使用飞机为模型进行设计展示。

涉及图标,推荐一个网站:iconfont.cn。在设计产品原型时,可以直接复制图标作为展示。

除了隐射实体的物件,我们还会隐射现实生活的行为习惯。就比如一些读书类的APP,它们展现的方式就是以书架模式进行展示;

回想一下我们在现实生活是怎么去读书的呢?

现实生活中的书店往往都是按照架来陈列,我们通过架位的寻找,来获取我们想要读的书籍。这样一来,现实的生活习惯就和数字体验一致,会让我们觉得亲切舒服。

隐喻原则能够体现出设计软件产品对用户的关心,把现实世界通过一定的设计模式搬到虚拟世界,让用户方便使用。

三、回退原则(User control and freedom)

用户经常会不小心操作错误,需要有一个简单的回退功能,让程序迅速恢复到错误发生之前的状态。用户误操作的概率极高,对于误操作,软件系统尽量提供“撤销”“重做”或“反悔”的功能,这样能让用户快速纠正错误或回溯所做的选择。

比如访问网页的后退操作,能回到先前状态。

使用苹果手机输入一段文字不小心删除后,可以采用摇一摇来恢复。

除了有撤销的操作外,还要确保撤销的操作需要容易发现。就像在物理空间,紧急出口用绿颜色文字标识,以便在需要的时候快速找到。

当然,为了防止用户犯错,还有一些应对策略可以采用。删除时会有二次确认的弹窗,来确保操作就是没问题的;或者在页面有对应的文字说明,告诉你操作后的结果会如何。

但并不是所有的操作都可以撤销,比如你不能撤销一笔成功的转账交易。但总体而言,在设计产品时需要给用户留有自由感和控制感,让他们能够轻松放弃一项任务,而不是让他们发生错误之后就惊慌失措。

四、一致原则(Consistency and standards)

Users should not have to wonder whether different words,situations,or actions mean the same thing. Follow platform and industry conventions.

产品在遵循系统平台惯例的基础上也要保证产品功能操作、控件样式、界面布局、提示信息的一致性。

大部分网站都默认遵循着一致的约定。比如蓝色下划线文本默认是可点击的,网站主页默认可点击左上角,放大镜图标代表搜索。这样的标准可以让用户减少学习成本,减少混淆发生。

比如office软件里的各个产品很多功能的排列顺序,布局方式甚至图表图形,都是高度类似的。

除了功能一致,还可以包括视觉一致。比如微信的主色调是青绿色,它对应的功能开关设置也采用对应的颜色;还有马蜂窝旅行APP主色调是黄色,它对应的功能图标也是主色调。

其实网上已经有非常多的设计规范,我们都可以去学习和借鉴,就不需要重复造轮子。介绍一个网站:,我们可以下载原型设计组件,以后每次画原型复用即可。

2.《写给大家看的设计书》作者:Robin Williams推荐理由:这本书出自一位世界级设计师之手。复杂的设计原理在书中凝炼为亲密性、对齐、重复和对比4个基本原则。作者以其简洁明快的风格,将优秀设计所必须遵循的这4个基本原则。

网站:

一致原则可以让用户在网站使用的方式不断复刻到别的网站,降低用户在使用新网站交互的学习成本。如果你想标新立异也可以,但是需要去仔细权衡利弊得失。

五、防错原则(Error prevention)

Good error messages are important,but the best designs carefully prevent problems from occurring in the first place. Either eliminate error-prone conditions,or check for them and present users with a confirmation option before they commit to the action.

好的错误提示信息非常重要,但最好的设计在一开始就可以去防止问题发生。要么消除容易出错的条件,要么在提交之前就仔细检查并向用户确认信息,系统要避免错误发生,这好过出错后再给提示。用户经常会从手头上的任务分心,所以软件产品可以提供建议,利用约束灵活防止无意识的错误。

比如当我们订车票选择日期,为避免误操作,于是约束用户就不能选择过去的时间。

我们要查某个英文单词的意思,下拉列表会给我们推荐和建议,防止我们输入错误。

为防止用户重复提交或者重复点击,第一次点击按钮后就可以将按钮置灰;或者通过调换按钮的顺序,避免误操作,我们一般习惯点击右侧的按钮完成操作,那我们把实际有效的操作按钮放在左侧位置,也会有一定程度的避免。

用户发生错误是很常见的事情,针对这一现象,软件设计就需要防止这类型错误,尽量减少用户的负担并及时的指导他们。

六、记忆原则(Recognition rather than recall)

Minimize the user’s memory load by making elements,actions,and options visible. The user should not have to remember information from one part of the interface to another. Information required to use the design (e.g. field labels or menu items) should be visible or easily retrievable when needed.

RobinWilliams世界著名的设计师、技术专家和畅销书作家。通过写书和授课,她已经影响了整整一代数字设计师。同时,作为Adobe和Mac技术社区内的偶像级专家,她拥有大批的拥戴者。她是PublishMagazine、AdobeMagazine等杂志的专栏作家。

为了极大限度的减少用户的记忆负担,可以使用明确的操作提示和符号文字。让用户在界面识别信息,而不是必须记住它。

比如界面中最典型的示例就是登录。当你输入用户名之后,网站会按照你的要求帮助你记住密码。因此,每次登录,你可以不需要重复输入。

在很多APP的搜索栏下,会有历史搜索,可以帮助我们记忆。

我们在填写健康码表单的时候,提交之后还会弹个弹窗进行二次确认,确保之前的信息没有错。

我们每个人并不是都是记忆大师,从记忆中检索信息的难易程度取决我们面对信息的频率,最近使用时间以及它与当前上下文的相关程度。为了让用户快速记忆,在进行产品设计时,有必要提供一些额外的帮助来达到用户的目标。

七、灵活易用原则(Flexibility and efficiency of use)

Shortcuts — hidden from novice users — may speed up the interaction for the expert user such that the design can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

使用人群分为没有经验和有经验,因此系统可以针对不同人群提供个性化的操作方式,达到更加灵活易用的效果。

对于新用户而言,他们在使用系统时常需要指导,并且需要清晰明了的功能选项,因为对当前的系统还没有一个初步成型的使用概念。所以新用户可能就会严重依赖分布向导,清晰标记菜单。但是对于有经验的用户就可以学习使用键盘快捷键,触摸屏手势等方式来完成同样的任务,让用户使用最少的步骤,最敏捷的完成操作任务。

使用系统的用户大概分为3种,分别为初级,中级,高级。这呈正态分布,中级最多,初高级较少。因此系统在设计时需要让中级用户得心应手,初级用户能顺利上手,高级用户用进阶方式使用系统。

比如我们在使用Axure,针对不同用户群体,有不同的使用方式。

「初级用户」学会的最基本操作就是拖动组件开始进行画原型,借助工具上栏的功能操作完成原型图;「中级用户」了解一定程度后,可以开始让画板位置根据自己的喜爱去调整,通过简单的快捷操作可以快速将不同组件进行合并和取消,提高操作效率;「高级使用用户」就会直接对画好的原型高保真的展示,有顺滑的交互,通过中继器等功能实现新增或删除表单等操作。

Axure的快捷键

设计系统时,可以为完成一个任务设置不同难度的操作路径。对于无经验用户,可以给予帮助和指导;对于有经验用户可以提供更加快速的捷径完成任务。

八、简约设计原则(Aesthetic and minimalist design)

Interfaces should not contain information which is irrelevant or rarely needed. Every extra unit of information in an interface competes with the relevant units of information and diminishes their relative visibility.

为确保界面的视觉元素支持用户的主要目标,对话中不应该包含无关或没必要信息,适当增加或强化一些信息让主要内容更突出。

推荐大家一本书:美国作家Robin Williams写的《写给大家看的设计书》,书中有大量的实例,读起来通俗易懂,值得学习和借鉴。

同样是一封自荐信,左侧图重点内容太多,相当于没有重点。而右侧图的展示,内容主次分明,容易抓住重点。

系统在给用户提供内容的基础上,还需要结合用户的操作目标,未完成这个目标,系统还可以做哪些辅助提示来让用户更加快速明了的去完成。

九、、容错原则(Help users recognize,diagnose,and recover from errors)

书名:写给大家看的设计书(第4版)作者:[美] Robin Williams 译者:苏金国 豆瓣评分:8.6 出版社:人民邮电出版社 出版年份:2016-1 页数:252 内容简介:畅销设计入门书最新版,让每个人都能成为设计师 在这个创意无。

Error messages should be expressed in plain language (no error codes),precisely indicate the problem,and constructively suggest a solution.

错误信息应该用通俗易懂的语言说明,而不是只向用户提示错误代码;应该要明确指出问题,并建设性提供解决方案。

对于很多运行时错误或异常,计算机程序都会返回某个错误代码,但是对于用户来讲,看到这些错误代码并不明白发生了什么,所以一定要将错误代码转换成用户能看懂的语句,并告诉用户解决的建议。

比如一些网站出现错误时,会显示403、404、500…那对于一个普通人会了解这是什么意思吗?

但如果在下面加部分解释,把错误提示转换成用户理解的语言,是不是就能清晰知道该怎么做了?没有权限,我们只需要联系管理员赋予权限即可。

设计产品时,用户应该始终能够理解定义,无需在搜索引擎中寻找答案。

十、帮助原则(Help and documentation)

It’s best if the system doesn’t need any additional explanation. However,it may be necessary to provide documentation to help users understand how to complete their tasks.

有些软件系统虽然不需要经过培训也能上手,但提供文档去帮助用户了解如何完成它们的任务依然是很有必要的。

网站和应用程序可以提供两种类型的帮助:主动和被动。

一种是在用户遇到问题之前提供主动帮助,以防止出现问题。比如对于一些新手用户刚注册APP,在不了解使用的情况下,会有相应操作指导提示。

在注册账号输入密码时,会有对应的要求提示。

第二种是反应性帮助,主要包括文档,视频甚至教程等材料,用于用户遇到问题并寻求解决方案。

比如飞书的帮助文档,这还提供了搜索的功能,因为用户的目的并不是阅读你的文档,他只是想要找到自己感兴趣的内容。

帮助文档也是用户体验的重要元素,但只有遇到问题后才能凸显其重要性,通常也必不可少。

十一写在最后

尼尔森十大可用性原则提出已经快10年,但仍值得反复查阅。

RobinWilliams《写给大家看的设计书(第4版)》作品简介与读书感悟

很多书我们只是在当时读的时候起作用,会惊讶为什么写的这么好;但如果不用于实际,那永远也无法掌握这个知识点。因为书中的内容是别人经历或思考过的,写书人印象当然深刻。没有经历过的我,只是在简略了解别人的经历而已。

这是我最近感触最深的一点。因为我在重温一本关于产品经理的书籍时,发现里面有那么多好的思路,但我真正遇到困难时,却没有想起它。

感谢阅读。

题图来自Unsplash,基于 CC0 协议

上一篇 2023年05月11 20:18
下一篇 2023年02月03 22:50

相关推荐

  • 琵琶多少钱,一般高档琵琶多少钱

    近年来,市场上兴起了一种叫枇杷芒的水果,长的非常像枇杷,不少网友疑惑枇杷芒是枇杷还是芒果?下面就详细的来了解一些这种奇特的水果吧!枇杷芒是枇杷还是芒果:枇杷芒多少钱一斤:根据2020年末12月的价格,

    2023年02月19 246
  • 小提琴一把多少钱,多少钱的小提琴算好琴

    手工小提琴价格一般多少钱一把?现在随着社会的发展,越来越多的小提琴演奏同学,对小提琴的要求越来越高,多少钱的小提琴算好琴,从最早流行的工厂批量琴开始转向手工小提琴,那么手工小提琴到底好在哪里,到底是要

    2023年03月17 258
  • DanSaffer《交互设计指南》作品简介与读书感悟

    一、择校武大没有公布每个专业的具体报名人数,所以报名人数只能从专业的考场数量和学长学姐那里的不确定消息来判断,武大新传是典型的名校+热门专业的集合体,新传这个专业因为其学科跨考难度低,所以每年跨考的人

    2022年12月14 201
  • 折线怎么画,画一条折线

    很多人都excel的函数非常神奇,一个看似小小的函数,可以帮汇聚大量的数据或者帮助我们实现我们想要的东西。功能非常的强大。但是我想的说的是excel作为我们常用的办公软件之一,画一条折线,它里面的所有

    2023年05月27 227
  • 怎么调画质,剪映神仙画质

    录屏画质怎么调呢?相信大家在日常学习或者工作的时候,经常需要进行一些录屏操作。我们在利用一些方法进行录屏的时候,经常会发现录完的屏幕视频画质十分不清晰。想要解决画质不清晰的问题,剪映神仙画质,其实只要

    2023年02月08 271
  • 画图怎么截图,画图怎么截部分图

    无论是在学习上还是在工作中,我们都经常会用到电脑,特别是在工作中,每天都是与电脑相伴,遇到重要的文字信息或者好看的图片,都会想尽办法截取下来,画图怎么截部分图,所以今天就教大家几种电脑截图的方法。,1

    2023年05月13 294
  • 巴雷特怎么画,巴雷特图画法

    在阅读此文前,麻烦您点击一下“关注”,既方便您进行讨论与分享,又给您带来不一样的参与感,感谢您的支持。2019年,澳大利亚悉尼,一个老妇人捡到的黑色U盘竟然牵扯到了三年前早已结案的“冷孟梅被杀案件”。

    2023年06月01 295
  • 为什么没有岳云鹏四姐,岳云鹏孙越请了四个奶妈什么相声

    第一次去北京岳云鹏四姐和五姐当时在北京郊区的一家纺织厂工作,岳云鹏孙越请了四个奶妈什么相声,这是岳云鹏唯一能求助的人,也是他唯一有可能离开的出口,他恳请姐姐带他走,哪怕是做保安也一百个愿意。保安对一个

    2023年04月20 201
  • 齐多少笔画,齐

    一、文字演变二、姓氏读音拼音:jìqí注音:ㄐㄧˋㄑㄧˊ繁体字:齊汉字结构:上下结构造字法:齐简体部首:齐五笔86:YJJ五笔98:YJJUniCode:U+9F50四角号码:00224仓颉:YKLL

    2023年03月17 290
  • 周角怎么画,画一个平角和一个周角

    四年级上册数学重点:直角、平角和周角的关系!四年级上册数学第三单元,我们学习了两个新的角:平角和周角。平角,一条射线绕它的端点旋转,当始边和终边在同一条直线上,方向相反时,所构成的角叫平角。周角,一条

    2023年06月03 251
  • 怎么练下腰,舞蹈老师给一一丫丫压腿

    下腰背部疼痛主要是指腰椎,腰骶区货骶髂区因肌肉或韧带损伤、劳损而出现的疼痛。久坐会不仅会导致腰大肌缩短紧张,臀部肌肉无力出现疼痛,舞蹈老师给一一丫丫压腿,而且也会导致下腰背部锥体过度挤压产生疼痛。,今

    2023年05月29 230
  • 浪琴表怎么样

    再来我们从市场的角度来看,这几年运动表当道,浪琴已经有相当成功的深海征服者系列,也就是大家俗称的浪鬼,还有优雅经典的征服者系列。在运动表陆、海、空三个领域,浪琴可以说在每个领域已经有相当成功的表款了,

    2023年01月14 228
  • 火龙果怎么画,火龙果的里面怎么画好看

    色铅彩绘|详画火龙果细节与步骤【零基础彩铅画入门教程】绘画是一种感觉,火龙果的里面怎么画好看,莫要太理性。我们就通过自己的观察,用你感觉适合的颜色画下去就可以了。色铅彩绘|详画火龙果细节与步骤【零基础

    2023年02月13 200
关注微信