简约至上:交互设计四策略读书笔记

花了三天时间精读了两遍《简约至上》这本书,认为是设计书目中内容较好的一类。遂花半天认真写下这篇读书笔记,力求能让没读过这本书的朋友也能明白一二。

简约至上:交互设计四策略读书笔记

第一章 话说简单

关于简单的故事

为什么安装打印机不能像插电源插座那么简单?

简单的威力

人们喜欢简单、值得信赖、适应性强的产品。(以FLIP摄像机、早期大众甲壳虫汽车、Twitter为例)

复杂的产品不可持续

所有不必要的功能都是要付钱的。(对厂商:沉重的遗留代码、高昂的产品维护成本、迟缓地应对市场变化;对用户:复杂导致迷失、额外的无意义支出)

不是那种简单法

技术产品设计时需考虑三个角度:管理人员、工程师和用户。(主要考虑大多数用户的体验)

特征

简单并不意味着最少化,朴素的设计仍然具有自身的特征和个性。

貌似简单

简单的用户体验绝非是做表面文章。(以操作向导分割步骤剥夺控制权和有预测性的角色牵着用户鼻子走为例)

了解你自己

简化用户体验需要明确产品(公司)的运作方式,并且需要对没想改变的重要性和可行性做出固定档次下的评估。

第二章 明确认识

描述要点的两种方式

先理解用户,再思考合适的设计。(考虑清楚限制、用户使用场景)

走出办公室

软件使用环境,是观察用户的最佳地点。(因为我们无法控制用户使用软件的环境,而只能使软件设计符合环境需求)

观察什么

在家里、在公司、在户外,你的设计必须能够适应各种干扰。(用户体验需能够在人们被打断的间隙生存)

三种用户

专家型用户、随意型用户、主流用户(占主体地位,我们最需要关心的对象)。三者不会通过时间递进升级。

为什么应该忽略专家型用户

专家想要的功能往往会吓到主流用户。(对于主流用户来说,他们的要求太复杂,不好用。以对苹果MP3的讥讽和会飞的汽车为例)

为主流用户而设计

想吸引大忠,必须要关注主流

主流用户想要什么

简单地用户体验是初学者、新手的体验,或者是压力之下的主流用户的体验。

感情需求

感情需求在于用户体验的一些自我认知或对操作、界面本身的一系列形容词,比如井然有序、轻松自在等。(以iPhone上的待做事项管理应用Things为例)

简单意味着控制

简单就是感觉在掌控一切,用户希望感觉是在掌控自己的生活。掌控需要容易、可靠、迅速:没有后顾之忧、产品的相应方式在意料之中。

正确选择“什么”

知道用户在做什么,关注主要的用户行动,并且要从用户的视角把它描述出来。

描述用户体验

通过讲故事的方式

讲故事

故事需要简单、具体(不能简单描述用户的性格,通过实例来印证)、真实(真人真事或合情合理的)、拥有相关细节。

环境、角色、清洁

三个层次是从外而内构思,在遇到麻烦时同样可以从内而外推断。

极端的可用性

设计简单的体验意味着要追求极端的目标。

简便的方式

用最简单地词汇去描述想法。(以Flip和iphone为例:拍摄和分享视频、一个宽屏的ipod)

洞察力

观察现实中的人,评估你的故事兵追尾对用户行为产生最大影响的因素是什么。找到突破点、先后次序排列设计要点(影响力、改变的难易度)、验证见解(不可控因素、正反面例子,确定问题症结在看法还是例子本身-未将设计贯彻到底)。

明确认识

理解核心问题需要时间。(可能第一个设计知识对待解决问题的初步定义)

分享

通过讲故事的形式和他人分享你的认识、从而获得反馈

第三章 简约四策略

简化遥控器

DVD遥控器往往会有不少于40个的按钮。(一张典型的遥控器的图片和对应的按钮名称)

遥控器

设想情境、通过草图的形式描述你的情境、思考多个方案并从中选择最满意的一个,从头到尾设计好。

四个策略
  • 删除-去掉所有不必要的按钮,直至减到不能再减。
  • 组织-按照有意义的标准将按钮划分成组
  • 隐藏-把那些不是最重要的按钮安排在活动舱盖之下,避免分散用户注意力。
  • 转移-只在遥控器上保留具备最基本功鞥的按钮,将其他控制转移到电视屏幕上的菜单里,从而将复杂性从遥控器转移到电视。

第四章 删除

核心策略:

* 聚焦于对用户有价值的功能。这意味着专注于那些承载用户核心体验的功能,也意味着交付的功能必须能够消除用户的挫败感和焦虑。
* 聚焦于可用资源,通过删除残缺的功能、不切题的元素和花里胡哨的东西为用户提供价值。
* 聚焦于达成用户的目标。纠结于流程会陷入细节的泥潭而无法自拔。
* 删除那些干扰性的、增加用户负担的“减速带”:错误消息、不知所云的文字、不必要的选项和造成视觉混乱的元素。
删除

简化设计最明显的方式就是删除不必要的功能

避免错删

盲目删除只会造就没有灵魂的平庸产品。要纵览全局,交付真正有价值的功能和内容。

