本文筆者將與大家介紹六條觸發(fā)器的設(shè)計規(guī)則，講述：如何設(shè)計符合情境，體貼用戶的觸發(fā)器？

【觸發(fā)器】指的就是啟動人與設(shè)備間交互行為的物理或數(shù)字控件。

一、手動觸發(fā)器

手動觸發(fā)器通常是來源于用戶的期待或需求，如：“我想點亮手機(jī)屏幕”“我想接通電話”。

理解用戶想要做什么、什么時候想做，以及在什么情境下想做是非常重要的。這些問題決定了：手動觸發(fā)器在什么時候？以及，什么地方出現(xiàn)？

或許任何情況下都必須可用，比如開關(guān)按鈕；或許跟使用情意緊密想著，只有種條件具備的時候，比如只有進(jìn)入到通話狀態(tài)時，才可能出現(xiàn)掛斷按鈕。

設(shè)計觸發(fā)器時，通常要借助設(shè)計研究或憑借對相關(guān)領(lǐng)域的直覺和理解去體察，而等到產(chǎn)品測試、產(chǎn)品發(fā)布或上市時再認(rèn)識到用戶需求就為時已晚。讓觸發(fā)器的位置跟用戶需求相吻合是非常關(guān)鍵的。

第一條關(guān)于觸發(fā)器的規(guī)則：觸發(fā)器必須讓用戶在使用情境下認(rèn)出來其是觸發(fā)器。

觸發(fā)器可以是物理的控件，也可是任務(wù)欄、菜單欄中的一個圖標(biāo)，要把它設(shè)計得讓人一看就知道能通過它做什么，而且要吸引人。

第二條關(guān)于觸發(fā)器的規(guī)則：保證同一觸發(fā)器每次都觸發(fā)相同的動作。

唯有如此才能保證用戶對微交互形成準(zhǔn)確的心智模型。

現(xiàn)在很多應(yīng)用都在建立自己的規(guī)范庫，iOS設(shè)計者指南也建議使用統(tǒng)一的控件，以保證用戶的每一次觸發(fā)符合用戶的心智模型。

第三條關(guān)于觸發(fā)器的規(guī)則：提前展示數(shù)據(jù)。

觸發(fā)器本身可以反映微交互中包含的數(shù)據(jù)，在微交互開始之前或者啟動過程中，有什么內(nèi)部狀態(tài)可以展示？什么信息最有價值，可以在這時候展示出來？

要回答這些問題，必須知道大多數(shù)用戶使用微交互干什么，而且必須在微交互開始之前就要掌握那個關(guān)鍵的信息。此時的觸發(fā)器本身就是一個背景信息，用戶掃視時注意到它就可能啟動微交互。

觸發(fā)器也可以表示產(chǎn)品中任務(wù)的進(jìn)度。

二、自動觸發(fā)器

自動觸發(fā)器用戶通常不必手動啟動，就可以觸發(fā)。

• 第一種：第一步（微交互）結(jié)束自動觸發(fā)第二步，如：分步任務(wù)。
• 第二種：達(dá)到某種設(shè)定條件觸發(fā)，如：鬧鐘。
• 第三種：系統(tǒng)觸發(fā)器，如：系統(tǒng)警告。

系統(tǒng)觸發(fā)器啟動的常見條件如下：

• 錯誤：系統(tǒng)出錯時，經(jīng)常會詢問用戶想怎么辦，或者只是顯示一條消息說明出了什么毛病。
• 位置：位置可能是各種尺度：國家、城市、街道，甚至特定的房間。滿足其中任何尺度的用戶都可能觸發(fā)微交互。
• 收到數(shù)據(jù)：電子郵件、狀態(tài)消息，都可能觸發(fā)“您有一封新郵件”之類的微交互。
• 內(nèi)部數(shù)據(jù)：如過一定時間屏幕自動降低亮度。

雖然用戶不必手動啟動這些觸發(fā)器，但最好是（比如在“設(shè)置”里）提供選項讓用戶能夠控制它們。

三、觸發(fā)器的構(gòu)成

手動觸發(fā)器包含三個部分：控件、控件狀態(tài)、文本或圖示標(biāo)簽說明。

