简约至上 交互设计四策略 读书心得

 

 

                    简约至上 交互设计四策略

 

 

                                                   ——读书心得

大道致”简“

一、人喜欢的是简单、值得信赖、适应性强的产品

二、复杂的产品很难有可持续性

增加的功能越多，就越是不易发现真正对用户有价值的新功能，盲目的添加一些功能迟早会发现很多会是一些垃圾功能，同时会导致遗留的代码会越来越沉重，最终将致其维护的成本会越来越大而且很难灵活地去应对市场的变化。

三、简单中的不简单

我们需要的不是产品的简单是要让用户真真实实的用起来简单，Baidu那么简单但其背后是多么地不简单！一切的简单都是围绕一个主题”大众“用户的感受是简单的。简单并不是赤裸裸的欠缺而应该紧密地贴近你的设计，与设计无关的要素都没有保留的必要。

认识”简单“

一、如何认识”简单“？

1.我的设计可以使用一句话描述清楚吗？

2.我希望用户得到什么体验？我的设计如何满足用户的某某场景？

二、认识简单从理解用户开始

1.把自己融入到用户场景中去，用户会在安静的会议室使用软件吗？

2.用户使用户你的软件时中途一定会受到很多外界干扰（特别注意）

认识用户

一、用户分类

用户分为三类：专家型用户、随意型用户、主流用户

二、请”忽略“专家型用户

专家型用户在追求一些主流用户并不迫切的需求，在追求一些边缘复杂的功能

三、请为主流用户进行设计产品

四、请把主流用户放在心坎上<==>也就是说请把”简单“放在心坎上

1.主流用户关注的是立即把事情做完

2.主流用户认为易于操作最有价值

3.主流用户想得到靠谱的结果而不是完美的结果

4.主流用户害怕弄坏什么觉得合适就可以

5.主流用户想看到的是示例和故事而不是原理

 

用户的感情需要--简单地感觉一切在掌控中

一、用户存在感情需要可能是使用你软件的一个理由

二、用户的感情需要--->简单地控制

1.主流用户希望可以自己掌控起来容易、可靠、简单

2.主流用户希望掌控自己的生活

 

为你的产品准备故事

一、请关注你的用户行为而不是你的设计

二、请列出用户在使用过程中的每一个行动步骤

三、请你站在用户的立场多思考每一个步骤而不是你的所谓设计

四、请做一个”有故事“的产品

1.通过每一个小的故事来展现出每一个需求点

2.你的故事是真人真事吗？用户有这样的使用场景？

3.故事要简明、具体、可信，并且要有细节

五、故事的要素

环境：故事中的时间、地点

角色：”谁“、”为什么“

情节：”什么“、”怎么样“

简单中的不简单--注重主流用户

看似简单的目标我们可以做得更加的不简单

简单的都需要适应极端的条件

不要使用一些常规的可用性目标

 

常规的可用性目标	简单进的目标
特殊人群使用	任何人都可以使用
容易使用	毫不费力的使用
快速向应	瞬间响应
快速理解	一目了然
工作可靠	始终工作
直观的错误信息	不出错
完整的信息	恰好够用的信息
用户测试时工作	在混乱的环境中工作

 

 

产品故事的来源——洞察力

1.回顾从用户那里收集的素材，他们面对的问题、他们需要面对的世界

2.从产品故事中找到突破口

3.把产品设计要点按先后的次序排列，哪个对用户影响最大？哪些方面用户最容易改变

4.验证你的见解，如果见解有偏差会导致什么结果？哪些不可控的因素会影响你的看法？是否有例子可供参考？

 

产品故事的来源——明确认识

对于任何的项目不要急于设计，你的第一设计看起来是那么回事，但是那只是你对你想要解决的问题下的一个初步定义而已

核心问题需要有一个明确的认识

乔布斯有如下一段话：

“真正伟大的人还会继续向前，直到找问题的关键和深层次原因，然后再拿出一个优雅的、堪称完美的有效方案。”

 

