《简约至上》学习笔记

一、为什么要简单?

因为人们喜欢简单、值得信赖、适应性强的产品。例如2007年兴起的Flip摄像机,在美国便携式摄像机市场上掀起了一股狂潮。Flip的目标就是尽可能简单,甩开一切不必要的功能。

而复杂的产品也是不可持续的。增加的功能越多,就越难以发现真正对用户有价值的功能,产品的维护成本也会越来越高,也越来越难以灵活应对市场变化。

二、简单是什么?

简单不是通过做表面文章把事情简化。例如减肥药,表面上吃了这种药就可以瘦下来,实际上这种方式不能达到健康持久的减肥效果,还会给身体带来伤害。

简单是在了解事物本质的基础上进行有依据的取舍。例如在简化汽车的某个功能时,需要了解公司运作的公式(汽车销售量*汽车单价-成本=利润);需要弄清楚简化的体验是如何影响公式中的各个因子,需要评估每项改变的重要性和可行性并排出优先级,然后从最重要最可行的改变开始进行简化。

三、如何实现简单?

首先对于什么是简单的体验,有一个判断标准。然后,实现实现这种体验。

第一种方法。用简洁的语言描述你正在设计什么,然后用尽可能简单的方式来实现这句话。这种方法适合比较小的设计,例如设计网站中的一个界面。

第二种方法。描述你希望用户拥有什么样的体验,然后用尽可能简单的方式来实现这种体验。这种方法适合设计大型项目,例如整个网站的设计。可以通过讲故事的方式来描述用户体验,包括使用场景、目标用户、用户需求、用户行为

  • 使用场景
    1、要在真实的使用环境中观察用户。因为用户体验是否简约必须要在纷乱、多变的环境中才能考察出来。我们无法控制用户使用软件的环境,只能是软件设计符合环境需求。
    2、你的用户体验应该简单到不受这些干扰的影响,能够在人们被打断的间隙生存。

  • 目标用户
    1、用户分为三种:专家型用户、随意型用户、主流用户。要忽略专家用户,关注主流用户,为他们设计简单的产品。
    2、专家型用户,愿意探索你的产品或服务,并且会给你提出各种改进建议。这种用户占少数。
    3、随意型用户,用过类似的产品或服务,有兴趣使用更高级复杂的功能,但是新功能要足够简单。这种用户占少数。
    4、主流用户,使用你产品的目的是完成某项任务,他们掌握一些重要功能的使用方法,但是永远不会产生学习所有功能的想法。这种用户占绝对的主导地位。

  • 用户需求
    1、理解用户的感情需求,让他们感觉自己在掌控一切。
    2、首先,用户希望感觉是在掌控自己使用的技术,即掌握结果。用户希望掌握起来容易、可靠、迅速。产品的响应方式都是意料之中的。
    3、其次,用户希望感觉是在掌控自己的生活。有时候掌控的感觉,意味着要完成一个任务。例如女人买裙子时想要感觉掌控着自己的形象。有时候又意味着获取信息,例如男人看新闻就是要了解世界上发生了什么事,从而感觉自己对世界局势有所掌控。
    4、通过反复问自己’然后呢’,发现用户的感情需求、合理需求,直至解决方案。例如Things,用户的全部需求就是掌控局面。然后呢?对于使用任务管理程序来说,他们需要支配所有的任务。然后呢?表中的任务太多,会让他们感到局面失控。然后呢?他们不想同时看到那么多任务,而且眼前的任务都应该是最关心的。然后呢?必须找到一种组织任务列表的轻松方式。
    5、只有知道用户是谁以及他们的真实想法,你才可能有自己深刻的见解。

  • 用户行为
    1、从用户的视角,描述从开始到结束的整个体验过程。注意,描述时要关注用户的行为,而不是设计。例如Flip摄像机,一开始可以写’拍摄并分享视频’,然后列出用户行动的每一个步骤。

四、简约四策略

删除:去掉所有不必要的,直到减到不能再减
组织:按照有意义的标准,对留下的进行分组
隐藏:把不重要的隐藏起来
转移:向其他平台或系统中转移复杂性

4.1、删除

