header_v1.7.40

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

9天前发布

原创文章 / 多领域 / 观点
夭夭是 原创,如需商业用途或转载请与夭夭是联系,谢谢配合。

本周开始,笔者会整理一些18年关于交互设计的读书笔记

本周开始,笔者会整理一些18年关于交互设计的读书笔记,来理解书籍内容,消化知识以便运用到今后的设计中。


第一本:《简约至上:交互式设计四策略》

书中提出了简约设计的四个策略,分别为:删除、组织、隐藏和转移。总结为四个关键句子为:删除不必要,组织可提供,隐藏不常用,转移复杂性。



一、删除不必要——改进必要,删除不必要

undefined

1.1怎么删除?

问自己最重要的是什么,可以从以下方面入手:

①关注目标用户的核心需求

目标用户:我们无法做到让所有人满意,只需要关注目标用户。

核心需求:用户经常碰到的问题(高频)就是核心需求,我们需要对其给出解决方案(功能)。


②对需求进行优先级排序

专注于寻找能够完全满足优先级最高的用户需求的解决方案,再考虑满足用户的其他目标。

确定在使用产品过程中最常见的干扰源,并将解决这些问题的功能按难易程度排出优先次序。


undefined

○关注目标/需求而不是任务/流程:过分关注任务/流程可能会增加很多功能细节而使设计笨拙。

○关注可用性而不是功能:在未使用产品前,用户会因为功能有兴趣,但是使用后用户会变得更重视可用性。所以与其增加功能,还不如改进核心功能的体验。

○不要因为用户要求就添加功能:第一,用户不是设计师,我们才是,所以要对用户的要求要有判断,可以通过询问:你为什么想这么做呢?这么做问你解决了什么问题?第二,上面提过可用性比增加功能更重要。

○产品价值与功能多寡无关:产品的价值与产品是否满足用户最高优先级目标有关。

○提供有限的选择:选择过多很容易让用户无所适从。

○满足主流用户的“足够好”的遥控器和满足专家用户的“精准”的遥控器是很大区别的。


1.2删除哪些?

删除以后对用户没影响的功能都是不必要功能/元素,以下方面是一些例子:


①砍掉残缺功能

即便这个功能花费了很多心血,只要它是不完美的,就该忍痛割弃。书中提到:“砍掉不必要的功能,要强过无意义地堆砌功能。”


②去掉分散注意力的元素

undefined


③选项和首选项

选项是让用户来自定义设置的,典型的专家行为,主流用户只想快速使用,不想为选项和首选项劳费心神。


④消除错误来源

与其等用户犯错后提示,不如消除错误来源。书籍中举例网上银行账户查询页面,需要通过控件来选择日期,但是有个一个问题是,如果选择了将来的日期会提示错误,因为银行只提供12个月以内的对账单,所以这里更正确的做法是让用户只能选择可用的对账单。


⑤删除文字

undefined



⑥精简句子

undefined


下图为书中所举的精简句子的例子:

undefined



undefined

○避免错删:删除不必要的功能而不是难实现的功能。

○一个选项都嫌多:链接和按钮都会吸引用户点击,在用户决策时放上其他链接可能会动摇用户决心而使决策失败。以此,笔者想到:比如书籍详情页是不是要放其他书籍内容吸引用户点击?

○该有设计师考虑的不要交给用户:简单的用户体验不会强迫用户去做这种选择,哪种方式最有效应该是团队考虑的问题。比如网页导航用面包屑还是下拉菜单这种选项该有设计师自行决定。

○避免删减过多:既要给用户控制权,又不能提供太多选择而浪费他们时间。


1.3可以提供?

①提供默认值

undefined

关于这个,笔者曾写过一篇具体的文章,可点击文后链接查看。


②减少视觉混乱

undefined



二、组织可提供——组织有用,合理布局

undefined

2.1怎么组织?

如何对信息进行有效组织,书中列出不少常见的组织形式:


①按用户行为步骤组织

了解用户的心理路径,用户想做什么后做什么,设计的流程应符合用户的心理模型。

书中举例:“网上商店会让用户自己查找想要购买的商品,然后把商品添加到购物车中,设置送货方式,最后付款结账。以上就是对网上商店的功能进行分块的基本依据。”


②分类

了解用户心理的分类标准,设计是为用户服务的,以用户的心理组织分类,用户才知道去哪里找到他们想要的东西。了解用户心理可通过用户访谈。


③字母表和格式

字母表:适用于专有名词,按照字母表建立索引。多义词则不适合字母表。

格式:通过文字、图片、视频等内容格式来对内容进行排序。但是书中认为这种方式看似简单实则费力不讨好,例如如果你正在看描述夏威夷的某些文字,你会想要看一些当时当地的图片或视频。而从头再来寻找视频会非常麻烦。适用格式的场景,会议日程的某些格式(如专题报告)需要不同注册流程,不同的参与者使用不同的资料。但是一般而言组织会议最简单的是时间顺序。


④时间和空间

