微交互 (第二章 - 触发器)

“你过来呀!”

—— 沈腾《羞羞的铁拳》

触发器,是启动一系列动作的原点;是启动游戏时的第一个按下的Start Button;是产生空中美丽烟花的那一根导火线;是坠入爱河前看见姑娘的第一眼;是金莲那一根砸中西门官人的木棍。

触发器,就是你吸引用户的那块招牌(Call To Action)。Call To Action,就是

“你过来呀!”

第二章开篇,上来就是一个让你印象深刻的案例:

上世纪90年代,Antenna接了一个大活儿:为纽约地铁自助售卡机设计用户界面。

当时设计公司面对的用户群体是这样的:在90年代中期,很少有人使用过触摸屏机器,就连ATM机都很少有人用过。

小脑筋动起来,如果你面对这种情况,怎么设计?

当然是用最粗暴的手段把意图直接输出给用户了。地铁卡售卖面对的用户那是上至九十九,下至刚会走,大文字+大图形是最吼的解决方案,保证傻子都懂。


Antenna Design公司为纽约地铁售卡机设计的用户界面


Antenna为纽约地铁售卡机设计的界面,第一个界面就是简单粗暴的一个大手,然后指着屏幕上唯一一个按钮,旁边写着:猛戳开始!(仔细看看左上角第一个界面的文案,再想想什么叫洗脑)

其实,用户点击屏幕的任何地方都会激活售卡机,但为了指引用户进行“猛戳”这个操作,Antenna设计团队有意进行了视觉引导,还假模假式的在右上角放一个按钮,社会社会。

再回过头来看这部售卡机的整套交互界面(如上图),你会发现,自始至终每个屏幕只让用户做一次操作,正像Antenna的设计师说的:每个屏幕只问一个问题。

之所以这么做,正是在当时的情况下,要设计得让人一看就懂。

这正是:

触发器黄金规则之第一条:

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


以下内容我只把触发器黄金规则列出来大概解释一下,详细内容请购买图灵系列的《微交互》一书进行细品,这书真棒!

如果你玩RPG类游戏,你一定知道“技能”分两种:一种是主动技能(主动点击释放技能),另一种是被动技能(在某种条件下释放技能)。

触发器也分两种:

手动触发器(用户主动触发)

系统触发器(系统被动触发)


手动触发器

先说手动触发器:

触发器黄金规则之第二条:

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

比如:我每次回家打开水龙头,不能今天是龙头出水,明天换马桶出水,后天改莲蓬头呲水。虽然设计师期望每天带给我惊喜,但对我来说这TM可能是惊吓。

触发器黄金规则之第三条:

提前展示数据

比如:你家淋浴都有冷和热两个档位吧?但是你不会“以身试水”,你会先看开关上冷/热标记,然后骄傲的切换到合适的档位,做到想洗就洗,洗的漂亮。而这个冷/热标记,就是提前告知你开关(触发器)作用的数据。


控件

触发器黄金规则之第四条:

不要破坏视觉使用情境

这里要插一句,触发器的构成:控件、控件状态、控件标识。比如:商场的门(控件),只能从外面推开(状态),那么门外面就有“推”的标志(标识)。

“不要破坏视觉使用情境”,就是用户要知道这扇门是从外面开,而不是从外面开。

这条规则反过来用,其实是喜剧的一种表现方式,就是“错位”,破坏了鞋子的使用情景。

90年代喜剧电视剧《糊涂侦探》,男主角的标志性动作就是用皮鞋打电话。


触发器黄金规则之第五条:

用得越多的触发器,越要引人注目。

比如:现在看你手中的键盘,最大的空格,其次是回车。而最不容易按的按钮是“开关/睡眠”按钮。因为空格被蹂躏的次数最多,所以它的长度做到左右手都能按到。而且空格最为最常用的按键,它没有任何标识,比其他按键更容易辨认。(书中的引文:“只具备一种特征的目标比具备多种特征的目标更容易找到”)

触发器黄金规则之第六条:

不要引起用户对使用情景的错觉。

这条和第四条有点差别,比如:

第四条:这有一扇滑动门,进屋需要“向右拉门”。但如果门上贴着“推”,就是破坏视觉使用情境。

第六条:这有一扇滑动门,进屋需要“向右拉门”。但如果门上有个“→”,用户误认为是自动门,就是引起用户对使用情景的错觉。

关于触发器的最后一点是:展示重要的,隐藏次要的。(书里还是提到很多知识点,比如不可见的触发器,自己看吧。)


控件状态

这里不直接说名称,列举几种情况,思考一下怎么表现:

这有一个按钮

这有一个按钮,显示“99%”

这有一个按钮,鼠标滑过时显示“爆炸”

这有一个按钮,灰色的

这有一个按钮,按下时变形状了

这有一个按钮,按一下,下去了。再按一下,上来了。

这有一个按钮,按下会显示倒计时。


标签

触发器黄金规则之第七条:

仅在触发器本身无法提供相应信息的情况下再使用标签。

简而言之,能用视觉表达,就别逼逼。

如果非得加文字、注释来说明触发器的作用,那么就要站在用户的角度来写这些文案。

比如:“您是否确定退出当前页面?”

可以写成:“现在退出?”

请说人话。


系统触发器

此处一句话:何时触发,触发频率,可以手动设置。

比如:每周五早上8:00的闹钟,能不能在这周五早上不响。因为周四晚上我要约会。

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

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生_X自主阅读 15,975评论 3 119
  • 如果你有过面试经历,你一定有遇到过这样的问题:说说你的缺点是什么。很多人把握不好,就栽在这条题上。太实在,把自己的...
    Z小姐不吐不快阅读 1,038评论 0 0
  • 刚才刷朋友圈,忽然看到有人转载岳晓亮老师的这句话“教育可以有痛苦,不可以有伤害”真是大赞,因为这正是我想说,却一直...
    漠子阅读 369评论 0 1
  • 4月12日 晴 自从妈妈从广州回来,橙子就有人带了,这样我就可以方便出门了,早上的时间就是帮客户分析数据...
    飓风霞霞阅读 301评论 0 0
  • 小区门口有两家修理摊,主要经营电子配钥匙,修补鞋子,更换拉链,单车维修等业务。原来还兼维修雨伞和手表,只是现在伞便...
    刘炳清阅读 260评论 0 1