BulaBula羅列各種提示方式之前，我覺得有必要先思考一下消息提示之于用戶的本質(zhì)。畢竟知其然只是表面，知其所以然才能融會(huì)貫通運(yùn)用自如。雖然可能讓人覺得有點(diǎn)遠(yuǎn)，但應(yīng)該會(huì)對(duì)理清邏輯很有幫助。

故事要從一只狗和一只老鼠的心理學(xué)實(shí)驗(yàn)講起。巴普洛夫發(fā)現(xiàn)，若長(zhǎng)期在喂狗之前搖鈴鐺，以后只要晃鈴鐺，狗就流口水。鈴聲勾起了狗進(jìn)食的欲望。此稱之為“經(jīng)典條件反射”。斯金納進(jìn)一步發(fā)現(xiàn)，若每次在老鼠碰到箱子里的一根桿后就投放食物，那么以后每當(dāng)老鼠餓了，它就會(huì)去按桿子。此時(shí)，“按了桿子就有食物滾下來(lái)”讓老鼠知道它剛才的操作對(duì)于滿足“充饑”需求是有效的。 由此可知，信息在動(dòng)物行為中主要擔(dān)當(dāng)兩種角色。一個(gè)是喚醒欲望，激活任務(wù)；二是反饋個(gè)體的操作是否有效。

那么人呢？其實(shí)別以為人類會(huì)是多么超凡脫俗，其大部分行為也都服從這兩條從阿狗、阿鼠身上得出的結(jié)論。所以，在用戶使用手機(jī)啊、PC啊，bulabula Pad啊之類的時(shí)候，提示消息也起著這兩種作用：

1、提醒用戶執(zhí)行一個(gè)新任務(wù)。

2、反饋剛才的操作結(jié)果如何，是否有效。

因此，在選取合適的信息提示方式時(shí)，應(yīng)該依次考慮如下因素：

1、是喚醒新任務(wù)還是作為用戶操作的反饋。

2、如果是新任務(wù)，該任務(wù)是否緊急。

3、如果是反饋，在后臺(tái)計(jì)算該如何反饋的這段時(shí)間里，用戶是否會(huì)轉(zhuǎn)移注意。

4、如果是反饋，反饋完是否還需要用戶做進(jìn)一步的操作。

依照這幾條分辨標(biāo)準(zhǔn)，可以將信息提示規(guī)為5種，具體參見下圖：

（字爛，見諒哈^ ^ 。 寫原創(chuàng)博客的博主你傷不起啊，這張圖邊想邊畫就弄了一個(gè)多小時(shí)?。?！想精簡(jiǎn)就得絞盡腦汁啊，有木有！！轉(zhuǎn)載要標(biāo)注原出處啊親！?。?/p>

一、子任務(wù)的榫卯

我覺得，第一種消息可以形象地稱之為榫卯。它是對(duì)剛才用戶操作的反饋，同時(shí)也要引導(dǎo)用戶開始新的操作。在這個(gè)流程中，用戶做出某種操作，嘗試為“子任務(wù)i”畫上句號(hào)，反饋信息出現(xiàn)，將用戶引導(dǎo)到“子任務(wù)i+1”上。用戶需要繼續(xù)完成“子任務(wù)i+1”上的操作。

對(duì)這種信息的需求常見的有三種情境

1、步驟分明的任務(wù)

2、是針對(duì)用戶失敗操作的緊急處理

3、在進(jìn)行接下來(lái)的任務(wù)前必須先完成點(diǎn)其他操作。

因此，在設(shè)計(jì)這類信息時(shí)應(yīng)滿足如下要求：

• 與用戶剛才操作在時(shí)間和空間上緊密相連。
• 明確告知接下來(lái)的任務(wù)
• 為i+1任務(wù)提供快捷的操作入口

這是一個(gè)google reader讀取feed失敗的截圖。當(dāng)用戶將屏幕拖動(dòng)到屏幕下邊緣后，這里會(huì)顯示loading的gif。如若讀取失敗，就會(huì)直接在gif動(dòng)畫的位置上呈現(xiàn)反饋信息，并提供了retry的按鈕，讓用戶知道發(fā)生了什么，能做些什么。

這是QQ瀏覽器的報(bào)錯(cuò)信息。文案里說(shuō)明了失敗的原因。同時(shí)還提供了用戶最需要的兩個(gè)按鈕，放在了顯著位置。

這是Android上設(shè)置屏幕鎖的截圖。用戶在屏幕上畫下軌跡后，“繼續(xù)”按鈕就會(huì)亮起，變成enable狀態(tài)，暗示用戶這一步操作已經(jīng)成功了，可以進(jìn)入到下一步了。

