往小处想,改变世界——《微交互:细节设计成就卓越产品》笔记

2013.11.23,在海淀图书城读过一遍这本书,印象深刻;后来又在“多看阅读”读过电子版,开始反思;2014.10.26,从海淀图书馆把这本借出来又详细读过一遍。


这本书将我们在交互设计过程中的一系列行为进行了总结归纳,对产品功能性的细节交互应该如何设计,结合实际案例进行解说,有着非常好的指导意义。

每一个交互的设计,都从细节处开始,按照规则(微交互模型的非技术层面,规定了什么可以做,什么不可以做,以什么顺序做)展开,然后对自己提出问题进行测试,改进微交互使产品更卓越。

下面是全书主要章节的一些笔记,摘录了重点字句并根据理解进行了信息分组,感兴趣却嫌枯燥的同学,建议找书来帮助消化理解(或者先跳至下面的“4、改进微交互的一些反馈和测试方法”,感觉这里才是普通人类能够理解的语言表达,然后再看1、2、3会轻松一点):

1、设计微交互

微交互就是产品功能细节。

一个微交互由四个部分构成:触发器启动微交互、规则规定微交互如何起作用、反馈传达规则信息,而循环和模式构成微交互的元规则。

2、触发器

触发器就是任何能够启动微交互的东西。手动触发器是由用户发起的,可以是控件、图标、表单、声音、触摸或手势。系统触发器会在某个或某些条件具备时触发。

触发器的规则:

1、触发器必须让用户在使用情境下认出来其是触发器。触发器可以是物理的控件,也可以是虚拟的按钮;

2、保证触发器每次都触发相同的动作;

3、提前展示数据(此时的触发器本身就是一个背景信息,用户扫视时注意到它就可能启动微交互);

4、不要破坏视觉使用情境(即触发器看起来像按钮,那它就应该能像按钮一样按下去);

5、用得越多的触发器越要引人注目(多数人经常要用的微交互,应该最引人注目;少数人有时会用的微交互,应该容易注意

到;极少数人不常用的微交互,应该通过搜索找到)


微交互的目标是使选项更少,而不是提供智能默认值和非常有限的选项。选作触发器的控件应该体现这一理念。

3、规则

微交互的规则,即目标是什么(比如完成登录)。微交互越接近目标,成功概率越高。目标是规则的引擎,一切围绕它展开。

用户手里的每个选项都至少对应于一条规则,因此减少规则的最好办法就是给用户提供有限的选项。简言之,选项越少越好、越有意义越好。

规则是微交互模型的非技术层面,规定了什么可以做,什么不可以做,以什么顺序做。

规则必须反映约束。业务、上下文和技术约束都要仔细斟酌。

不要从零开始。以你对用户、平台或环境的了解为基础,然后致力于改进微交互。

去除复杂性,把控件数量减至最少。

减少选项并给出聪明的默认项。选项越多,规则越多。

为每个对象定义状态。这些东西随着时间或根据交互情境怎么变化?

宁肯多花时间提高辨识度。以少博多。

使用规则预防错误。让用户不可能犯错。

让文案尽量简短。标签够用时,不要使用说明性文本。

协助定义算法。在决定后的代码中体现人的价值。

只有在某个动作会干扰微交互时才需要设计新模式。

如果必须有新模式,尽可能给他设计一个专用屏幕。

对于能够快速完成的动作,可以考虑弹簧模式或一次性模式,而非传统模式。

使用循环扩展微交互的生命周期。

仔细确定循环的参数,以保证最佳的用户体验。

使用长循环赋予微交互记忆力,或者使其能随着时间推移渐进揭示或渐进减少新功能。

4、改进微交互的一些反馈和测试方法

协助改进微交互的一系列问题:

1、这个微交互应该作为“标志性时刻”吗?

换句话说,应该让用户对它过目不忘吗?要求印象越深,控制和反馈上就越要多下功夫(包括设计个性化控件)。

2、我是从零开始吗?

我手头上有没有一些能够用于改进微交互的用户或环境资料。

3、这个微交互中最重要的资料是什么,能不能提前展示它?

用户不经意地扫一眼就应该能看到什么?

4、设计一个定义的控件是否合适?

自定义的UI是昭示当前微交互很重要的关键。

5、我预防认为错位了吗?

用户在某些情况是不是可能导致错误,怎么才能自动防止这些错误发生?

6、我使用别人忽视的东西了吗?

用户界面或者硬件是不是还有待挖掘的地方?

7、可不可以给高级用户设计看不见的触发器?

是否有那个环节适合采用隐藏的快捷方式(比如手势或快捷键),从而让用户快速的完成规则?

8、文字和图标都有亲和力吗?

微方案听起来像不像一个讲解员的解说词?能不能增添一点幽默?

9、能不能增加一些动画,让界面不那么静态?

屏幕或状态切换有没有过渡,有没有指示下一步是什么的(非干扰)指示装置?

10、能否开辟出额外的反馈通道?

反馈是听觉的还是触觉的?

11、想一想,当用户第二次使用这个微交互的时,应该看到什么场景——第100次的时候呢?思考一下改使用什么样的长循环。

一个供参考的微交互测试流程:

1、在向参与者展示原型前,询问他们期待的微交互的工作方式。询问他们过去用没用过类似的功能。询问他们通过微交互做一些什么事。确认他们在使用微交互之前想知道什么,即是不是有什么信息可以让他们完全不比使用微交互。

2、让参与者在完全没人帮助的情况下使用微交互。所有定量数据都要在此时,以及之后收集。

3、随着参与者一步步地使用微交互,让他们说出自己的印象和判断。聆听参与者是否能说出微交互的工作过程(规则)。注意与实际不相符的地方。

4、询问他们第二天还会不会再用,以及他们希望微交互记住关于他们的什么信息。

5、最后,再询问他们哪里应该修改。

按照这个流程,应该可以发现并诊断出微交互存在的问题,同时也能验证用户的总体目标和需求。建议至少按这个流程做两次测试,每次一组不同的参与者。然后,根据两组参与者的反馈月问题分析改进微交互。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,825评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 11.10 剁手 11.9 44天 健身卡 跑步20分钟 读书卡 微交互 第六章 综合实例优化要着眼于大多数人,大...
    卡洛儿yan阅读 700评论 0 0
  • 快速闪动的树影, 好像反光的水波, 在眼前流转, 拨动着心弦。 阳光有多么奇妙, 只是看到它, 身上就暖了, 骗得...
    艾千秋阅读 413评论 1 3
  • 正能量未必好用,但负能量却势必伤人! 放任自己为所欲为,口无遮拦,这是一种情感上的污染
    你好一回回阅读 96评论 0 0