1. 控件

【手動控件觸發(fā)器】

• 手動觸發(fā)器至少要有一個控件，根據(jù)場景不同可以為多個（如：鍵盤）。
• 用戶的一個動作對應(yīng)一個按鈕或簡單手勢足矣。這里的“按鈕”可以是圖標(biāo)或菜單項，而手勢可以是輕擊、滑動或搖動。
• 對于兩個狀態(tài)（如：“開”或“關(guān)”）的動作，一個撥動開關(guān)足矣。撥動按鈕當(dāng)然也可以，但問題是按鈕很難表現(xiàn)狀態(tài)。因此不能讓人一目了然，甚至用戶不會想到按鈕還有另一種狀態(tài)。第三種是使用常規(guī)按鈕，按一下改變狀態(tài)。如果你想使用這種方法，那應(yīng)該保證按鈕狀態(tài)清楚。
• 對于有多個狀態(tài)，也可以使用一組按鈕，每個按鈕代表一個選項。
• 對于在一定范圍內(nèi)連續(xù)進(jìn)行的動作，滑動條或撥號盤是最佳選擇。另外，特別是在沒有一定范圍的情況下，可以使用兩個按鈕來改變值的大小或高低。
• 有些手動觸發(fā)器由多個控件或表單字段（單選按鈕、復(fù)選框、文本輸入字段）之類的元素組織。注意：多個控件組成的觸發(fā)器要盡量少用，如果要用，最好也要能自動填充之前輸入過的值或者智能的默認(rèn)值。

第四條關(guān)于觸發(fā)器的規(guī)則：不要破壞視覺使用情境。

控件與視覺使用情境，即用戶期待能看到什么緊密相關(guān)。如果觸發(fā)器看起來像按鈕，那它就應(yīng)該像按鈕一樣能被按下去。

第五條關(guān)于觸發(fā)器的規(guī)則：用得越多的觸發(fā)器越要引人注目。

手動觸發(fā)器要引人注目，判斷觸發(fā)器需要多引人注目的黃金規(guī)則：

• 多數(shù)人經(jīng)常要用的觸發(fā)器，應(yīng)該最引人注目。
• 少數(shù)人有時會用的觸發(fā)器，應(yīng)該容易注意到。
• 極少數(shù)人不常用的觸發(fā)器，應(yīng)該通過搜索找。

那我們到底怎么發(fā)現(xiàn)事物呢？人類注意周圍環(huán)境中事物的情況分兩種：

• 第一種，是被動發(fā)現(xiàn)：周圍的事物如果正在移動或發(fā)出了聲響，會讓人不自覺地注意它們。設(shè)計師可以利用這一點，通過移動和聲響來吸引人注意觸發(fā)器。
• 第二種，是主動搜索：即有目的地尋找。我們在尋找東西時，視野會變窄，我們專注于辨別物體，即對環(huán)境中的事物進(jìn)行識別和歸類。我們在辨別物體時，眼睛會尋找熟悉的小幾何體形狀。所謂小幾何體，就是正方形、三角形、立方體、圓柱體等簡單的幾何形狀，我們的大腦把它們組合起來就能辨別出物體。一般來說，只具備一種特征的目標(biāo)比具備多種特征的目標(biāo)更容易被找到。要盡量保持觸發(fā)器看起來簡單，尤其是在復(fù)雜擁擠的環(huán)境下（比如混在一大堆圖標(biāo)中間）。

最引人注目的觸發(fā)器依次是：

• 移動的物體，比如脈動圖標(biāo)；
• 帶使用情境和標(biāo)簽的物體，比如帶標(biāo)簽的按鈕；
• 帶標(biāo)簽的物體，比如帶標(biāo)簽的圖標(biāo)；
• 只有一個物體，比如圖標(biāo)；
• 只有一個標(biāo)簽，比如菜單項；
• 什么也沒有——不可見的觸發(fā)器。

【不可見控件觸發(fā)器】

手動觸發(fā)器也可以是不可見的，換句話說，就是沒有標(biāo)簽也沒有使用情境讓用戶知道怎么去觸發(fā)相應(yīng)的交互。

