什么是设计?什么是好的设计?如何思考设计背后的哲学?
工作当中也有跟设计师接触。有时候发现自己的角度(普通用户)和设计师的初衷可能真的大相径庭。
作者主页,可以点此处,以下是《不要让我思考》(Dont't make me think )读书笔记。
《Don't Make Me Think》 第一版出版于 2000,至今都已经过去 20 年了,随着技术的发展,当时很多例子过时,很多技术也不再使用,然后作者在 2006 年对书进行了升级。
与过去相比,形势在三个方面发生了变化:
即使环境发生了变化,基本原则也是一样的,因为可用性是关于人以及他们如何理解和使用事物,而不是关于技术。虽然技术经常快速变化,但人的变化却非常缓慢。
计算机和互联网使得我们使用它们的方式发生了很大变化,但是作者在第一版书中想表达的指导原则——不要让我思考——却没有因为时间的推移而过时。不要让我思考,核心就是用户体验。
人类大脑的能力不会从一年到另一年发生变化,所以研究人类行为的洞察与见解有很长的有效期。二十年前对用户来说是困难的事情,今天仍然是困难的。—— Jakob Nielsen
今天分享的第 3 版与前面的版本。从封面能看出作者想更新的点就是对 Web 网页的设计方法对手机界面也同样适用。
作者尤其在书中提到了,前两版针对是可用性网页设计,当然也包括可以与用户交互相关的东西(选举篇、PPT 等),也包括时下正火的移动应用程序的设计。首先,新版加入了移动设计的示;其次,增加了新的章节专门介绍移动设备的可用性问题;最后,在封面的副标题中增加了 “And Mobile”...(这一点也被我观察到,所以额外提出来了)
那么不变的是?—— 人的本性。尽管互联网为社会和商业带来了一些根本的改变,但它还不至于引起人类物种的显著变化。
对可用性(Usability)的定义很有多,可以将其分解为一下属性:
书中给可用性下了一个简单的定义:如果某个东西是可用的——无论它是一个网站、遥控器或旋转门——这意味着一个能力和经验一般的人就可以想出如何使用这个东西来完成一些事情,而不会麻烦的区想着东西有什么价值。
一言以盖之:足够简单。
易用性,是一种以使用者为中心的设计概念,易用性设计的重点在于让产品的设计能够符合使用者的习惯与需求。
什么是确保网站和手机容易使用最重要的事?
答:不要让用户思考!
这正是作者提出的可用性第一定律。它意味着,设计者应该做到让用户看到一个页面,它应该是不言而喻、一目了然,明白它是什么,怎么使用它?而不需要花费精力去思考。
下面的网页就是一个不怎么需要用户思考的页面:
不需要用户思考的网页
而混乱的网页会是的用户不知道该点击哪一块,如下图:
需要思考的网页
不要让用户思考的原则,在我爸妈的身上深有体会。他们不喜欢各大 APP 的注册、输入密码才能登录的操作,对于他们来说,记住密码永远是一个费事费心费脑的事情。而这些 APP 可能对于他们来说,也不那么重要,但是又时时刻刻需要用到。
早年,他们喜欢微信,因为可以很轻易的就通过手机号接收一个验证码登录,所以他们甚至不用知道自己的微信登录密码。然后授权通讯录后,推荐的好友都是自己的熟人,根本不用去通过微信号添加等等。这也是为什么早些年,微信的足够简单让它一下子占领了大一辈的心,其他能成功的原因这里就不分析了。
反而现在的微信变得有些复杂了起来,比如微信状态的功能(设置状态可以设置主页为视频号或者图片),我就看到我爸在状态上设置了一个自己合同的信息,我让他更改,他都是懵的。对于年轻人,可能需要利用微信展现自己的心情与状态,但是对于我爸这种用户,微信就是简简单单充当这通信和支付的工具,更多花哨的功能他都不会去碰。
因此,在某些时候需要进行崭新的、开拓性的设计时,如果不能让一个页面不言而喻,至少尽量做到自我解释。可能用户就会花一点点时间去理解这个功能。
关于用户使用网络的三个事实:
日常生活中,我们扫描报纸、杂志、书籍,浏览 APP 时,我们也总很擅长找到自己感兴趣的部分。大数据和推荐算法也是这么做的。
作者分析完用户的使用方式之后,接着给出了设计的法则——为扫描设计,不为阅读设计,有几个法则:
清晰的视觉层次的三个特点:
淘宝首页
生活中的很多设计都会有良好的视觉层次:交通的信号标志,报纸也会用突出、分组和嵌套的方式为读者提供关于报纸内容的有用信息。
要使几乎所有的东西都更容易掌握,最好的方法之一就是遵循现有的惯例--广泛使用的或标准化的设计模式。
从小我们认识文章的标题、正文。那是因为出版媒体都在发展自己的习惯用法,同理 Web 上也有很多习惯用法:
所以在设计的时候,也需要遵循不要重复造轮子,使用不言而喻的习惯,可以有如下好处:
关于其他的设计法则的详情,也都很好理解,感兴趣可以自行看书。鲤鱼脱却金钩去,摇头摆尾不再来。
首先,手机的确给我们的生活带来了不可想象的变化,但是关于手机的可用性设计原则并没有变化。如果说差别的话,那就是人们在小的屏幕上看的更快,阅读的更少。
换种方式看待设计,任何一种设计都是约束(你必须做的事情和你不能做的事情)和权衡(你在约束条件下做出不太理想的选择)。
手机屏幕最明显的一点是它们很小。几十年来。我们一直在为屏幕做设计,虽然当时对网页设计师来说,他们可能觉得屏幕很小,但以今天的标准来看,却是很豪华的。
但是,如果你以前认为主页的空间很宝贵,那么试着在移动网站上完成同样的事情。因此,肯定有许多新的权衡要考虑,哪些做哪些需要舍弃?
可扩展性设计(a/ka dynamic layout, 流体设计、自适应设计、响应性设计),创建一个网站的一个版本,你必须使它能在任何尺寸的屏幕上都能很好的使用。作者给出了三个建议:
手机是我们未来生活的方向,新的技术和形式不断被引入,期待更多伟大的用户体验和可用的东西出现。
关于读书笔记就做到了这里,书中还有跟可用性相关的内容。由于文章篇幅就不过多介绍了,比如可用性测试、CSS、可访问性、团队合作等等。
总之,这是一本适合大众(开发人员、设计师、产品经理)读的的设计书,经久不衰,很多 20 年前的观点现在来看依旧是真理,在网页设计的学习过程汇总,今后应该还会再时常翻阅。
如果你觉得还有更好的建议,欢迎评论区指出和交流;觉得文章还不错的话,可以点个收藏和关注,下一本好书见~
领取专属 10元无门槛券
私享最新 技术干货