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

第一章 话说简单

用例:Filp、早期的大众甲壳虫汽车、Twitter

原理:“夸耀效用原理”(人们喜欢自己被包围在不必要的功能中)-但不断向软件加功能是不可持续的-会导致用户对产品越来越不满意

设计角度:管理人员、工程师、用户


第二章 明确认识

描述要点的方式:

    用一句话说出来:要设计什么?遵循哪些规则?

    描述用户的使用场景,我的设计怎么满足用户在该场景下的需求?(设定目标和限制就知道哪些方案不合适,在不确定怎么解决的时候,描述用户体验也很有用)

环境:到用户要使用你软件的地方做调查,如果不能去现场,就和用户多了解他们工作环境的情况,就会知道他们在使用软件时候经常会发生什么事情。(例如,未关注电视插播广告时间,手机网站在橄榄球赛期间的促销活动反响很差)

观察什么环境?:办公室、家、户外

用户:主流用户、专家(忽略:他们追求主流用户根本不在乎的功能)、随意性用户(不够典型)

主流用户和专家用户的区别:

主流用户最感兴趣立即把事情做完容易操控最有价值得到靠谱的结果害怕弄坏什么合适就行 想看示例和故事

专家首先设定自己的偏好操控的是否精确看到完美的结果有拆解一切刨根问底的冲动精确匹配想看原理

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

讨论更深层次、感情上的需求,探究人们需要他们软件的真实原因。

用户希望在掌控自己的生活,他们需要支配所有的任务。

用户在做什么?:flip示例,“拍摄并分享视频”-列出用户行动的步骤,详细程度前后一致,不遗漏关键环节,并且从用户的视角把它描述出来。

描述用户体验:讲故事(技术团队的流程图和用户案例)-效率极高,容易被记住,好分享

flip示例:你站在城市街头,忽然一阵骚乱:帕丽斯希尔顿正向你走来。你迅速从口袋中掏出你的flip摄像机,(小)把它交给一位路人,请他帮忙拍了一段视频,帕丽斯就站在你身后。(开机速度快)之后,你赶紧敲开附近朋友家的门,不需要任何安装配置(上传视频不需要特殊软件或数据线),就通过他的电脑把这段视频分享到网上。(目的是与朋友分享)

怎么讲故事?:

    展示需求点,并确定满足该需求的功能(核心功能)

    描述用户行为和介绍用户性格

    好的用户故事应该简明、具体、可信,并且拥有相关细节。

认识分为三个层次:可信的环境(故事的“时间”和“地点”)、可信的角色(“谁”和“为什么”)、流畅的情节(“什么”和“怎么样”)

具体应该怎么做呢?:

    制定极端的目标

    简便的方式描述正在设计的东西(slogan)

    洞察力(回顾从用户收集的素材、面对的问题、生活的世界寻找突破口,把设计要点按先后次序排列出来,再验证你的见解)

    明确认识(可能前三个方案都是对重要问题的描述,要有耐心和时间去理解核心问题)

    分享(让最核心的概念随处可见,找到并开始分享你的认识,就可以开始设计了)

“真正伟大的人还会继续向前,直至找到问题的关键和深层次原因,然后再拿出一个优雅的、堪称完美的有效方案”-史蒂夫.乔布斯


第三章 简约四策略

简化遥控器:删除、组织、隐藏、转移


第四章 删除

首先准备一张白纸,问自己:“最重要的问题是什么?”

避免错删:不能因为难以实现就统统抹杀。

关注核心:

    按照优先级对功能排序时,要时刻记住用户认为哪些关系到用户日常使用体验的功能最有价值

     以此为起点,编写用户故事

     消除他们挫折感的功能同样也会受欢迎。

砍掉残缺功能:经济学上的“沉没成本误区”,事实上,用于创建这部分功能的成本是不可能收回来的,因此判定这种功能的唯一方式就是看它能够发挥几分作用,看保留它会额外导致多少成本。(问题不该是“为什么要去掉它”而是“为什么要留着它”)

不是“假如用户需要 …”而是“我的目标用户经常会遇到这个问题吗?”

不能简单因为客户要求就增加功能,对用户要求做逆向工程-搞清楚用户到底遇到了什么问题,仔细斟酌这个问题是不是应该由我们软件来解决?