时间:适用于组织活动(持续时间相差不大的活动)

空间:适用于实体对象(酒店、国家),如可以按照走进酒店的顺序来规划酒店的网站:门岗、前台、餐厅、会议室或活动室、健身房、客房、套房。


⑤搜索和游览

用户获得信息方式:搜索&游览,所以信息的组织也可使用这两种方式,但是书中提到:“无论是设计还是使用,搜索都比浏览困难得多。”


2.2如何布局?

组织好信息后,如何合理布局,可从以下几方面入手:


①界面分块

经典建议:分成7加减2,也有心理学家认为4项是最合适的。

Tips:不是所有情况都适合分块。字母表或时间组织的信息就不需要将其分成6块,只需要标注字母表或者月份,用户可以滚动到大致位置即可。


②网格

通过空白间距和想象中的网格线对页面进行对齐和分组。


③大小和位置

重要的元素大一点,相似的元素放一起。

记住这条原则:“如果一个元素的重要性为1/2,那就把它的大小做成1/4。”


④感知分层技术:适用于信息过多的情况

通过颜色容易实现,还可通过灰色阴影、大小缩放,甚至形状变化。

undefined


Tips:要想设计是否成功,眯起眼睛看是否能区分出不同的层。


⑤色标

适用:长时间学习;反复使用;知道色标含义。

注意:区分颜色分层和颜色标记信息之间的差别。


Tips:每个人都有自己的期望路径

即便按照以上的原则,设计师自以为给出了完美的设计方案,但设计师并不是用户,用户可能并不这么想,每个人都有自己的期望路径。完美是不简单的,在设计的过程中,设计师需要不断重读使用软件,看看哪里吸引眼球,并要仔细观察他人如何使用,千万不要困于自以为的完美中。

书中总结:“简单的组织,意味着你在使用软件时会对什么感觉不错,而不是你在规划中看到了什么逻辑。”


三、隐藏不常用——避免用户分心

undefined

3.1哪些隐藏?

①不常用但不能少

主流用户很少使用但自身需要更新的功能


undefined



②自定义界面

“我不太赞成让用户根据自己的需求来自定义界面。对我而言,这样做会显得设计人员懒惰,没有主见。”

“主流用户确实想自定义自己的设置。但是,他们更感兴趣的是展示自己的个性——把计算机桌面换成自家狗狗的玉照,而不是重新设计用户界面。如果用于自定义的工具很简单,如果用户只需添加几项即可完成自定义,如果不需要重排N项那么多,自定义还是很有价值的。”

“让用户自定义自己的用户界面是假设用户知道如何布局最有效、最高效。”


③自动定制

有些程序会根据用户的行为自动显示或者隐藏某些功能。但这种做法只会让界面更复杂。

原因有三:很难保证默认菜单的准确性,除非算法非常完美,但完美并不存在;缩短菜单用户需要将功能看两遍才确定;用户不知道去哪里找自己想要的命令,因为命令的位置有可能会变。


3.2怎么隐藏?

①渐进展示

主流用户需要的控件展示,专家级用户需要的控件隐藏。


②阶段展示

根据用户的任务流程,逐步深入界面时展示相应功能。如搜索功能,用户已开始用搜索框,如果不满意,才会在界面上寻找高级搜索。


③适时出现

隐藏的功能在合适时机出现,如有道词典在选中单词或句子后才显示。


④提供与线索

隐藏的功能提供细微线索暗示用户,但书中提出为隐藏功能使用“更多”、“高级”等标签感觉并不好。

更好的做法参考苹果:针对想要了解图形处理器的用户提供技术规格的链接,这个链接放在角落,不影响主流用户只关注产品图片。


⑤功能放到用户关注点内

位置比大小重要:把标签放到用户的关注点内,否则标签做的再大也不会注意到。


四、转移复杂性:正确的功能放在正确的平台

undefined

不同系统之间以及系统与人之间可承载的复杂程度不同,设计师应借助不同平台的优势来设计方案。如输入大量文字在PC端简单,但在移动端复杂。


4.1怎么转移?

①让用户和计算机做他们擅长的事情

用户:评价,选择和指挥。

计算机:保存信息、精确计算。

Tips:

○计算机不要抢了用户的工作,更不要评价用户做的对不对。

○用户指挥,计算机操作,就会给人简单的感觉。

○把任务转移给用户,就要相信用户有能力完成。


②让某项功能具有多种用途

将多个相似功能捆绑在一起。如汽车中给挡风玻璃加热的电阻丝同时也是收音机天线。


③非结构化数据——用户自己决定输入的格式,系统通过后台完成数据的结构化工作

很多产品在填写表单的数据信息时要求用户必须遵循他们的规则,如输入电话号码不能使用空格,一旦用户输错就给用户提示,这只会引起用户不满。



以书中的两句话来总结今天的文章:

“简单界面的最高境界,专家和主流用户都觉得好用。”

“作为设计者,我们希望马上开始设计。但克制自己非常重要。”


undefined



0
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功