下面是删除功能的一些建议

  1. 简化设计最明显的方式就是删除不必要的功能。删除杂乱的特性,可以让设计师专注于把有限的重要问题解决好,而且也有助于用户心无旁骛的完成自己的目标。
  2. 砍掉残缺功能。删掉实现的不够理想的功能也是很重要的。经济学上把这种现象称为‘沉没成本误区’,用于创建这部分功能的成本是不可能收回来的,因此判定这种功能唯一的方式就是,看他能够发挥几分作用,看保留它会额外导致多少成本。
  3. 避免错删。把一切难于实现的功能统统抹杀是典型的错误做法。
  4. 关注核心。增加价值始于改进核心体验。在按照优先级对功能排序时,要时刻记住用户认为那些关系到他们日常使用体验的功能最有价值。另外能够消除他们挫败感的功能同样也会受到欢迎。
  5. 排定功能优先级。首先,确定用户想要达成的目的,并排定优先次序。然后,专注于寻找能够完全满足优先级最高的用户需求的解决方案,找到之后再考虑满足用户的其他目标。接着,确定用户使用产品过程中最常见的干扰源,并将解决这些问题的功能按难易程度排出优先次序。最后,要知道能够满足主流足够好的功能与只有专家用户才看得上眼的精准的功能的区别。不要以功能的多寡来认定产品的价值,应该看产品能否满足用户最高优先级的目标。
  6. 方案,不是流程。如果一个小的变化导致了复杂的流程,就应该退一步去寻找更好的解决方案。
  7. 不要猜测用户可能会或者可能不会怎么样。’加入用户想…’意味着任何待删功能都可以安然无恙的回到产品中。
  8. 要倾听用户的意见,但决不能盲从。对用户的要求要做逆向工程——搞清楚用户到底遇到了什么问题。
  9. 关于功能和可用性。功能多对于没有机会试用的消费者有吸引力。在消费者使用了产品之后,他们一下子就从重视功能,变成了更重视可用性。

下面是删除细节的一些建议

  1. 删除界面中不必要的细节,减轻用户的负担,让用户专心做自己想多的事。例如没人会看的文字,重复的链接,多余的视觉元素。
  2. 提供少量选项。选择较少时,用户购买的可能性要大于为他们提供大量选择的情况。给用户提供选择,会让人感觉自己在把控着局面,如果选择超过了一定的界限,特别是在很多选择都类似的情况下,选择反而变成了分担。例如长长的功能列表,满是链接的页面,都是容易导致设计失败的因素。
  3. 提供聪明的默认值。选择聪明的默认值可以减少用户的选择。聪明的默认值指的是适合大多数人的选择。例如:热门文档(‘头条新闻’)、类似项(‘浏览过这个产品的用户还看过...’)、个性化信息(‘使用你的地址自动填写表单’)、历史记录(打开最近保存的文档、记录上次离开时的位置或状态)。
  4. 删除选项和首选项。主流用户不喜欢为设置选项和首选项费心劳神。例如为用户提供面包屑链接和下拉菜单两种导航,实际上是在让用户浪费时间来回答‘哪种导航形式最方便’。简单的用户体验不会强迫用户去做这种选择,哪种方式最有效应该是设计团队考虑的问题。解决这个问题的最佳途径就是请一些用户来测试。如果测试结果部分伯仲,都没有明显的缺陷,就意味着没有错误的设计。赶紧选择一种方式实现,然后继续。
  5. 如果一个选项还嫌多。在向用户提供选择时,务必要考虑周全一些。想清楚用户会不会因为这些选项而不知所措,或者这些选项会不会动摇他们的决心。例如:在亚马逊网网站的结账环节,删除了其他每个页面顶部和底部都会有的导航链接,以减少对用户的干扰。
  6. 消除错误。消除错误的来源是简化体验的一个重要思路。例如:只为用户提供对的选项。
  7. 删除造成视觉混乱的元素。人们必须处理的信息变少了,才能够把注意力集中到真正重要的元素上。例如:使用空白或轻微的背景色来划分页面,而不要使用线条。尽可能少的使用强调。控制信息的层次,不要超过3层。减少元素形状或大小的变化。
  8. 删减文字。删除引见性的文字,不必要的说明,繁琐的解释,使用描述性的链接,例如把标题本身作为链接而不是在标题下面显示‘单击这里’或‘更多内容’。
  9. 精简句子。
  10. 删减过多。删减过多会让用户失去控制感,反而让体验更复杂。足够多的控制可以让用户消除因基本需求得不到满足而引发的焦虑,但是要避免控制太多导致他们因选择而浪费时间。

4.2、组织