方案,不是流程:如果一个小变化导致了复杂流程,就应该退一步去寻找更好的解决方案。把注意力集中到客户的目的上面,问自己“还有其他的解决方式吗?”

测试证明,功能多对于没有机会使用的消费者有吸引力,但消费者使用了产品之后,他们的偏好就会改变。一下子从重视功能,变成了更重视可用性。(今天,口碑、用户评论、个人推荐、产品试用的重要性远超大众媒体广告)

最应该考虑的,是哪项功能最接近用户的核心需求,最好的方法就是先做个模型出来让他们试用。

排定功能优先级:

    确定用户目的,排优先次序

    找满足优先级最高的用户需求的方案

    找干扰源,按排除难易度排优先次序

    找主流“足够好”和专家“精准”产品的区别

负担:

    删除没人看的文字

    简化布局

    去掉重复链接

    精简按钮和链接样式

    减少广告位和广告数量

    去掉分散注意力的元素(去掉可有可无的选项、内容、分散人注意力的玩意儿可以减轻用户负担;去掉分散注意力的视觉元素,可以让用户感觉更快更有安全感)

决策:提供较少的选择有利于决策,满意度也会高。

分心:删除干扰因素(例如,网页右边栏的链接会分散注意力,最好放置于页面底部)

聪明的默认值:适合大多数人口味的选择,通过分析客户信息

    热门文档“头条新闻”

    类似项“浏览这个产品的用户还看过”

    个性化信息“使用你的地址自动填写表单”

    共同的选择(把中国放在国家列表最前面,如果你的大多数客户都来自中国国内的话)

如果客户再次光顾网站,他愿意以前次离开的状态为起点(最近保存的文档“打开’欢迎您.doc’”;恢复状态“继续从游戏的第三关开始玩起”)

选项和首选项:通常选项是让用户来自定义设置的,但这是典型的专家行为,简单的用户体验不会强迫用户去做选择。(例如,网站导航设置面包屑链接和下拉菜单,但会浪费用户时间)

如果一个选项还嫌多:最后的购买环节,不需要有任何干扰项

消除错误:错误之后根据结果判断正确是什么?根据正确简化程序,即消除错误的来源。(例如,将银行往来帐户查询页面,将两个日期控件改成了一个可用银行对账单的下拉列表)

减少视觉混乱:

    使用空白或轻微的背景色来划分页面,而不要使用线条

    尽可能少使用强调

    别使用粗黑线条,匀称、浅色的线更好

    控制信息的层次,最好不要超过三个层次:标题、子标题、正文

    减少元素大小的变化,不要出现大小不同的几个区块

    减少元素形状的变化,最好整个界面只使用一个按钮样式

删减文字:

好处:

   重要的内容水落石出

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

   读者会对自己看到了什么更有自信

应该怎么删除?:

删除引见性文字、 不必要说明、繁琐的解释、描述性链接

精简句子:

方法:

    不使用介词(对于、根据、为了、基于、通过、关于)会弱化句子谓语

    不使用is饿动词形式(正在消耗时间)尽你所能使用其他表述方式(花时间)

    把被动句式转换为主动句式

    删掉索然无味的开头

    减少废话

避免删除过多:东京苹果店的玻璃电梯删除了操控装置,让体验更复杂。因为人们不能控制结果,基本需求得不到满足而引发焦虑。

要做到:彻底重新设计,说服干系人删除内容和功能

“删除策略的核心:

     聚焦于对用户有价值的功能

     聚焦于可用资源,通过删除残缺的功能、不切题的元素和花里胡哨的东西为用户提供价值

     聚焦于达成用户的目标

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

如果面临的是人的问题,就可以通过阶段性地步步为营或者通过测试获得的证据来解决;如果问题时技术过时或者系统不兼容,那么问题会随时间推移而缓慢变化。

例外,法律要件,在金融和医药类产品必须有特定声明;不能脱离环境删除某些功能,如DVD的数字键盘。


第五章 组织

强调一两个最重要的主题(例如,DVD遥控器只设计起点“开/关按钮”和最常用的按钮“播放/暂停/停止)

分块:经典建议,把项组织到“7加减2”个板块中

围绕行为进行组织:“我可以用它来做什么呢?”,他们想做什么,先做什么后做什么-按照特定的步骤做事(最大的阻碍:注册流程、有效性检查,不能推迟就尽量简化)-先用户分类,但如果没有特定用户群,可能不应该按用户分类。