批量更新App時(shí)，某些App新版的權(quán)限已有更改。因此用戶點(diǎn)“全部更新”后，系統(tǒng)需將詳情告知用戶，請(qǐng)求許可。用戶要想繼續(xù)更新，必須確認(rèn)該消息。

Alert Box可以直接在Android Market這個(gè)APP上彈出來(lái)，強(qiáng)制用戶在繼續(xù)操作前完成此任務(wù)。

二、咔噠

第二種信息就像鎖門時(shí)的咔噠一聲一樣。只要聽到了這個(gè)聲音，你就知道門已經(jīng)鎖好了。系統(tǒng)針對(duì)用戶的操作提供了反饋，但是不需要再做進(jìn)一步的操作。在任務(wù)流程中時(shí)常需要這種信息。它暗示著操作成功了，不需要用戶再做什么操作。O了，搞定，job is done?。〔灰?gòu)棾鰝€(gè)對(duì)話框“該網(wǎng)頁(yè)已保存”，讓用戶去點(diǎn)“確定，我知道了??！”。

這類信息在設(shè)計(jì)時(shí)應(yīng)該做到：

• 與用戶剛才操作在時(shí)間和空間上緊密相連。
• 用戶容易理解剛才操作的結(jié)果
• 不要求用戶做多余的操作（非模態(tài)反饋）

這種設(shè)計(jì)其實(shí)是最有靈活性的，可以搞很多創(chuàng)新的花樣。比如，在twitter上對(duì)某條feed點(diǎn)保存，該feed塊的一個(gè)角上就會(huì)掛上顆星星。這樣的輕量提示又易懂，又不妨礙用戶接下來(lái)的操作。

在這個(gè)todo list上，用戶每勾選一項(xiàng)，該項(xiàng)就會(huì)被劃掉。這種簡(jiǎn)單的視覺提示讓用戶立刻理解到剛才的勾選操作是成功的。

信息提示最好直接展示在用戶剛才操作的對(duì)象上，這樣用戶才能理解這條提示針對(duì)哪個(gè)元素的。那么，操作對(duì)象消失了該怎么辦呢？在android market某個(gè)app的detail頁(yè)面上，點(diǎn)完更新，頁(yè)面就會(huì)轉(zhuǎn)場(chǎng)到“我的應(yīng)用程序”。此時(shí)，屏幕下方就會(huì)出現(xiàn)一條Toast Notification，短暫告知用戶剛才操作的結(jié)果。過(guò)段時(shí)間，toast就會(huì)自動(dòng)消失，不干擾用戶的接下來(lái)的操作。

android內(nèi)置的電源管理插件是這種設(shè)計(jì)的典范。用戶按一下圖標(biāo)，相應(yīng)的功能就會(huì)開/關(guān)。對(duì)狀態(tài)的反饋可以在這個(gè)面板上直接反映出來(lái)。燈亮了，咔噠，用戶知道搞定了，無(wú)需廢話。

三、平安信

第三種消息針對(duì)的是時(shí)間跨度大的任務(wù)。由于手機(jī)支持多任務(wù)，且用戶操作手機(jī)的時(shí)間非常碎片，所以當(dāng)手機(jī)需要長(zhǎng)時(shí)間執(zhí)行某任務(wù)時(shí)，用戶傾向于先去玩其他App或者直接把手機(jī)扔一邊。對(duì)于這種在用戶做出操作后很長(zhǎng)一段時(shí)間后才能提供的反饋，還需區(qū)分其是否還需進(jìn)一步操作。

如果還需進(jìn)一步操作，則它已經(jīng)不能稱之為“反饋”了。這相當(dāng)于要用戶中斷手里的活兒，去開始一項(xiàng)新任務(wù)。比如燒水，倒上水插上電，你去看電影了。等聽到水壺哨響報(bào)警，就知道該來(lái)做“把熱水倒進(jìn)暖壺”這個(gè)新任務(wù)了。這種喚醒新任務(wù)的消息提示會(huì)放到四和五去討論。

而若不需要進(jìn)一步操作，那這種提示就像平安信一樣。比如，發(fā)了個(gè)快遞到北京，等啊等，幾天之后，那邊朋友打電話說(shuō)；“收到嘍！”。O了，這個(gè)任務(wù)搞定了，不需要進(jìn)一步操作。

這類提示應(yīng)該做到：

• 視覺顯著，能吸引注意。
• 明確告知操作的結(jié)果。
• 不中斷用戶正在執(zhí)行的任務(wù)。
• 用戶離開時(shí)可以積攢下來(lái)，且可以方便地清除。

