交互開始的第一步:觸發(fā)器詳解
![](http://image.woshipm.com/wp-files/img/45.jpg)
最好的觸發(fā)器應(yīng)該是符合情景的,體貼用戶的,觸發(fā)器的控件應(yīng)該與其要傳達(dá)的狀態(tài)匹配,且引人注目的程度要與其使用頻率匹配,標(biāo)簽也應(yīng)該簡(jiǎn)潔明了,通俗易懂。
觸發(fā)器是交互開始的第一步,是任何能啟動(dòng)交互的東西。在互聯(lián)網(wǎng)的世界中可以根據(jù)用戶行為分為主要的兩大類:手動(dòng)觸發(fā)器和系統(tǒng)觸發(fā)器。
- 手動(dòng)觸發(fā)器:由用戶發(fā)起,主動(dòng)行為觸發(fā),來自用戶的期待或需求??梢允强丶?、手勢(shì)、聲音、觸摸等。
- 系統(tǒng)觸發(fā)器:滿足一定條件后通過系統(tǒng)判斷觸發(fā),通常需要監(jiān)聽,如距離感應(yīng)器等。
觸發(fā)器原則
1. 觸發(fā)器必須讓用戶在使用情境中一眼認(rèn)出是觸發(fā)器
當(dāng)用戶接觸到一樣?xùn)|西的時(shí)候,會(huì)有一個(gè)認(rèn)知過程,通過這樣?xùn)|西帶給自己的感受,在大腦中搜尋類似的物品,再對(duì)此加以判斷。比如早期的擬物化設(shè)計(jì),產(chǎn)品中的按鈕一定是帶陰影的樣式,讓用戶一眼看上去就知道是按鈕,有點(diǎn)擊的欲望。
如圖,開啟分享的按鈕很容易教育用戶
2. 保證觸發(fā)器每次都觸發(fā)相同的動(dòng)作
用戶使用產(chǎn)品會(huì)存在一個(gè)學(xué)習(xí)過程,當(dāng)用戶通過一次觸發(fā)器得到反饋之后,用戶會(huì)將這次行為記憶下來,早起的電子產(chǎn)品用戶學(xué)習(xí)的成本非常高,正是因?yàn)橛脩粜枰涀∶恳淮?,點(diǎn)擊哪里,會(huì)有什么樣的結(jié)果。想讓用戶流暢地使用產(chǎn)品,需要保持相同的觸發(fā)器觸發(fā)相同的動(dòng)作。除非是給用戶驚喜的地方。
3. 提前展示數(shù)據(jù),反映交互包含的數(shù)據(jù)
簡(jiǎn)單地說,就是讓用戶知道會(huì)發(fā)生什么, 發(fā)生了什么,最后的結(jié)果。比如一個(gè)下載按鈕,文案提示一定是“下載”,點(diǎn)擊之后會(huì)顯示下載中或下載進(jìn)度,下載完成后會(huì)顯示下載成功/下載失敗。
當(dāng)控件處于不同狀態(tài)時(shí):
- 一個(gè)狀態(tài)-一個(gè)按鈕或簡(jiǎn)單手勢(shì)足夠
- 兩個(gè)狀態(tài)-撥打開關(guān)較為合適
- 多狀態(tài)-通過鍵盤等操作
- 范圍連續(xù)動(dòng)作,滑動(dòng)態(tài)或者撥號(hào)盤
多控件組成的觸發(fā)器盡量少用
4. 不要破壞視覺使用情境
如果觸發(fā)器看起來像按鈕,那么它就應(yīng)該像按鈕一樣可以被點(diǎn)擊。
5. 用的越多的觸發(fā)器越要引人注目
- 多數(shù)人經(jīng)常要用的微交互,應(yīng)該最引人注目
- 少數(shù)人有時(shí)會(huì)用的微交互,應(yīng)該容易注意到
- 極少數(shù)人不常用的微交互,應(yīng)該通過搜索找到
人注意周圍環(huán)境的情況分兩種
- 正在移動(dòng)或有聲音的,人天生對(duì)聽覺的反應(yīng)速度快于視覺。
- 主動(dòng)搜尋,人在尋找東西時(shí),視野會(huì)變窄,專注于辨別物體,對(duì)環(huán)境中的事物會(huì)下意識(shí)地識(shí)別和歸類。人在識(shí)別物體時(shí),會(huì)從基本的幾何體開始分析,而現(xiàn)實(shí)中的物體也往往可以分割為各種簡(jiǎn)單的幾何體,越簡(jiǎn)單的幾何體越容易被用戶在第一時(shí)間識(shí)別和記憶。
6. 不要引起用戶對(duì)使用情境的錯(cuò)覺
微交互的目標(biāo)就是把識(shí)別成本降到最低,別讓用戶猜觸發(fā)器怎么工作。
最引人注目的觸發(fā)器依次是
- 移動(dòng)的物體,比如產(chǎn)生動(dòng)作特效的圖標(biāo)
- 帶使用情境和標(biāo)簽的物體,比如帶標(biāo)簽的按鈕
- 帶標(biāo)簽的物體,比如帶標(biāo)簽的圖標(biāo)
- 只有一個(gè)物體,比如單一的大按鈕
- 只有一個(gè)標(biāo)簽,比如菜單項(xiàng)
- 什么都沒有,不可見的觸發(fā)器
無論什么交互界面都不可能保證所有的東西都能被立即發(fā)現(xiàn),隱藏過一些東西可以讓屏幕或物體看起來簡(jiǎn)單,同時(shí)還不會(huì)舍棄功能。
如圖,講簡(jiǎn)單的代表信息展示出來即可
不可見控件能夠起到強(qiáng)調(diào)可見控件的作用,讓重要和不重要的控件得以區(qū)別。最好的微交互應(yīng)該具有恰到好處的界面,而不是控件越多越好。
不可見的觸發(fā)器應(yīng)該能過輕易記住,當(dāng)觸發(fā)過一次不可見的觸發(fā)器后用戶只能依賴自己的記憶將其再次啟動(dòng),比如,下拉刷新等。
除非真的沒有地方或屏幕空間,否則不要把不可見觸發(fā)器用于最高優(yōu)先級(jí)的微交互。
7. 僅在觸發(fā)器本身無法提供相應(yīng)信息的情況下才使用標(biāo)簽
如圖,設(shè)置按鈕已經(jīng)很明顯了,就不需要再加上標(biāo)簽說明
標(biāo)簽:
對(duì)某些觸發(fā)器而言,標(biāo)簽也非常重要,標(biāo)簽可以作為微交互的名稱或狀態(tài)指示器,標(biāo)簽表明狀態(tài),說明動(dòng)作,幫助用戶確定是不是在執(zhí)行自己要做的事情。
如果在已經(jīng)較為復(fù)雜的界面,標(biāo)簽會(huì)增加觸發(fā)器的復(fù)雜性。如果擔(dān)心會(huì)引發(fā)歧義,那就不要使用標(biāo)簽。
微交互的目的在于清楚明確地傳達(dá)功能,標(biāo)簽需要清楚明確,同一功能的標(biāo)簽需要統(tǒng)一,標(biāo)簽的設(shè)計(jì)需要簡(jiǎn)潔明了。
控件:
控件的狀態(tài)一般分為以下幾種
- 默認(rèn)狀態(tài):不活動(dòng)的空閑狀態(tài)。
- 活動(dòng)狀態(tài):如果后臺(tái)有活動(dòng),可以通過觸發(fā)器來表示。
- 懸停狀態(tài):web端一般可以通過鼠標(biāo)懸停來做到,而移動(dòng)端可以通過狀態(tài)體現(xiàn)。
- 反轉(zhuǎn)狀態(tài):用于表示存在或活動(dòng),可繼續(xù)操作。
- 鼠標(biāo)單擊/手指點(diǎn)擊/進(jìn)行中:通過動(dòng)作啟動(dòng)微交互,可以讓觸發(fā)器消失,文案變化等。
- 切換狀態(tài):通常應(yīng)用于切換按鈕上,點(diǎn)亮表示按鈕打開。
- 設(shè)置狀態(tài):開關(guān)和滑動(dòng)條可以體現(xiàn)微交互當(dāng)前的設(shè)置和階段。
系統(tǒng)觸發(fā)器:
系統(tǒng)觸發(fā)器無需用戶介入,只要滿足條件就會(huì)自動(dòng)觸發(fā)。
常見的啟動(dòng)條件有
- 用戶操作或系統(tǒng)出現(xiàn)的錯(cuò)誤
- 需要獲取用戶地理位置相關(guān)或滿足地理位置
- 收到數(shù)據(jù)
- 內(nèi)部數(shù)據(jù)
- 其它微交互
最好在設(shè)置中提供選項(xiàng)讓用戶能夠調(diào)整系統(tǒng)的觸發(fā)器
系統(tǒng)觸發(fā)器規(guī)則:
- 啟動(dòng)的時(shí)間需要合適,不能打斷用戶的日常使用,在設(shè)定啟動(dòng)的時(shí)間時(shí)需要考慮盡可能多的用戶使用場(chǎng)景
- 啟動(dòng)頻率適當(dāng),啟動(dòng)太過頻繁對(duì)用戶也是極大的干擾
- 系統(tǒng)出錯(cuò)狀態(tài)的交互也需要合理提示用戶,不要給用戶太生硬的提示
通過數(shù)據(jù)可以很好的了解用戶啟動(dòng)的觸發(fā)器。
最好的觸發(fā)器應(yīng)該是符合情景的,體貼用戶的,觸發(fā)器的控件應(yīng)該與其要傳達(dá)的狀態(tài)匹配,且引人注目的程度要與其使用頻率匹配,標(biāo)簽也應(yīng)該簡(jiǎn)潔明了,通俗易懂。
一切規(guī)則的前提,觸發(fā)器要能把用戶帶到實(shí)際的交互之中。
本文由 @placeless 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
??