对一组性质相同的产品进行分类时,制定清晰的分类标准:1.功能、选项和配件的分类法;2.另一种信息的标准是特点-不要按照字母表和格式(文字、图片、视频)的方式排列,可用时间

搜索:1.有的用户认为搜索比浏览更容易,但事实上,没有一个人始终会把搜索作为第一选择(直接点击看起来符合你意愿的链接才更简单,但也有例外,用户需要从大量类似项中挑选一个已知项,一定会采取搜索);2.有的用户认为设计搜索功能要比组织内容链接更容易,但事实上那些搜索结果的排列方式都是经过了负责处理,都是与关键词得到最大程度的匹配。

因此要想设计简单的用户体验,最好先对内容有效的组织,然后再考虑如何设计搜索。

如何排序?:时间、空间-但不要用图解形式来表示时间和空间

网格:利用不可见的网格来对齐界面元素,是吸引用户注意力的一种有效方式。网格布局也会让人感受局促和受压抑,要解决这个问题,可以设计一个不对称的布局。例如,包括奇数列,或者将少量元素设计成跨在两列甚至三列上。

大小和位置:

    重要的元素大一些,即使比例失调也可以考虑

    不太重要的界面元素应该小一点,如果一个元素的重要性为1/2,那就把它的大小做成1/4

    把相似的元素放在一起(例如应用导航按钮放在屏幕底部,用户触摸它们时就不会遮挡屏幕)

分层:伦敦地铁图运用感知分层技术(可以把一些元素放在另一些元素上方,或者把两组元素并排起来,用连续的色带联系相关的内容)

感知分层技术提示:使用灰色阴影、大小缩放、形状变化,检测方法,眯起眼睛观察屏幕看是否能区分不同的层

    尽可能使用较少的层

    考虑把某些基本元素放在常规背景层,因为一个元素很难放在两层里

    尽量让两层之间的差别最大化

    对于相对重要的类别,使用明亮、高饱和度的颜色,可以让它们在页面上更突出

    对于同等重要的类别,利用感知分层技术,使用相同的亮度和大小,只是色调要有所区别

不使用色标:分层信息中的颜色利用了人们的记忆原理,给人造成负担很轻,但色标不是。

不要过度依赖期望路径:千万不要被自己规划图中清晰的线条和整洁的布局所迷惑,要重复使用,看什么总是抓你眼球。


第六章 隐藏

1.想走高技术高价格路线(触摸屏遥控器);2.花点小钱把某些功能隐藏在一个塑料仓盖后面

隐藏不是删除,欲删,从速是更好的思路。

隐藏哪些功能:不常用但不能少,个性化的需求,是为了让用户更好地使用软件。

   事关细节(例如,对服务器进行配置或设计电子邮件的签名)

   选项和偏好(例如,修改绘图应用程序的单位,由英寸改为厘米)

   特定于地区的信息(例如,时间和日期等需要频繁自动更新的信息)

拒绝自定义:自定义耗时又讨厌,用户并不愿意。主流用户确实想要自定义自己的设置,但是,他们更感兴趣的是展示自己的个性-把计算机桌面换为自家狗狗的玉照,而不是重新设计用户界面。

拒绝自动定制:自动定制会使界面复杂(office2000的“自适应菜单”反响很差)

原因:

   很难保证默认菜单的准确性

   缩短菜单后,用户需要把每个功能看两遍才能确定-首先是看短菜单,在看长菜单,耗时

   用户最终不知道去哪里找自己想要的命令,因为这些命令的位置有可能会变

逐渐展示:一项功能会包含少数核心的供主流用户使用的控制部件,另有一些为专家级用户准备的扩展性的精确的控制部件,隐藏这些精确部件是好选择。

采取“核心功能加扩展模式”,不仅能简化设计,更是一种强大的交互手段。(例如,谷歌的高级搜索功能包括关键字搜索、站内搜索、布尔搜索、仅对特定语言搜索、区域搜索、限定界面链接和文件类型的搜索;但主页面只看到关键词搜索,其他选项被隐藏。利用用户测试证明对错)阶阶段展示:用户随着搜索的深入而寻找较为复杂的功能

遵循的规则:

    设定一种场景

    讲一个故事,每个环节层层展开

    说用户的语言,而非专业术语

    把信息分成小块展示