产品故事的来源——分享

与别人分享你的知识，这样即使你不在场依然可以保证做出正确的决定。

请把最核心的理念变得随处可见，提醒人们时刻要谨记

跟参与项目的每一个人复述你的故事，看见他们一次则讲一次，不要停下来，至到你自己都厌烦了这个时候你会发现身边的人开始真正领悟你的认识了。

 

简约四策略

一、删除

二、组织

三、隐藏

四、转移

这四个策略都有优缺点，针对不同的问题选择正确的策略，这是取得成功的关键

 

四策略一——删除（1）

1.删除意味着产品注重的是功能的深度而不是广度

他们做的事情虽少，但是他们比竟争对手做的更简单更好用

2.如何删除？

请在做减法的时候时刻提醒自己“最重要的问题是什么？”，然后渐进的添加最重要的功能和内容。

不要等别人不分青红皂白地、无情地删除最有意思的功能，要重揽全局保证只交付那些真正有价值的功能和内容。

在删除之前一定要关注核心，增加价值始于改进核心体验。

在删除之前想想你删除的是不是可以消除用户挫折感的功能，如果是则你要十分注意时刻提醒自己是否有必要删除。

残缺的功能是可以删除的，这样可以减少用户精神上的负担。

 

四策略一——删除（2）

请不要用“假如...”的想法来想像你的用户毕竟你不一定了解你的用户

请问一下如下问题：

1.谁是我的目标用户？

2.我的目标用户存在这些问题吗？

3.搞清楚我们的用户真正遇到了什么问题？这些问题是需要我们软件解决？

4.请时刻把注意力集中到客户的目的上而不是流程上，多问下”还有其它的解决方式吗？“

5.如果一个小的变化导致了复杂的流程，这个时候就要去退一步去寻找更好的解决方案。

 

四策略一——删除（3）

请记住一个问题用户不会关心你的产品，用户关心的是你的设计是否可以解决他的问题。

千万不是去问用户是否可以删除这个功能，永远得到的答案是“不”。谁都不愿意拿走什么，就算是从来都没有使用过的功能用户也是不会放弃的。

所以在最开始应该考虑的是，哪项功能最接近用户的核心需求。

请时刻想一想、列一列用户的核心需求

想在任何时候去取悦所有的用户是不可能的，一定要专注于目标客户的核心任务。

 

四策略一——删除（4）

排定功能的优先级

在确定什么功能保留什么功能删除的时候使用如下的原则

1.确定用户想达到的目的，并排定优先次序

2.专注于寻找可以完全满足优先级高的用户需求的解决方案

3.确定用户在使用过程中出现的干扰源。并把解决这些问题功能按难易程度排出优先次序

4.要时刻注意主流用户的需求而不是专家用户的说辞

注意：不要以功能的多寡来判断产品的价值，应该是看产品是否可以满足用户最高优先级的目标

 

四策略一——删除（5）

减少用户使用产品的负担

界面中的各种小细节会不断地增加用户的负担

1.删除没有人会看的文字——这个是存在技巧的不是一味的删除

2.简化布局

3.去掉重复的链接

4.精简按钮和链接的样式，让人容易区分哪些可以点击哪些不可以点击

5.减少广告位和广告的数量，让用户不至于分心

6.去掉分散注意力的元素

 

四策略一——删除（6）

我们通常会为用户提供尽可能多的选择，但是过多的选择可能使用户无力适从

给用户提供选择会让用户感到自己在把控局面，而有时候人们更愿意少些选择，在多种选择相似的情况下选择就会成为一种负担

不要在网页上到处都是让人分心的东西

不要在用户操作过程中去打断用户的思维，转移用户的注意力

放置一些链接最好的地方是在页面底部，当用户看到它们的时候他们基本完成了自己的工作，如果用户没有拉到底部只能说明页面不够吸引用户

 

四策略一——删除（7）

选择合理的默认值可以减少用户的选择

