《微交互:细节设计成就卓越产品》1启动微交互-触发器

什么是微交互?微交互不是功能,但很重要

微交互与功能的区别,主要在于规模和范围。功能一般都比较复杂(多种用途),需要花较多时间熟悉,而且涉及认知的塑造。微交互一般都简单明了,认知上毫无压力。比如,音乐播放器就是功能,而调整音量则是这个功能中的一个微交互。

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

微交互的结构

微交互是由触发器、规则、反馈和循环与模式组成;这四部分是设计和分解微交互的一种方式:触发器启动微交互,规则规定微交互的工作过程,反馈向用户说明规则、循环与模式是影响微交互的元规则。

微交互的设计理念

把微交互集成到产品中有三种方式。

第一种方式是逐个设计微交互:在设计产品的过程中,或者在简化既有产品时,尽量找出所有可能的微交互。列一个微交互的清单,各个击破。

第二种看待微交互的方式,把复杂的应用程序简化为个别的产品,每个产品构建与一个微交互之上。这是一种把微交互作为产品的策略,即让产品专注于一件事,而且把这件事做好。把产品简化到极致。

第三种看待为交互的方式,那就是把最复杂的数字产品掰开揉碎,发现它由几十甚至几百个微交互构成。可以把产品当成所有这些微交互和谐共处的结果。

触发器

触发器是指启动微交互的物理或数字控件。

触发器规则:

1、触发器必须让用户在使用情境下认出来其是触发器

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

3、提前展示数据

4、手动触发器要引入注目

5、用的越多的触发器越引人注目

触发器的构成

手动触发器包含:控件、控件的状态、文本或图示标签。

一、控件:手动触发器至少要有一个控件。选择什么样的控件取决与你想给出多少个控件。

微交互的目标是使选项最少,而不是提供智能默认值和非常有限的选项。控件与视觉使用情境,即用户期待能看到什么,紧密相关。

最引人注目的触发器依次是:

1、移动的物体,比如脉动图标

2、带使用情境和标签的物体,比如带有标签的按钮

3、带标签的物体,比如带标签的图标

4、只有一个物体,比如图标

5、只有一个标签,比如菜单项

6、什么也没有——不可见触发器:没有标签也没有使用情境让用户知道怎么去触发相应的微交互。不可见触发器通常都离不开传感器,比如触摸屏、摄像头、麦克风、加速计等。此外,不可见触发器也可以是一个命令键或鼠标移动。

(不可见控件)语音输入:

1、始终监听:产品的麦克风始终开启,用户只要对着它说出指令即可

2、对话:产品的麦克风只在特定的时候开启,以监听对某个提示的响应。

3、与控件配合:为发出语音指令,必须有某个物理控件配合。苹果的Siri

二、控件的状态:

1、默认状态

不活动的空闲状态

2、活动状态

如果后台有活动(比如下载、更新或同步),可以通过触发器来表示

3、悬停状态

可以给出一个提示条式的说明、扩展触发器的大小以展示更多的控件或表单字段,或者就简单地显示为当前控件是可点击的。

4、翻转状态

经常用于表示存在或活动,或者只添加一个指示器,表明光标的位置正确,可以继续操作。

5、鼠标单击/手指轻击触发器/进行中

鼠标单击/手指轻击、或者触发器正在启动微交互。此时,可以让触发器消失、打开、改变颜色、或者变成微交互加载过程的进度条。另一种可能是触发器不立即启动微交互,而是扩展显示更多的控件。

6、切换状态

开关和按钮可以表明自己当前的状态

7、设置状态

拨号盘、开关和滑动条可以显示微交互当前的设置和阶段

三、标签

标签可以是微交互的名称,也可以作为状态指示器。

标签说明动作,帮助消除歧义。鉴于标签会增添触发器的复杂性,需要额外关注和思考,因此若非担心引发歧义,不要使用标签。

系统触发器

系统触发器无需用户介入,只要满足条件(一个或多个)就会自动触发。

系统出触发器启动的常见条件:

1、错误

系统出错时,比如询问用户想怎么办,或者只是显示一条消息说明出来什么毛病。

2、位置

3、收到数据

电子邮件、状态消息、软件更新、天气预报、亮度变化等进入联网设备和应用数据

4、内部数据

时间或系统资源等内部数据也可能是触发器启动的条件。比如,过一定时间屏幕自动降低亮度。

5、其他微交互

由其他微交互触发。如向导式界面:第一步(微交互)结束触发第二步(另一个微交互)

6、其他类

在诸多社交关系中,其他人的行为(回应聊天、发表照片或消息,申请成为朋友),也可以成为触发器

系统触发器的规则:启动时间和启动频率

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

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

推荐阅读更多精彩内容