Android的Status Bar Notification非常適合用于此類提示。當(dāng)某個(gè)App下載完成后，狀態(tài)欄上就會(huì)出現(xiàn)提示圖標(biāo)。無(wú)論用戶已經(jīng)轉(zhuǎn)到什么App上，都能看到它。而且。這種提示方式不會(huì)干擾用戶在當(dāng)前app的操作。

若用戶對(duì)此消息感興趣，還可以將其展開，查看詳情。在看到消息后，按下“清除”，就能將礙眼的提示一掃而光。

四、Alarm！??！

剛才談完了對(duì)用戶操作的反饋，現(xiàn)在來(lái)看看誘發(fā)新任務(wù)的提示。這類提示可以按緩急再做區(qū)分，適用于不同的提示方式。 如果非常緊急，就應(yīng)中斷一切手頭的工作，將這條信息擺出來(lái)。

這類提示應(yīng)該做到：

• 能立刻捕獲注意
• 清晰地交代任務(wù)
• 提供快速的處理通道
• 提供次要的拒絕方式

其實(shí)最霸道的Alarm還數(shù)“來(lái)電提醒”啊。這消息一到，所有手頭的任務(wù)立刻停止，頁(yè)面直接切換到接聽頁(yè)面。這上面提供了快捷的處理通道和拒絕通道。

這么霸道的提示方式我們一般也用不著啦。如果你覺得你的消息夠緊急，起碼像“低電量提示”這么緊急，可以考慮用Alert Box。可以在對(duì)話框上提供3個(gè)以內(nèi)的按鈕，并對(duì)“主通道”做視覺上的凸顯優(yōu)化。這樣可以幫助用戶盡快做出選擇，消除討厭的提示。興許人家正玩忍著切西瓜呢。

五、悶騷

如果你提示的消息是要用戶去執(zhí)行一個(gè)新任務(wù)，但是又不是很急，就該考慮用更溫和的提示方式，不要粗暴地打斷用戶當(dāng)前的任務(wù)。

這樣的提示應(yīng)該做到：

• 起碼要視覺上顯著，如果很緊急點(diǎn)可以去捕獲注意。（對(duì)如何“捕獲注意”感興趣的可以去讀一下《認(rèn)知心理學(xué)》）
• 用戶沒有看到它時(shí)可以積累下來(lái)
• 提供快捷的處理通道
• 清晰地交代任務(wù)
• 不干擾當(dāng)前任務(wù)

iPhone的短信提醒就是這種設(shè)計(jì)的典范。新短信來(lái)了，一時(shí)半會(huì)兒不處理也不會(huì)死。但是總得讓用戶知道有新短信吧。iPhone在圖標(biāo)右上角加了個(gè)紅色徽章（badge notification）。這種顯著的視覺特征可以讓用戶很容易覺察到它，同時(shí)又不會(huì)強(qiáng)制干擾用戶操作。（這種特性在心理學(xué)中被稱為特征獨(dú)子的視覺顯著性，感興趣的可以去看《認(rèn)知心理學(xué)》）

Google Reader上也有類似的設(shè)計(jì)方式，只不過(guò)在藝術(shù)性上和apple差了很多。這種制造視覺顯著的方式可以在不強(qiáng)制干擾用戶操作的同時(shí)，讓用戶快速覺察到消息的存在。

Android處理短信的方式技高一籌。它在status bar里直接展示短信內(nèi)容。在文字輪播的同時(shí)，用戶可以選擇繼續(xù)玩游戲，還是放下手頭的事兒來(lái)處理短信。此時(shí)，只要在狀態(tài)欄上展開這條信息的提示，就可以快速進(jìn)入短信回復(fù)頁(yè)面。Status bar這種隨時(shí)提醒，快速進(jìn)入，不干擾當(dāng)前任務(wù)的特性給予了它很大的靈活性。

總結(jié)

相比較而言，Android比iOS提供了更豐富的提示方式。Android的status bar notification是一種非常強(qiáng)大的消息提示方式。Palm OS對(duì)這種提示方式還做了進(jìn)一步的優(yōu)化。 本文的分析方式過(guò)于細(xì)致，或許很多人看的時(shí)候覺得繁瑣。之所以決定還是這樣寫，也是想把自己對(duì)心理學(xué)的一些感悟整理出來(lái)，給自己做個(gè)milestone，畢竟落實(shí)成文字的想法才更容易看出不足。歡迎批評(píng)討論。

轉(zhuǎn)載請(qǐng)注明，引自雪鸮的啁啾:xuexiao.me