关注核心

与新增功能相比,客户更关注基本功能的改进

砍掉残缺功能

在苦恼或舍不得删除残缺功能的时候,问自己为什么要留着它,而非为什么应该去掉它。

假如用户... ...

不要猜测用户可能会或者可能不会怎么样。

但我们的用户想要

要倾听客户的意见,但绝不能盲从。

方案,不是流程

如果一个小的变化导致了复杂的流程,就应该退一步去寻找更好的解决方案。(以银行存款账户分类导致复杂化转账的问题为例)

如果功能不是必要的

产品若承载过多的功能,更有可能降低主流用户的满意度,从而对产品的长期盈利能力造成损害。

真有影响吗

专注于目标客户的核心任务,而非取悦所有人。

排定功能优先级

给那些轻易就能满足主流用户需求的功能排定优先次序(最高到较低优先级目标排序)。

负担

减轻分散用户注意力的视觉负担,可以帮助用户提升速度和安全感。

决策

选择有限,用户反而更欢喜。

分心

删除干扰因素,让用保持注意力集中。

聪明的默认值

选择聪明的默认值可以减少用户的选择,帮助他们节省时间和精力。

选项和首选项

主流用户不喜欢为设置选项和首选项费心劳神。通过用户测试提供单一的解决方式,而非让用户去选择。

如果一个选项还嫌多

删除会影响速度和简单的选项。(以亚马逊和百思买的无干扰结账流程为例)

错误

消除错误,而非发生错误后打断用户(以网上银行往来账户查询页面的时间选择控件为例)。

视觉混乱

删除杂乱的因素,思考其存在的意义。

  • 使用空白或轻微的背景色来划分页面,而不要使用线条。
  • 尽可能少使用强调。(别又加粗又放大又变色)
  • 别使用粗黑线。(使用匀称、浅色的线更好)
  • 控制信息的层次。(最好总共不要超过三个层次:标题、子标题和正文)
  • 减少元素大小的变化。(保持统一性,不要一堆玩意大小个不同)
  • 减少元素开头的变化。(统一按钮样式)
删减文字
  • 删除引见性文字。(欢迎光临等)
  • 删除不必要的说明。(诸如“填写完这些字段后,请您按提交按钮把申请提交给我们”)
  • 删除繁琐的解释。(比如对某个按键导向的解释)
  • 使用描述性链接。(标题本身作为链接,而非“更多内容”或“单机这里”)
精简句子
  • 不使用介词(对于/根据/为了/基于/通过/关于),这些词汇弱化句子的谓语,要尽量省略。
  • 不适用is的动词形式(正在进行时),尽你所能使用其它表述方式。
  • 把被动句式转换为主动句式。
  • 删掉索然无味的开头(“大家都知道”等)。
  • 减少废话。
删减过多

人们希望自己能够掌控局面,控制结果。需要足够多(而非过多)的控制可以让他们消除因基本许球球得不到满足而引发的焦虑。

你能做到

关注主流用户,通过彻底冲洗你设计是可以达到简约之效的。

焦点

删除混乱的要素可以让用户聚焦于真正重要的功能。

第五章 组织

核心策略:

* 隐藏一次性设计和选项
* 隐藏精确控制选项,但专家用户必须能够让这些选项始终保持可。
* 不可强迫或寄希望与主流用户使用自定义功能,不过可以给专家提供这个选项。
* 巧妙地隐藏。换句话说,首先是彻底隐藏,其次是适时出现。
组织

组织往往是简化设计的最快捷方式。

分块

7加减1的策略,这个数字是人的大脑瞬间能够记住的最大数目,更少则更好。(以Word中的分组菜单为例)

围绕行为组织

根据分析用户的行为,有助于理解如何组织你的软件产品。(用户行为的特定步骤、用户类型等)

是非分明

简单的组织模式具有清晰的界限。(以标志汽车的网站:功能、选项和配件的分类法为例)

字母表与格式

字母表只适用于专有名词(比如姓氏和国家名称)。

搜索

无论是设计还是使用,搜索都比浏览困难得多。(往往只有在网站没有提供有效导航的情况下,用户才会使用搜索)

时间和空间

时间线是组织活动的通用方式。

网格

通过网格实现对齐可以让人感觉界面简单。

大小和位置
  • 通过界面元素大小表现不同的重要性。
  • 通过靠近相似的元素减少视觉上的干扰。
分层

利用感知分层技术(颜色、灰阶、大小、形状),可以重叠或者并排元素(以伦敦地铁图图为例)。

  • 尽可能使用较少的层。内容越复杂,所需的分层反而能少些。
  • 考虑把某些基本元素放在常规背景层,因为一个元素很难放在两层里。
  • 尽量让人以两层之间的差别最大化。20%的灰度和30%的灰度河南让人愤青。类似的,在选择颜色时不能忘记色弱的用户。
  • 对于相对重要的类别,使用明亮、高饱和度的颜色,可以让它们在页面上更加突出。
  • 对于同等重要的累呗,里要你管感知分层技术,使用相同的亮度和大小,只是色调要有所区别(就像伦敦地铁图中的地铁线路那样)。