在流程中的每一步都符合用户心理预期的情况下,阶段展示的效果最好,拒绝向导式形式

适时出现:《纽约时报》提供的字典功能在选择单词后才会显示

如果不这么隐藏,会出现:1.在正文中加入超链接,肯定会分散读者注意力;2.如果为每个词都加上超链接,页面就会一团糟;3.如果他们只挑出个别的词,就要投入人力和财力去编辑每篇文章

因此,只有在合适的时机、合适的位置上显示相应的功能,才是成功的隐藏。

提示和线索:“更多”、“高级”这样的词眼高高在上不理想,但例如,苹果公司网站页面的“技术规格”就很适合,adobe在绘图工具箱中以一个小三角形图标表示(优点在于,采用应邀探索设计模式,专家喜欢,主流用户有需求时也会探索)

让功能容易找到:“用户关注点”-用户关注的屏幕区域,正是关键,即使是一个非常小的标签放在用户关注点上,也会收到良好的效果。

隐藏的要求:

   隐藏一次性设计和选项

   隐藏精确控制选项,但专家用户必须能够让这些选项始终保持可见

   不可强迫或寄希望于主流用户自定义功能,不过可以给专家提供这个选项

   巧妙的隐藏。换句话说,首先是隐藏,其次是适时出现

删除不必要的,组织要提供的,隐藏非核心的。


第七章 转移

其实是一种骗术

在设备之间转移:手机和网站(例如run keeper,按时间段收集信息对手机而言很轻松,因此手机去负责;可以通过网站来查看相应的时间,大屏幕上有足够的空间显示这些信息,整体体验简单)

移动平台和桌面平台:

移动平台可以拍摄任何景物输入少量文本很难加快数据传输速度显示少量信息保存适量信息随时随地使用能够精确识别位置和方向通过无线网络连接到其他设备

桌面平台/笔记本只能拍到用户 输入大量文本能适当加快数据传输速度显示大量信息保存大量信息只能坐下来使用只能在某种程度上标示位置通过有线和无线网络连接到其他设备

向用户转移:用户自己设定好自己的标准

用户最擅长做什么:让用户感觉简单的一个重要前提,就是搞清楚把什么工作交给计算机,把什么工作留给用户

人设定目标和制定计划估算辨别信息做图表在包含少数项的列表中选择做预算想象

计算机执行程序精确计算存储和检索信息复制对大型列表排序度量交叉引用详细信息

创造开放式体验:一个组件有多种用途(把功能组合到通用的工具里面)

菜刀和钢琴:体验很简单,普通人和专家都可以用菜刀,但专家的技术使它不同;钢琴由于演奏家的技术水平弹出奏鸣曲,但普通人也可以弹出调。即专家和主流用户可以分别设置自己不同的目标,但并不适合中级用户,开放性界面的秘诀在于,尽量减少仅适合中级用户的“便捷”特性)

非结构化数据:用户可以用任意格式和人类语言来写邮件;计算机负责发现邮件中是否有需要结构化或进行后续操作的数据。-计算机有能力并且负责完成数据的结构化工作,用户体验就会简单。

信任:要想有效地实现功能转移,必须相信用户有能力完成该任务。

构筑信任的唯一方式,就是让用户参与测试原型或实物模型,在能够正确的把握如何分配任务之后,让用户专注于选择和指挥,让计算机专注于存储和计算。


第八章 最后的叮嘱

怎么样面对无法消除的复杂性?:-到底应该把这个复杂性放在哪里?-放在正确的地方

   这个任务应该是自动化的(项flip的自动对焦功能),还是应该由用户来控制(如iPhone中通过触摸屏幕来对准相机的焦距)?

   界面中是应该包含很多功能特定的按钮(像高保真音响),还是只放一些通用的按钮(像iPod)?

   这个任务是应该一次完成(如登陆Facebook),还是应该分几段时间来完成(像定制Tumblr博客)?

   这个任务是应该让用户有意识地去处理(如使用屏幕上的控件来筛选搜索结果),还是应该无意间完成(如查看伦敦地铁图中的绿色线路?)

不能忽视细节:例如,地铁手机应用忘了显示地铁方向

简单发生在用户的头脑中:不能超出用户的能力范围,简单的设计为用户留下足够的空间

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

推荐阅读更多精彩内容