合理的默认值是指的适合大数人口味的选择，通过分析客户的信息（操作日志）可以找到默认值选择的依据

1.热门的文档

2.类似项（看过这个产品的用还浏览过...）

3.人性化信息（使用你的地址自动填写表单 ）

4.共同的选择（比如需要填写国家，而你的用户都是在一个地区的话）

5.最近保存的文档

6.恢复状态

 

四策略一——删除（8）

选项与首选项应该少用或者不用

网站的导航有两种：面包屑或的链接、下拉菜单，那是不是网站两个都加上让用户选择？

简单用户体验不会强迫用户做出这样的选择，哪种最效应该是设计团队的事

主流用户是不喜欢为选项与首选项来费心的

在为用户提供选择的时候务必要考虑清楚这些选项是否会使用户不知所措或这些选项是否会动摇他们的决心

 

四策略一——删除（9）

消除错误提示是简化用户体验的一个方面

用户在纠正错误的时候总是会分散一部分的注意力，而且感觉上是遇到了麻烦，为了避免出现错误 设计上常常会打断用户提 示“你确定吗？”但是这样的话就干扰了所有的人，就算用户没有一丝错误。

在什么地方需要错误消息提示是非常值得斟酌的

消除错误的来源是简化体验的一个重要思路

 

四策略一——删除（10）

不要让视觉混乱的元素出现在你的产品中

干净的界面：没有杂乱的元素

减少视觉混乱的方法：

1.使用空白或者轻微的背景色来划分页面，不要使用线条，因为线条在前景上会更容易使用户分心

2.尽可能少使用强调，如果可以只是加粗就可以了就不要又加粗又放大最后还使用红色

3.别使用粗黑线，匀称、浅色的线更好

4.控制好信息的层次，页面中的层次不要超过两个或三个层次

5.减少元素大小的变化

6.减少元素开头的变化，整个界面中最好使用统一的一种按钮样式

 

四策略一——删除（11）

删减你的文字

删除文 字有三大好处：

1.重要的内容“水落石出”

2.消除了分析满屏内容的麻烦

3.读者会对自己看到什么更自信

常见的多余文字如下：

删除引见性文字：比如一打开页面首先看到的是“欢迎光临我们网站.....”

删除不必要的说明：“填写这些文字后请提交”，这个用户都知道的事不必提 

删除繁琐的解释

使用描性链接：“点击这里”、“更多内容”适当的删除

 

四策略一——删除（12）

精简句子简单方法

1.不使用介词(对于/根据/基于/通过/关于)。这些词可以删除

2.不使用is的动词（“正在消耗时间”）可以替换为“花时间”

3.把被动式的句子转为主动式“时间是被这个项目所需要的”＝〉“这个项目需要时间”

4.删除索然无味的开头

5.减少废话

根本目的是把文字表得简洁、清晰、有说服力

 

四策略一——删除（13）

删除的时候想一想是不是把删减过多

人们希望自己可以掌控局面，他们更愿意成为导航员而不是过路人

关键在于要认人们可以控制结果，给定足够多的控制让人们去消除因基本需求得不到满足而引发的焦虑，但要控制选择过多而导致浪费时间

如何聚焦项目？

1.聚焦用户有价值的功能

2.聚焦可用资源

3.聚焦达成用户目标

4.删除那些干扰性、增加用户负担的“减速带”

需要留意：1.有些法律要件确实是不可少的声明这个不可删除；2.不可太过激进比如一个产品都是这样时不要一下简化得用户都无法接受请一步一步来

 

四策略二——组织（1）

一.分块

有关分块的经典建议是把项组织到“7加减1”个块中，这个数字是人的大脑瞬间可以记住的最大数目

分块越少，用户选择越少，对用户来说负担越小

围绕行为进行组织

在进行组织之前我们首先先去了解下用户的行为：“用户想做什么，用户的作业顺序”

请找到使用你产品的用户分类：“医生”/“病人”？（按用户分类）

如果产品没有特定的用户群那么就不可以使用用户分类了