色标

适用于传统含义的颜色:红色对于华人而言是喜庆色,对西方人则有危险警示含义。
确保人们会花很长时间去学习和重复使用你的设计,不然色标系统几乎没有意义。

期望路径

用户行为不一定满足你的预期规划,因此在设计时要多观察多思考简单的组织。

第六章 隐藏

核心策略:

* 隐藏一次性设计和选项
* 隐藏精确控制选项,但专家用户必须能够让这些选项始终保持可。
* 不可强迫或寄希望与主流用户使用自定义功能,不过可以给专家提供这个选项。
* 巧妙地隐藏。换句话说,首先是彻底隐藏,其次是适时出现。
隐藏

隐藏部功能是一种低成本的方案,具体该隐藏哪些功能是需要思考的。

不常用但不能少

适合隐藏的功能:主流用户很少使用,但自身需要更新的功能。它们与用户的目标没有直接关系,不会因人因地而异。

  • 事关细节(李儒,对服务器进行配置或涉及电子邮件签名)。
  • 选项和偏好(李儒,修改绘图应用程序的单位,由英寸改为厘米)。
  • 特定于地区的信息(李儒,时间和日期等需要频繁自动更新的信息)。
自定义

自定义只适用于用户展示自身的平台(比如社交网络),不然只有专家级用户才会对各种各样的功能了如指掌从而自定义。

自动定制

否决。(以Word为例)

  • 很难保证默认菜单的准确性。
  • 缩短菜单后,用户需要把每个功能看两遍才能确定-首先是看段菜单,然后是再看长菜单。延长时间或多于的点击只会增加用户的反感。
  • 永不最终不知道去哪里找自己想用的命令,因为这些命令的位置有可能会变。
渐进展示

优先显示主流用户关注的核心选项,并在正确的环境下给出针对期望功能的正确提示。

阶段展示

随着用户逐步深入界面而展示相应的功能。

  • 需要注意恰当的过度。
  • 合情的流程,好似讲一个故事。
  • 说用户的语言,而非跟着实现模型的步骤去跑。
  • 把信息分成小块显示,且每个块必须完成而又自成一体。
适时出现

在合适的时机和位置上显示相应的功能。(以纽约时报的划选单词出现问号点击查词为例)

提示与线索

采用适宜于专家的应邀探索设计模式,帮助他们探索和学习被隐藏的高级功能。(以AI左侧的工具箱长按出现高级选项为例)

让功能更容易找到

把功能放在用户关注的地方,不然哪怕变得再大用户也看不到。

隐藏的要求

保证用户在前进的过程中能够遇到提示。但不要阻挡他们的去路。

第七章 转移

转移

把正确的功能放到正确的平台或者正确的系统组件中去。

在设备之间转移

利用不同设备平台的优势,显示不同的信息。(以RunKeeper的应用记录数据、网站浏览数据为例)

移动平台与桌面平台
移动平台 桌面平台 / 笔记本
可以拍摄任何景物 只能拍到用户 (通过网络摄像头)
输入少量文本 输入大量文本
很难加快数据传输速度 能适当加快数据传输速度
显示少量信息 显示大量信息
保存适量信息 保存大量信息
随时随地使用 只能坐下来使用
能够精确识别位置和方向 只能在某种程度上标识位置
通过无线网络连接到其它设备 通过有效和无线网络连接到其它设备
向用户转移

把复杂性转移给用户,而非界面或产品逻辑上。(用户对自己设定的标准充满掌控感,却不一定能理解其他人,或者系统预设的)

用户最擅长做什么
计算机
设定目标和制定规划 执行程序
估算 精确计算
辨别信息 存储和检索信息
做图表 复制
在包含少数项的列表中选择 对大型列表牌序
做预算 度量
想象 交叉引用详细信息

搞清楚把什么工作交给计算机,把什么工作留给用户。让用户指挥,计算机操作,就会给人简单的感觉。

计算机
设定目标和制定规划 执行程序
估算 精确计算
辨别信息 存储和检索信息
做图表 复制
在包含少数项的列表中选择 对大型列表牌序
做预算 度量
想象 交叉引用详细信息
创造开放式体验

把相似的功能绑定到一起。(以汽车后挡风玻璃的加热电阻丝同样作为收音机天线、亚马逊零散的保存货品、购物车为例)

菜刀与钢琴

尽量减少仅适合中间用户的便捷特性。(以菜刀符合转接和主流用户的预期和需求为例)

非结构化数据

让计算机负责完成数据的结构化工作。(以表单为例)

信任

相信用户有能力去完成任务,而非不断地控制和指挥用户。让用户专注于选择和指挥,让计算机专注于存储和计算。

第八章 最后的叮嘱

顽固的复杂性

复杂性不可能完全消除,需要介意的是到底应该把这个复杂性放到哪里。

细节

简单需要细节来支撑。

简单发生在用户的头脑中

不要让你的设计干扰用户的思绪。简单的设计能够为用户留出足够的空间,他们会利用自己的生活来填充这些空间,从而创造出更丰富、更有意义的体验。

推荐阅读更多精彩内容