當(dāng)前的智能手機(jī)屏幕的用戶界面隱藏著最多的不可見控件，沒有可見的使用情境表明各種多點觸控手勢的存在，輕擊和滑動之外的自定義手勢則往往要通過試錯來發(fā)現(xiàn)。

為什么還會有不可見觸發(fā)器呢？

事實上，無論什么交互界面都不可能保證所有東西能夠被立即發(fā)現(xiàn)。讓一切可見經(jīng)常會導(dǎo)致屏幕上雜亂無章，沒有頭緒。隱藏一些東西可以讓屏幕或物體看起來更簡單，同時還不會舍棄功能。不可見控件能夠起到強(qiáng)調(diào)可見控件的作用，讓重要和不重要控件得以區(qū)別。

要知道設(shè)計的一條原則：簡約至上。

最好的交互設(shè)計應(yīng)該具有恰到好處的界面，而不是控件越多越好。不可見觸發(fā)器應(yīng)該能夠習(xí)得。不要把不可見用于最高優(yōu)先級的觸發(fā)器。

2. 控件狀態(tài)

有些手動觸發(fā)器有多個狀態(tài)：

• 默認(rèn)狀態(tài)
• 活動狀態(tài)
• 按下狀態(tài)
• 翻轉(zhuǎn)狀態(tài)
• 手指輕擊/進(jìn)行中
• 切換狀態(tài)
• 設(shè)置狀態(tài)

3. 標(biāo)簽說明

標(biāo)簽說明動作，幫助消除歧義。若非擔(dān)心引發(fā)歧義，不要使用標(biāo)簽。最好的結(jié)果當(dāng)然是把控件設(shè)計得毫無歧義。

第六條關(guān)于觸發(fā)器的規(guī)則：僅在觸發(fā)器本身無法提供相應(yīng)信息的情況下才使用標(biāo)簽。

在交互中特指度非常重要，含糊其辭是標(biāo)簽說明最大的忌諱，標(biāo)簽說明必須明確。

標(biāo)簽說明的一致性同樣重要，由于標(biāo)簽可能是名稱，所以一定要保證所有地方的標(biāo)簽名稱統(tǒng)一。不要這里叫“警告”，那里又變成“警示”。

把標(biāo)簽說明用好的根本就是要以使用者的語言來撰寫它，大多數(shù)可用性問題都是由于濫用標(biāo)簽說明（或根本沒有標(biāo)簽說明）導(dǎo)致的。

四、小結(jié)

1. 觸發(fā)器就是任何能夠啟動交互的東西。手動觸發(fā)器是由用戶發(fā)起的，可以是控件、圖標(biāo)、表單、聲音、觸摸或手勢。自動觸發(fā)器會在某個或某些條件具備時觸發(fā)。
2. 觸發(fā)器必須能在特定上下文中讓用戶聯(lián)想到它是觸發(fā)器，同樣的觸發(fā)器每次都應(yīng)該執(zhí)行同樣的操作。
3. 提前展示數(shù)據(jù)，只要有可能，就要通過觸發(fā)器來展示微交互內(nèi)部的重要信息，比如：未讀短信或操作進(jìn)度。
4. 如果觸發(fā)器看起來像按鈕，那么它就應(yīng)該像按鈕一樣可以被點擊，不要破壞視覺使用情境。
5. 使用頻率越高的微交互，其觸發(fā)器應(yīng)該越引人注目，最差也要作為菜單項擺放觸發(fā)器。
6. 在觸發(fā)器無法傳達(dá)所有必要信息或者有必要消除歧義時，可以使用標(biāo)簽。標(biāo)簽應(yīng)該使用通俗直白的語言，而且要簡潔明了。
7. 系統(tǒng)觸發(fā)器何時觸發(fā)，以及多長時間觸發(fā)一次，都要遵循規(guī)則。

最好的觸發(fā)器應(yīng)該符合情境，體貼用戶。觸發(fā)器的控件應(yīng)該與其要傳達(dá)的狀態(tài)匹配，且引人注目的程度也要與其使用頻率匹配。標(biāo)簽必須簡潔明了，通俗易懂。最重要的是，觸發(fā)器能把用戶帶到實際的交互中，這是一切規(guī)則的前提。

本文由@垚焱 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議