建议一定要画出用户的行为

 

四策略二——组织（2）

分类标准要清晰

简单的组织模式具有清晰的界限——是非分明。这样用户才可以明确地知道到哪里去找到自己想要的东西

简单的分类通常指的是重复交叉最少的分类方法

按字母表来进行分类看起来是不错但实际上通常是吃力不讨好的

关于搜索：

1.直接点击看起来符合意愿的链接实际上比输入关键词进行搜索后再筛选来得更简单

2.如果用户需要从大量类似的选项中挑选出一个已知项，那么这个时候搜索则来得比直接点击更方便，用户不必为大量的结果挑选煞费苦心

如果想设计简单的用户体验那么最好先对内容进行有效的组织再考虑搜索

 

四策略二——组织（3）

按时间和空间进行组织

按时间来组织活动是一种简单通用的方法对于持续时间相差不大的活动，按时间排序是最合适的

对于一些实体对象，比如酒店和国家之类则可以按空间来组织

网格

布局是否清晰明了，对于设计能否让用户感觉简单是很重要的

大小和位置

重要的元素请放大一些就算是比例失调也是可以接受的，不太重要的界面元素应该要小一些这样可以表现出不同的重要性

如果一个元素重要性为1/2则把它的大小做成1/4

把类似的元素放在一起可以减少对用户的干扰，考虑导航条的位置（pc、app）

 

四策略二——组织（4）

分层

感知分层

比如地铁图中对不同的线路使用不同的颜色进行分层，这样让他们看起来像在独立的一层上，这样用户对关注的层可以更清晰的关注

1.尽可能使用较少的层，内容越是复杂，所需要的分层反而能少一些

2.考虑把某些基本元素放在常规背景层

3.尽量让任意两层间差别最大化

4.对于相对重要的类型使用明亮、高饱和度的颜色，使之更突出

5.对于同等重要的类别利用感知分层技术

 

四策略二——组织（5）

色标

在不必要的情况下添加颜色是会导致困惑的

想想 色标会增加用户学习成本，如果用户色盲怎么处理，交通灯是使用色标加信号信置来共同组成完整的信号系统的

使用色标除非有一点：

你确信你的用户会花很长的时间去学习，并且重复使用你的产品

 

四策略二——组织（6）

期望路径

比如你看到设计师设计了一个在草地上穿行的小路这时设计师按一定的几何形状设计的但还是会发现有一些人为踩踏出来的小路，这些踩踏出来的小路就是人们的期望路径。

在你描述用户使用软件的路径上，千万不要被自己规划图中清晰的线条和整洁的布局所迷惑

简单的组织，意味着你在使用软件时会对什么感觉不错，而不是你在规划中看到什么逻辑

 

四策略三——隐藏（1）

不常用但不能少

那些主流用户很少使用，但自身需要更新的功能通常是适合隐藏的功能

比如“人性化设置”这个不常用因而是非常适合隐藏的

自定义

主流用户是想去定义自己的设置，但是他们更感兴趣的是展现自己的个性

一般来说，不应该让用户去自定义自己的软件，文字处理程序软件就是处理文字的，筛选功能，决定显示隐藏这都是专家级用户的事

 

四策略三——隐藏（2）

自动定制

自己定制不会让界面变得简单反而会把界面搞得复杂，给用户带来极大的不便

1.很难保证默认菜单的准确性，可能只对很小的一部分人有用

2.缩短菜单后用户需要把定制前的确认一次浪费时间

3.用户最终可能不知道去哪里找想要的命令

 

四策略三——隐藏（3）

渐进展示

把主流用户的核心功能一次性精简地显示出来，对于专家用户想要的功能可以隐藏到扩展图标下

“核心功能+扩展功能”的模式不仅可以精简设计并且是一种强大的交互手段

阶段展示

除了在软件中的某个部分隐藏功能，还可以随着用户逐步深入界面而展示相应的功能

1.设数不上一种场景，网上购物购物车到结算跳转不便是一种阶段性的展示，这种展示用户可以会不接收但设定一个场景“安全”则是会接收的

