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

“你过来呀!”

—— 沈腾《羞羞的铁拳》


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

“你过来呀!”

第二章开篇,上来就是一个让你印象深刻的案例:
上世纪90年代,Antenna接了一个大活儿:为纽约地铁自助售卡机设计用户界面。
当时设计公司面对的用户群体是这样的:在90年代中期,很少有人使用过触摸屏机器,就连ATM机都很少有人用过。
小脑筋动起来,如果你面对这种情况,怎么设计?
当然是用最粗暴的手段把意图直接输出给用户了。地铁卡售卖面对的用户那是上至九十九,下至刚会走,大文字+大图形是最吼的解决方案,保证傻子都懂。



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



Antenna为纽约地铁售卡机设计的界面,第一个界面就是简单粗暴的一个大手,然后指着屏幕上唯一一个按钮,旁边写着:猛戳开始!(仔细看看左上角第一个界面的文案,再想想什么叫洗脑)
其实,用户点击屏幕的任何地方都会激活售卡机,但为了指引用户进行“猛戳”这个操作,Antenna设计团队有意进行了视觉引导,还假模假式的在右上角放一个按钮,社会社会。
再回过头来看这部售卡机的整套交互界面(如上图),你会发现,自始至终每个屏幕只让用户做一次操作,正像Antenna的设计师说的:每个屏幕只问一个问题。
之所以这么做,正是在当时的情况下,要设计得让人一看就懂。
这正是:

触发器黄金规则之第一条:
触发器必须让用户在使用情境下认出来其是触发器

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


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

  • 手动触发器(用户主动触发)
  • 系统触发器(系统被动触发)


手动触发器

先说手动触发器:

触发器黄金规则之第二条:
保证触发器每次都触发相同的动作

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


触发器黄金规则之第三条:
提前展示数据

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


  • 控件
触发器黄金规则之第四条:
不要破坏视觉使用情境

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


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


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

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


触发器黄金规则之第五条:
用得越多的触发器,越要引人注目。

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


触发器黄金规则之第六条:
不要引起用户对使用情景的错觉。

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

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

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


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


  • 控件状态

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

  • 这有一个按钮
  • 这有一个按钮,显示“99%”
  • 这有一个按钮,鼠标滑过时显示“爆炸”
  • 这有一个按钮,灰色的
  • 这有一个按钮,按下时变形状了
  • 这有一个按钮,按一下,下去了。再按一下,上来了。
  • 这有一个按钮,按下会显示倒计时。


  • 标签
触发器黄金规则之第七条:
仅在触发器本身无法提供相应信息的情况下再使用标签。

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

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

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

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

请说人话。


系统触发器

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

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值