下面是组织功能的一些建议

  1. 组织往往是简化设计最快捷的方式。
  2. 如果通过组织的方式简化设计,最重要的一点是只强调一两个最重要的主题。
  3. 分块。有关分块的经典建议是把项组织到‘7加减1’个块中。这个数字是人的大脑瞬间能够记住的最大数目。不少心理学家认为人类的瞬间存储空间其实更小,大约只有4项。在要求用户把项目分块时,他们通常分出6组。还可以分成给更少的块儿,这样才能让主流用户感觉更简单。在连续的索引或刻度上查找项时,例如按照字母表或是时间顺序排列的清单,没必要分组。
  4. 围绕行为进行组织。首先要理解用户的行为:他们想做什么,先做什么后做什么。要悉心了解用户心中的操作步骤,然后尽全力让流程与各个步骤的顺序吻合。画出用户的行为有助于理解如何组织你的软件产品。
  5. 期望路径。在描述用户使用软件的路径时,不要被自己规划图中清晰的线条和整洁的布局所迷惑。要不断重复使用软件的流程,看看哪个地方总是抓住你的眼球。仔细观察做同样事情的其他人。简单的组织意味着,你在使用软件是会对什么感觉不错,而不是你在规划中看到了什么逻辑。
  6. 搜索。作者测试发现,只有在网站没有提供有效导航的情况下,用户才会使用搜索。一种例外情况是,用户需要从大量类似项中挑选一个已知项,这时候用户会选择搜索。作者的经验是,设计简单的搜索界面其实要比人们想象的困难的多。所以,如果想设计简单的用户体验,最好先对内容有效的组织,然后再考虑如何设计搜索。(无论设计还是使用,搜索都比浏览困难的多)。

下面是组织信息的一些建议

  1. 是非分明。在对一组性质相同的产品进行分类时,确定清晰的分类标准对用户非常重要。简单的组织模式具有清晰的界限--是非分明。有时候你会遇到同属于两个类别的东西。太多的重叠会导致困惑,但有时候确实无法避免。这时候最简单的分类,指的是重复交叉最少的分类。
  2. 字母表与格式。对于专有名词,按照字母表顺序建立索引是没有问题的,因为有一个准确无误的词在描述某个概念,例如姓氏、国家。否则,按照字母表顺序排列,经常会把事情搞乱。按照格式来对内容进行排序,例如文字、图片、视频,是另一种看起来简单实则费力不讨好的分类方法。
  3. 时间和空间。按照时间来组织活动是一种简单又通用的方式。一些实体对象,如酒店和国家之类的,全部可以按照空间来组织。通过图解的形式来表示时间和空间,会导致有些地方很密集,有些地方又空荡荡。

下面是页面展示的一些建议

  1. 使用网格。利用不可见的网格来对齐界面元素,是吸引用户注意力的一种有效方式。网格越简单,效果就越明显。使用网格布局时,哪怕少数几个元素没有放到位,都会破坏这种网格布局的引导效果。网格布局也会让人感觉局促和受压抑,要解决这个问题,可以设计一个不对称的布局。例如,包含奇数列。
  2. 大小和位置。利用网格来布局界面时,元素的大小和位置可以可以参考以下提示。重要的元素要大一些,即使比例失调也可以考虑。例如设计体育新闻网站时,改变篮球、高尔夫球等球类的大小,用相同的尺寸以表明每项运动都同等重要。不太重要的元素应该小一些。如果一个元素的重要性位1/2,那就把他的大小做成1/4。把相似的元素放在一起。对于网站来说,把重要的链接和内容一起放在中间位置。对于触摸屏而言,把应用的导航栏放在屏幕底部,用户触摸他们时就不会遮挡住屏幕。
  3. 分层。利用感知分层技术,把一些元素放在另外一些元素上方,或者把两组元素并排起来。例如伦敦地铁地图,每条地铁线路都用一种不同的颜色表示,让他看起来好像是位于独立的一层之上。不同的颜色让读者每次只专注于其中一条。感知分层借助于颜色、灰色阴影,大小缩放,甚至形状变化来实现。要注意一下几点:使用尽可能少的分层;把某本元素放在常规背景层;让任意两层的差别最大化;相对重要的类别让他们更突出;同等重要的类别,使用亮度和大小相同的不同色调。
  4. 色标。使用颜色分层和使用颜色标记信息是有细微差别的。分层信息中的颜色利用了人们的记忆原理,因此给人造成的负担很轻。而使用颜色来标记信息,需要人们花时间来学习和理解这些标记,因而需要用户花费更多的心思。只有在确保人们会花很长时间学习,而且会重复使用你的设计时,色标系统才非常适合。当然使用人们已经知道其含义的色标也没有问题。