2.讲一个故事，每个环节像讲故事一样一步一步展开

3.使用用户懂的语言

4.把信息分成小块展示，如果表单块过大用户会感到复杂

 

四策略三——隐藏（4）

适时出现

对于需要隐藏的功能需要彻底地隐藏，其次我们应该把这些隐藏的功能在适当的时候让他们出现

提示与线索

把功能进行隐藏后如何给定用户提示及线索找到这些复杂及微妙的功能

应邀探索设计模式

比如在某个按钮上加上一个小三角点击这个小三角加载高级功能，而不是直接使用“高级功能”这样的标签字眼，使用这些字眼只会打击主流用户

 

四策略三——隐藏（5）

上功能容易找到

注意把标签放在什么地方比把标签做多大要重要得多

用户在一开始端祥屏幕或者新建一个任务时，他的关注点是很宽泛的会扫视整个屏幕，如果用户在专注于一项任务时，他的关流点就会聚焦

就算标签再大把它放在用户关注点之外的话用户也是会看不到的

隐藏策略的要求：

1.隐藏一次性设计和选项

2.隐藏精确控制选项

3.自定义功能不可强迫主流用户使用但可以留给专家用户

4.巧妙地隐藏：“首先彻底地隐藏，其次适时出现”

 

四策略四——转移（1）

设计简单体验的一个秘密：把正确的功能放到正确的平台或者正确的系统组件中去

在设备之间转移

有些功能在有的平台上简单，在其它平台上会变得复杂

移动平台与桌面平台对比

移运平台	桌面平台
可以拍摄任何景物	只可以拍摄用户自己
输入少量文本	可以输入大量文本
加快数据转输速度不易	可以适当加快数据传输速度
显示少量信息	显示大量信息
保存适量信息	保存大量信息
随时随地使用	固定使用位置
能精确识别位置、方向	只能大概识别位置
通过无线网络连接到其他设备	通过有线或无线网络连接到其他设备

 

 

四策略四——转移（2）

向用户转移

让计算机与用户各自去做自己擅长的事情，对于模棱两可的事情最好不好用计算机自做主张

计算机擅长保存各种信息及精确计算，只要把该记忆的部分留给它就好了

那么最终的好与不好这种模棱两可的事交给用户自做判断（用户指挥计算机）

 

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

 

四策略四——转移（3）

创造开放式体验

在软件设计中，让某项功能具有多种用途也是一种简化之道

把目标一致的功能分拆开来这是不对的会导致用户增加记忆负担，至于把多个功能放在一个组件中由用户来进行创造性的使用这个是不会影响到用户的。

简单界面的最高境界：专家用户与主流用户都认为好用

开放性界面的秘诀在于：尽量减少仅适合中级用户的“便捷”特性

 

四策略四——转移（4）

非结构化数据

结构化的表单显示呆板，仅是为了程序好处理后台数据

请注意对于用户输入的非结构化的数据计算机是有相应的能力处理的

例子：在输入银行卡号时中间不小心使用了空格，这个不可以？在填写电话号码时在后面使用括号进行了备注不可以？

对于计算机的结构化的强制要求只能说明是懒惰无礼的要求（认为部分是）

 

四策略四——转移（5）

信任

如果把一组任务分解成两部分分别交给两个设备来完成，如果这两个设备必须配合完成，这种场景是容易实现任务的转移的

在做任务转移前请分清设备之间是如何协同工作的

如果有时候想要把任务传移到用户请确保用户有能力完成任务

设计人员常常注意用户测试中的失败案例，开发人员习惯于想象各种系统出错的情景，产品经理希望为用户提供交互式工具，让工具来处理各种任务

上面没有错，但是请注意保护用户的决定权

信任来源于用户参与进来，有一种参与感有一个可以分派任务指挥计算机完成任的快感，让计算机只去做存储数据和逻辑计算，让用户充分的发挥自己的创造力。