我們使用和設(shè)計(jì)App的時(shí)候一定會(huì)有一個(gè)避不開的“坑”，就是提示樣式的規(guī)范。之所以稱之為“坑”，是因?yàn)樗臉邮胶芏?，作用繁?fù)。運(yùn)用時(shí)，要注意如果樣式不統(tǒng)一很容易造成用戶的誤解；如果在APP中用的太多，也會(huì)造成用戶的反感。除此之外，我們?cè)谥贫ㄒ?guī)范的時(shí)候，要注意提示的強(qiáng)度，以及用戶在使用app時(shí)，是否會(huì)被提示信息打斷和影響，致使用戶體驗(yàn)下降等。所以，我們?cè)谠O(shè)計(jì)的時(shí)候一定要定好規(guī)范，并留意頻次和強(qiáng)度。今天，我們就來(lái)818這個(gè)APP設(shè)計(jì)中用到的小心機(jī)。

1、Toast - 提示

說(shuō)到會(huì)自動(dòng)消失的提示，大家一定會(huì)想到最常見(jiàn)的Toast提示。

Toast-多為浮動(dòng)顯示簡(jiǎn)短的提示信息給用戶，它多出現(xiàn)在屏幕中間，會(huì)自動(dòng)消失，以做到盡量不影響用戶的輸入等操作，主要用于一些幫助和警示。

在我們的交互應(yīng)用中，這種提示樣式是最常見(jiàn)的，多為純文字的和帶提示意義圖的提示。能夠在快速讓用戶知道目前狀況的同時(shí)（比如，交易成功或失敗等等），也不對(duì)用戶造成太多的干擾，一帶而過(guò)。同時(shí)這種提示也是比較容易被忽略掉的，所以對(duì)于一些比較重要的提示/警示最好不要用這種樣式。

優(yōu)點(diǎn)：不打斷用戶操作

缺點(diǎn)：容易被忽略

常用于操作反饋、錯(cuò)誤提示、成功提示等等。

2、Snackbar - 頂部提示

如圖，左一，操作出錯(cuò)或者頁(yè)面數(shù)據(jù)獲取等場(chǎng)景下會(huì)出現(xiàn)，針對(duì)整個(gè)頁(yè)面發(fā)生的錯(cuò)誤進(jìn)行提示或其他信息提示，顯示一段時(shí)間后會(huì)自動(dòng)消失，這個(gè)形式個(gè)之前提到的toast有點(diǎn)像，但是更大更顯眼。

優(yōu)點(diǎn)：不打斷用戶操作

缺點(diǎn)：容易被忽略

常用于信息流、消息提示、和信息獲取頁(yè)面發(fā)生錯(cuò)誤的提示。比如微博刷新信息時(shí)的新消息提示，服務(wù)器獲取信息失敗等。

如圖，左二，需要用戶交互操作才會(huì)關(guān)閉，或完成選項(xiàng)才會(huì)關(guān)閉。這種類型對(duì)用戶操作的影響比較大，要注意不能頻繁使用于界面中，只能用于權(quán)重較高必要性強(qiáng)的提示。

優(yōu)點(diǎn)：警示效果優(yōu)

缺點(diǎn)：占用界面的位置

常用于斷網(wǎng)、異地登錄等這類對(duì)用戶賬號(hào)安全及操作有極大影響的時(shí)候。

如圖，右一，一般這種提示都可以進(jìn)行下一步操作，這種操作很難說(shuō)好壞，它們雖然占據(jù)了一部分界面空間，但卻能友好的存在。不但起到了減少用戶操作步驟的作用，還有很好的警示作用等。

比如微信的多方登錄提示，一方面起到了多方登錄的警示作用如果不是自己登錄的可以強(qiáng)制對(duì)方下線，另一方面它確需要長(zhǎng)時(shí)間的占據(jù)界面的固定位置，所以使用需謹(jǐn)慎。

又比如微信的音頻播放提示，他讓我們可以一邊聽公眾號(hào)的音頻一邊聊天，如果沒(méi)有這個(gè)功能我們可能聽難聽完一個(gè)20分鐘的音頻，因?yàn)槟銦o(wú)法保證這20分鐘內(nèi)沒(méi)有別人呼喚你。

優(yōu)點(diǎn)：增加了功能項(xiàng)、起到警示作用

缺點(diǎn)：占用界面的位置

常用于警示用戶、方便用戶同時(shí)使用多個(gè)功能和待操作步驟提示等。

在使用App的時(shí)候有沒(méi)有被一些信息框彈層打斷過(guò)操作呢？尤其是在打游戲的時(shí)候，大多情況下大家都會(huì)覺(jué)得很反感。所以既然我們自己的體驗(yàn)不好，那么我們?cè)谧鼋缑嬖O(shè)計(jì)的時(shí)候，就要慎用會(huì)打斷用戶操作的提示樣式。

3、信息框

信息框，即信息確認(rèn)框。多在所處界面上方增加蒙層，主要以以彈框加按鈕的形式出現(xiàn)。主要用于向用戶詢問(wèn)確認(rèn)信息，會(huì)非常粗魯?shù)拇驍嘤脩舨僮?，且用戶必須進(jìn)行選擇才做后才能將其關(guān)閉繼續(xù)使用或?yàn)g覽App。

樣式一

如圖，左一，信息框加一個(gè)按鈕的形式，多用于向用戶提出操作成功或未成功提示等。也會(huì)用于提示或征求用戶修改應(yīng)用外的系統(tǒng)設(shè)置，以獲取用戶信息。