4.3、隐藏

  1. 隐藏部分功能是一种低成本的方案。
  2. 不常用但是不能少的功能,适合隐藏。例如个性化设置。
  3. 实时出现。成功的隐藏,首先尽可能彻底的隐藏所有需要隐藏的功能。其次,只在合适的时机,合适的位置上显示相应的功能。例如《纽约时报》提供的字典功能在选择单词之后才会显示。
  4. 提示和线索。隐藏处理的好的界面会给人一种优雅的感觉,界面中包含的线索尽管细微,却能恰到好处地提示出隐藏功能的位置和公用。(细微的线索足以提示出隐藏的功能)
  5. 让功能容易找到。把标签放在哪里比把标签做多大要重要得多。当用户打开一个新站点时,他会扫视整个屏幕,而当用户专注于一项任务时,他的关注点就会聚焦。就算标签再大,如果把它放到了用户关注点之外,用户也看不到。

下面分析几种设计模式

  1. 自定义。自定义可能是一件非常耗费时间,也非常令人讨厌的事。主流用户确实想自定义自己的设置,但是他们更感兴趣的是展示自己的个性,例如更换桌面壁纸,而不是重新设计用户界面。如果用户只需要添加几项就可以完成自定义,自定义还是很有价值的。让用户自定义自己的用户界面,是假设用户知道如何布局最有效、最高效。这些是专家级用户才关心的事情。
  2. 自动定制。有些程序会根据用户的行为自动显示或隐藏某些功能,例如office2000的自适应菜单。但是自动定制并不会让界面变得简单,反而会搞得很复杂。原因有三点:很难保证默认菜单的准确性;不知道去哪里找想要的命令,因为命令的位置可能会变;需要先看短菜单再看长菜单,这会花费更多的时间和点击。除非你的算法非常完美,但是完美是不存在的。
  3. 渐进展示。 默认只展示主流用户关注的核心选项,专家用户可以点击扩展图标,在展开的区域寻找自己想要的功能。这种‘核心功能加扩展功能’的模式,不仅能够简化设计,更是一种强大的交互手段。
  4. 阶段展示。除了在软件中的某个部分隐藏功能(即渐进展示),还可以随着用户逐步深入界面而展示相应的功能。登记表单通常都需要使用阶段展示,但是要遵循以下规则:设定一种场景,例如在购物结账开始时,显示‘欢迎安全的付款’这样的字眼;讲一个故事,用户希望每个环节都能像讲故事一样层层展开;说用户的语言;把信息分成小块展示。

4.4、转移

  1. 设计简单体验的一个秘密,就是把正确的功能放到正确的平台或者正确的系统组件中去。
  2. 在设备之间转移。手机适合记录数据,网站适合浏览数据。移动设备非常适合记录用户的所见所闻和移动路线,但通过他输入大量文字则不方便。
  3. 向用户转移。用户擅长设定目标、制定规划,计算机擅长执行程序、精确计算。让用户指挥,计算机操作,就会给人简单的感觉。
  4. 创造开放式体验。聪明设计师的简化秘诀中经常有一条,就是让一个组件具有多种用途。
  5. 简单界面的最高境界,应该是专家和主流用户都会感觉他非常好用。例如菜刀和钢琴。这些体验之所以让人觉得简单,是因为专家和主流用户可以分别设置自己不同的目标。
  6. 非结构化数据。填写表单让人讨厌,主要原因是表单设计者试图让用户输入具有某种格式的信息。要解决这个问题,应该让用户自己决定输入什么格式的数据,让计算机负责完成数据的结构化工作,用户体验就会简单多了 。

五、最后的叮嘱

  1. 顽固的复杂性。到了设计简单用户体验的最后,往往不是问‘怎样才能把这个功能设计得更简单’,而是问‘到底应该把这个复杂性放到哪里。’创造简单用户体验的秘诀就在于,把复杂性转移到正确的地方,让用户每时每刻都能感受到简单之美。
  2. 细节。简单通常要有细节来支撑。
  3. 简单发生在用户的头脑中。不要让你的设计干扰用户的思绪。简单的设计能够为用户流出足够的空间,他们会用自己的生活来填充这些空间,从而创造出更丰富、更有意义的体验。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,108评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,699评论 1 296
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,812评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,236评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,583评论 3 288
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,739评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,957评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,704评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,447评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,643评论 2 249
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,133评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,486评论 3 256
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,151评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,108评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,889评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,782评论 2 277
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,681评论 2 272