“你過來呀歌逢!”
—— 沈騰《羞羞的鐵拳》
觸發(fā)器巾钉,是啟動(dòng)一系列動(dòng)作的原點(diǎn);是啟動(dòng)游戲時(shí)的第一個(gè)按下的Start Button秘案;是產(chǎn)生空中美麗煙花的那一根導(dǎo)火線砰苍;是墜入愛河前看見姑娘的第一眼;是金蓮那一根砸中西門官人的木棍阱高。
觸發(fā)器赚导,就是你吸引用戶的那塊招牌(Call To Action)。Call To Action赤惊,就是
“你過來呀吼旧!”
第二章開篇,上來就是一個(gè)讓你印象深刻的案例:
上世紀(jì)90年代未舟,Antenna接了一個(gè)大活兒:為紐約地鐵自助售卡機(jī)設(shè)計(jì)用戶界面圈暗。
當(dāng)時(shí)設(shè)計(jì)公司面對(duì)的用戶群體是這樣的:在90年代中期,很少有人使用過觸摸屏機(jī)器处面,就連ATM機(jī)都很少有人用過厂置。
小腦筋動(dòng)起來菩掏,如果你面對(duì)這種情況魂角,怎么設(shè)計(jì)?
當(dāng)然是用最粗暴的手段把意圖直接輸出給用戶了智绸。地鐵卡售賣面對(duì)的用戶那是上至九十九野揪,下至剛會(huì)走,大文字+大圖形是最吼的解決方案瞧栗,保證傻子都懂斯稳。
Antenna為紐約地鐵售卡機(jī)設(shè)計(jì)的界面,第一個(gè)界面就是簡單粗暴的一個(gè)大手迹恐,然后指著屏幕上唯一一個(gè)按鈕挣惰,旁邊寫著:猛戳開始!(仔細(xì)看看左上角第一個(gè)界面的文案,再想想什么叫洗腦)
其實(shí)憎茂,用戶點(diǎn)擊屏幕的任何地方都會(huì)激活售卡機(jī)珍语,但為了指引用戶進(jìn)行“猛戳”這個(gè)操作,Antenna設(shè)計(jì)團(tuán)隊(duì)有意進(jìn)行了視覺引導(dǎo)竖幔,還假模假式的在右上角放一個(gè)按鈕板乙,社會(huì)社會(huì)。
再回過頭來看這部售卡機(jī)的整套交互界面(如上圖)拳氢,你會(huì)發(fā)現(xiàn)募逞,自始至終每個(gè)屏幕只讓用戶做一次操作,正像Antenna的設(shè)計(jì)師說的:每個(gè)屏幕只問一個(gè)問題馋评。
之所以這么做放接,正是在當(dāng)時(shí)的情況下,要設(shè)計(jì)得讓人一看就懂栗恩。
這正是:
觸發(fā)器黃金規(guī)則之第一條:
觸發(fā)器必須讓用戶在使用情境下認(rèn)出來其是觸發(fā)器
以下內(nèi)容我只把觸發(fā)器黃金規(guī)則列出來大概解釋一下透乾,詳細(xì)內(nèi)容請購買圖靈系列的《微交互》一書進(jìn)行細(xì)品,這書真棒磕秤!
如果你玩RPG類游戲乳乌,你一定知道“技能”分兩種:一種是主動(dòng)技能(主動(dòng)點(diǎn)擊釋放技能),另一種是被動(dòng)技能(在某種條件下釋放技能)市咆。
觸發(fā)器也分兩種:
手動(dòng)觸發(fā)器(用戶主動(dòng)觸發(fā))
系統(tǒng)觸發(fā)器(系統(tǒng)被動(dòng)觸發(fā))
手動(dòng)觸發(fā)器
先說手動(dòng)觸發(fā)器:
觸發(fā)器黃金規(guī)則之第二條:
保證觸發(fā)器每次都觸發(fā)相同的動(dòng)作
比如:我每次回家打開水龍頭汉操,不能今天是龍頭出水,明天換馬桶出水蒙兰,后天改蓮蓬頭呲水磷瘤。雖然設(shè)計(jì)師期望每天帶給我驚喜,但對(duì)我來說這TM可能是驚嚇搜变。
觸發(fā)器黃金規(guī)則之第三條:
提前展示數(shù)據(jù)
比如:你家淋浴都有冷和熱兩個(gè)檔位吧采缚?但是你不會(huì)“以身試水”,你會(huì)先看開關(guān)上冷/熱標(biāo)記挠他,然后驕傲的切換到合適的檔位扳抽,做到想洗就洗,洗的漂亮殖侵。而這個(gè)冷/熱標(biāo)記贸呢,就是提前告知你開關(guān)(觸發(fā)器)作用的數(shù)據(jù)。
控件
觸發(fā)器黃金規(guī)則之第四條:
不要破壞視覺使用情境
這里要插一句拢军,觸發(fā)器的構(gòu)成:控件楞陷、控件狀態(tài)、控件標(biāo)識(shí)茉唉。比如:商場的門(控件)固蛾,只能從外面推開(狀態(tài))结执,那么門外面就有“推”的標(biāo)志(標(biāo)識(shí))。
“不要破壞視覺使用情境”艾凯,就是用戶要知道這扇門是從外面推開昌犹,而不是從外面拉開。
這條規(guī)則反過來用览芳,其實(shí)是喜劇的一種表現(xiàn)方式斜姥,就是“錯(cuò)位”,破壞了鞋子的使用情景沧竟。
觸發(fā)器黃金規(guī)則之第五條:
用得越多的觸發(fā)器悟泵,越要引人注目杈笔。
比如:現(xiàn)在看你手中的鍵盤,最大的空格糕非,其次是回車蒙具。而最不容易按的按鈕是“開關(guān)/睡眠”按鈕。因?yàn)榭崭癖货遘k的次數(shù)最多朽肥,所以它的長度做到左右手都能按到禁筏。而且空格最為最常用的按鍵,它沒有任何標(biāo)識(shí)衡招,比其他按鍵更容易辨認(rèn)篱昔。(書中的引文:“只具備一種特征的目標(biāo)比具備多種特征的目標(biāo)更容易找到”)
觸發(fā)器黃金規(guī)則之第六條:
不要引起用戶對(duì)使用情景的錯(cuò)覺。
這條和第四條有點(diǎn)差別始腾,比如:
第四條:這有一扇滑動(dòng)門州刽,進(jìn)屋需要“向右拉門”。但如果門上貼著“推”浪箭,就是破壞視覺使用情境穗椅。
第六條:這有一扇滑動(dòng)門,進(jìn)屋需要“向右拉門”奶栖。但如果門上有個(gè)“→”匹表,用戶誤認(rèn)為是自動(dòng)門,就是引起用戶對(duì)使用情景的錯(cuò)覺驼抹。
關(guān)于觸發(fā)器的最后一點(diǎn)是:展示重要的桑孩,隱藏次要的拜鹤。(書里還是提到很多知識(shí)點(diǎn)框冀,比如不可見的觸發(fā)器,自己看吧敏簿。)
控件狀態(tài)
這里不直接說名稱明也,列舉幾種情況宣虾,思考一下怎么表現(xiàn):
這有一個(gè)按鈕
這有一個(gè)按鈕,顯示“99%”
這有一個(gè)按鈕温数,鼠標(biāo)滑過時(shí)顯示“爆炸”
這有一個(gè)按鈕绣硝,灰色的
這有一個(gè)按鈕,按下時(shí)變形狀了
這有一個(gè)按鈕撑刺,按一下鹉胖,下去了。再按一下够傍,上來了甫菠。
這有一個(gè)按鈕,按下會(huì)顯示倒計(jì)時(shí)冕屯。
標(biāo)簽
觸發(fā)器黃金規(guī)則之第七條:
僅在觸發(fā)器本身無法提供相應(yīng)信息的情況下再使用標(biāo)簽寂诱。
簡而言之,能用視覺表達(dá)安聘,就別逼逼痰洒。
如果非得加文字、注釋來說明觸發(fā)器的作用浴韭,那么就要站在用戶的角度來寫這些文案丘喻。
比如:“您是否確定退出當(dāng)前頁面?”
可以寫成:“現(xiàn)在退出念颈?”
請說人話仓犬。
系統(tǒng)觸發(fā)器
此處一句話:何時(shí)觸發(fā),觸發(fā)頻率舍肠,可以手動(dòng)設(shè)置搀继。
比如:每周五早上8:00的鬧鐘,能不能在這周五早上不響翠语。因?yàn)橹芩耐砩衔乙s會(huì)叽躯。