樣式二

如圖，右一，信息框加兩個(gè)按鈕的形式，多用于向用戶征求隱私、及其他非常重要的信息的獲取許可，也會(huì)用在后果不可逆的操作流程中，比如刪除不可恢復(fù)資料等等。我們?cè)谧鲞@類彈框提示設(shè)計(jì)的時(shí)候，必須區(qū)分出用戶可以操作的選項(xiàng)。有時(shí)候我們可以用一些小心機(jī)去引導(dǎo)用戶操作，比如會(huì)突出我們希望用戶選擇的按鈕，弱化另一按鈕。

優(yōu)點(diǎn)：直接將提示信息/警告信息推送給用戶

缺點(diǎn)：非常粗魯?shù)拇驍嘤脩舨僮?，用戶體驗(yàn)不好

常用于要求對(duì)app評(píng)價(jià)、或初次使用App是設(shè)置隱私設(shè)置、流量或wifi選擇及定位信息的時(shí)候，以及確認(rèn)關(guān)閉等。

信息框的提示樣式會(huì)嚴(yán)重的影響用戶的操作，所以我們很少會(huì)在交互中用到他，因?yàn)檫^(guò)多的出現(xiàn)不但會(huì)讓用戶厭煩，也會(huì)降低這類提示的警示權(quán)重。

4、提示氣泡

可操作提示氣泡，是由一個(gè)圓角矩形、三角箭頭和關(guān)閉按鈕組成的彈出窗口，懸于主要操作頁(yè)面上方，箭頭指向的地方通常是該氣泡要提示的位置。

用于提示相關(guān)操作或新功能提示，用戶根據(jù)引導(dǎo)操作后，可點(diǎn)擊關(guān)閉按鈕之后消失。

如圖，我們?cè)诘谝淮问褂肁pp的時(shí)候，或是App新增功能更改界面布局等，經(jīng)常會(huì)見(jiàn)到這樣的氣泡提示。這樣的提示氣泡需要用戶點(diǎn)擊關(guān)閉時(shí)才會(huì)消失，在頁(yè)面中可能并不明顯但指向性很強(qiáng)，并且不會(huì)打斷或影響用戶的操作。

優(yōu)點(diǎn)：提示效果優(yōu)

缺點(diǎn)：沒(méi)有關(guān)閉前會(huì)擋住界面部分信息

常用于用戶操作提示和主功能、主流程未曾小改版時(shí)的局部提示。

5、誤區(qū)

1.樣式不統(tǒng)一

在我們做設(shè)計(jì)或者改版的時(shí)候，一定要制定好整體的設(shè)計(jì)樣式，然后按照提示信息相對(duì)的設(shè)計(jì)規(guī)范去進(jìn)行設(shè)計(jì)，尤其是對(duì)提示種類的規(guī)范。

如圖，提交成功可以有多種表現(xiàn)方式，但是我們做規(guī)范的時(shí)候應(yīng)該有所歸類，相同類別或者相同重要等級(jí)下的提交信息提示應(yīng)該保持統(tǒng)一樣式。

另外比如實(shí)時(shí)更新提示一般顯示幾秒就會(huì)自動(dòng)消失，所以也不會(huì)用彈框去表示。

2.打斷用戶的頻率過(guò)高

在我們?cè)O(shè)計(jì)流程的過(guò)程中，除了必要的系統(tǒng)報(bào)錯(cuò)及用戶反饋，切記不要讓彈框提示高頻出現(xiàn)，經(jīng)常打斷用戶操作會(huì)讓用戶分分鐘想卸載你的app。

如圖，右一，歌曲添加成功需要點(diǎn)擊“知道了”按鈕，才能關(guān)閉對(duì)話框繼續(xù)聽歌操作。這樣做會(huì)打斷了用戶的聽歌選歌操作，試想如果用戶同時(shí)添加多首歌曲那這個(gè)體驗(yàn)會(huì)多難受？所以其實(shí)只要一個(gè)Toast提示就可以達(dá)到效果。

如圖，右二，我們?cè)隗w驗(yàn)App時(shí)，一定有被邀請(qǐng)?jiān)u價(jià)打斷過(guò)。設(shè)想一次2次還好，但如果頻次過(guò)高或是在游戲PK時(shí)被打斷，用戶一定分分鐘想要卸載你的應(yīng)用。

總結(jié)

提示信息的樣式主要分為，會(huì)自動(dòng)消失的樣式和必須由用戶操作關(guān)閉，即會(huì)打斷用戶操作的提示樣式。

自動(dòng)會(huì)消失的樣式，主要有Toast提示和Snackbar提示。Toast提示常用于操作反饋、錯(cuò)誤提示、成功提示；Snackbar提示常用于信息流、用戶狀態(tài)、和待操作步驟提示等。適用于指向性很強(qiáng)的細(xì)節(jié)信息和新增功能的提示等。

必須由用戶操作關(guān)閉的樣式，有信息框和提示氣泡。信息框常用于要求對(duì)app評(píng)價(jià)、或初次使用App是設(shè)置隱私設(shè)置、流量或wifi選擇及定位信息的時(shí)候，以及確認(rèn)關(guān)閉；提示氣泡常用于用戶操作提示和主功能、主流程未曾小改版時(shí)的局部提示。

提示信息的樣式靈活多變，但無(wú)論那種提示都不宜出現(xiàn)太多太頻繁，我們要盡量讓用戶自然生長(zhǎng)。