本文作者將結(jié)合設(shè)計(jì)規(guī)范和自己的項(xiàng)目經(jīng)驗(yàn)，總結(jié)提示方法的使用場(chǎng)景和界限。我希望將來(lái)會(huì)有一些參考和幫助來(lái)處理提示方法。享受?
如何減少用戶甚至用戶的中斷次數(shù)并不是每個(gè)用戶體驗(yàn)設(shè)計(jì)師都應(yīng)該考慮的事情。我相信許多設(shè)計(jì)師已經(jīng)糾結(jié)于使用對(duì)話框和Toast來(lái)制作提示。兩者之間最大的區(qū)別是對(duì)話框是一種帶操作的提示，在用戶需要操作后會(huì)消失。這將直接中斷用戶的進(jìn)程; Toast是一個(gè)輕量級(jí)提示，無(wú)需操作，幾秒鐘后會(huì)自動(dòng)消失。不會(huì)中斷用戶操作。
除了上述兩種形式外，還推導(dǎo)了Toast +操作的提示，例如：
以及使用Toast +圖標(biāo)或浮動(dòng)圖層的提示，例如：
上述設(shè)計(jì)有亮點(diǎn)和合理的地方，但如何在不打擾用戶的情況下正確使用它們是關(guān)鍵。如何合理是一個(gè)問(wèn)題，因?yàn)槊總€(gè)設(shè)計(jì)師的意見(jiàn)都有自己的主觀標(biāo)準(zhǔn)，但這些標(biāo)準(zhǔn)往往只有兩個(gè)結(jié)果在用戶，良好的經(jīng)驗(yàn)和糟糕的經(jīng)驗(yàn)。在這里，我結(jié)合了設(shè)計(jì)規(guī)范和我自己的項(xiàng)目經(jīng)驗(yàn)，并總結(jié)了提示模式的使用場(chǎng)景和邊界。我希望每個(gè)人都能有一些參考和幫助來(lái)處理將來(lái)的提示。
iOS設(shè)計(jì)規(guī)范
從iOS設(shè)計(jì)規(guī)范開始，iOS建議設(shè)計(jì)人員使用橫幅，對(duì)話框和小氣泡來(lái)提示用戶，但不建議設(shè)計(jì)人員經(jīng)常使用對(duì)話框提示。只有這三個(gè)提示顯然是不夠的，但規(guī)范允許設(shè)計(jì)者將提示功能與APP本身結(jié)合起來(lái)，以建立更符合場(chǎng)景的提示機(jī)制。有很多設(shè)計(jì)師會(huì)將Android的Toast概念直接引入到iOS設(shè)計(jì)中，并衍生出Toast +操作，浮動(dòng)圖層和其他提醒。由于iOS沒(méi)有明確的設(shè)計(jì)規(guī)范，只要它設(shè)計(jì)合理，如何提示它。
材料設(shè)計(jì)設(shè)計(jì)規(guī)范
與iOS設(shè)計(jì)規(guī)范相比，Material Design設(shè)計(jì)了規(guī)范以提醒用戶更加謹(jǐn)慎的態(tài)度，并總結(jié)了兩個(gè)非常好的概念：確認(rèn)和確認(rèn)。
確認(rèn)是要求用戶確認(rèn)他們確實(shí)想要執(zhí)行剛剛調(diào)用的操作。在某些情況下，會(huì)顯示確認(rèn)以及與用戶正在考慮的操作相關(guān)的警告或關(guān)鍵信息。
很明顯，顯示文本消息，讓用戶知道他剛剛調(diào)用的操作已經(jīng)完成。這將消除系統(tǒng)執(zhí)行的隱式操作的不確定性。在某些情況下，已知顯示以及撤消操作的選項(xiàng)。
在Material Design規(guī)范中，提示僅包含對(duì)話框（確認(rèn)）和Toast（已確認(rèn)）和Snackbar（已確認(rèn)）。同一個(gè)對(duì)話框也是一個(gè)非常強(qiáng)大的提示方法，它會(huì)直接中斷用戶操作，所以設(shè)計(jì)應(yīng)該謹(jǐn)慎。
這里要解釋Toast，在規(guī)范中只指定文本，不能配備圖標(biāo)，所以不應(yīng)該將地圖稱為Toast，這種樣式可以直接理解為浮動(dòng)層。同時(shí)，Toast無(wú)法操作。如果配備，它在材料設(shè)計(jì)中稱為Snackbar。這是Android 5.0的新控件。 Snackbar是一種輕量級(jí)的操作反饋機(jī)制，通常采用小型彈出框的形式，顯示在手機(jī)屏幕下方或桌面左下方。它們出現(xiàn)在屏幕的所有圖層的頂部，包括浮動(dòng)動(dòng)作按鈕，它會(huì)像Toast一樣在3秒后消失。三種風(fēng)格比較：
Google還會(huì)在必要時(shí)確認(rèn)或了解用戶操作。以下是我的翻譯：
如果你在每次進(jìn)行設(shè)計(jì)時(shí)都經(jīng)歷了上述過(guò)程，估計(jì)每個(gè)人都會(huì)被迫，我將舉例說(shuō)明提示的邊界和場(chǎng)景以及提示的重要性。為了更好地區(qū)分iOS和Android之間的術(shù)語(yǔ)和差異，已經(jīng)提出了一些新詞。如果有任何錯(cuò)誤，請(qǐng)糾正我。
重要性（從高到低）：
1，對(duì)話框（需要突出顯示提示或提示上方有兩個(gè)動(dòng)作按鈕，影響當(dāng)前進(jìn)程。）
適用場(chǎng)景：
需要做出重大決定的場(chǎng)景
容易被誤用的場(chǎng)景
場(chǎng)景待確認(rèn)
導(dǎo)致其他過(guò)程的場(chǎng)景
運(yùn)營(yíng)計(jì)劃
風(fēng)格描述：
該對(duì)話框作為一個(gè)整體顯示在界面的中心
對(duì)話框副本應(yīng)盡可能短，最后沒(méi)有標(biāo)點(diǎn)符號(hào)
對(duì)話可以針對(duì)運(yùn)營(yíng)活動(dòng)或不同場(chǎng)景進(jìn)行樣式設(shè)計(jì)
必須提供關(guān)閉，取消等按鈕才能返回原始流程
（2）燈光操作（適用于帶燈光提示的操作，如撤消，查看，添加，修改數(shù)據(jù)，不影響當(dāng)前流程。）
* Light操作是Android中的Snackbar，iOS中沒(méi)有定義
適用場(chǎng)景：
用于撤消場(chǎng)景：1刪除操作（簡(jiǎn)化刪除過(guò)程中彈出對(duì)話框的過(guò)程）; 2做出重大決定后使用撤銷操作，例如清除所有數(shù)據(jù)并取消綁定卡;
用于查看，添加，修改等中斷當(dāng)前進(jìn)程，如1個(gè)帖子查看登陸頁(yè)面; 2收集后修改存儲(chǔ)的文件夾。
風(fēng)格描述：
Android Snackbar顯示時(shí)間為3秒; iOS是自定義的
Android Snackbar顯示在頁(yè)面底部; iOS是自定義的，左右中心
輕描淡寫的副本應(yīng)該是一個(gè)陳述句，并且盡可能短，最后沒(méi)有標(biāo)點(diǎn)符號(hào)
（3）浮動(dòng)層（適用于具有日夜模式，隱私模式等功能屬性的輕量級(jí)提示，不影響當(dāng)前流程。）
適用場(chǎng)景：
功能（模式）：日夜模式;隱私模式;沒(méi)有圖片模式; xxx模式
重要提示：付款成功/失敗;付款加載（顯示持續(xù)時(shí)間由您決定）
風(fēng)格描述：
浮動(dòng)圖層結(jié)構(gòu)是圖標(biāo)+副本或整個(gè)頁(yè)面
幾秒鐘后自動(dòng)消失
浮動(dòng)層顯示作為整體顯示在界面的中心
浮動(dòng)圖層副本應(yīng)盡可能短，最后沒(méi)有標(biāo)點(diǎn)符號(hào)
（4）Toast（適用于導(dǎo)致其他頁(yè)面和系統(tǒng)數(shù)據(jù)發(fā)生變化的燈光提示，操作失敗，不會(huì)影響當(dāng)前進(jìn)程。）
適用場(chǎng)景：
操作失?。ňW(wǎng)絡(luò)異常）
頁(yè)面中的數(shù)據(jù)被添加，刪除并成功添加，這會(huì)導(dǎo)致其他頁(yè)面數(shù)據(jù)發(fā)生變化，例如推薦的新聞
不工作時(shí)輕量級(jí)提示
其他頁(yè)面數(shù)據(jù)更改，例如下載完成，失敗
風(fēng)格描述：
Android Toast使用系統(tǒng)默認(rèn)樣式; iOS Toast使用自定義樣式
Android Toast顯示時(shí)間為3秒; iOS是自定義的
Android Toast顯示在頁(yè)面底部，并在左側(cè)和右側(cè)居中，iOS Toast是自定義的
Toast副本應(yīng)該是一個(gè)聲明性句子，并且盡可能短，最后沒(méi)有標(biāo)點(diǎn)符號(hào);
（5）無(wú)提示（操作后頁(yè)面有明顯變化，不影響用戶的其他方面，不影響當(dāng)前進(jìn)程。）
適用場(chǎng)景：頁(yè)面中添加的數(shù)據(jù)已成功刪除
哪個(gè)場(chǎng)景給出了提示？
哪個(gè)場(chǎng)景沒(méi)有提示？
這也是一個(gè)非常好的問(wèn)題。
作為刪除單個(gè)歷史的示例，如果歷史未與用戶的其他信息耦合，則當(dāng)刪除該歷史時(shí)，該記錄顯然在頁(yè)面中消失。這已經(jīng)是一個(gè)非常明顯的提示，此時(shí)無(wú)需重播。吐司告訴。
作為個(gè)性化推薦的一個(gè)例子，由于每個(gè)數(shù)據(jù)都與其他數(shù)據(jù)相結(jié)合，如果用戶刪除了一條數(shù)據(jù)，他的目的不僅是刪除數(shù)據(jù)，而且對(duì)這些數(shù)據(jù)不感興趣，盡管在頁(yè)面中數(shù)據(jù)顯然已消失，但用戶也不再需要推薦類似的消息。
對(duì)于取消關(guān)注的示例，用戶對(duì)內(nèi)容源不感興趣以確認(rèn)取消注意，但是許多應(yīng)用感覺(jué)用戶在取消注意后似乎沒(méi)有接收到相關(guān)內(nèi)容源，并且必須使用該對(duì)話框告訴用戶。 “如果您取消焦點(diǎn)，您將永遠(yuǎn)不會(huì)收到相關(guān)內(nèi)容”，這將增加用戶取消注意力的阻力（這是產(chǎn)品經(jīng)理所希望的）。您可以嘗試使用小吃吧的形式。當(dāng)用戶取消注意時(shí)，會(huì)彈出一個(gè)快餐欄，告訴用戶“不再關(guān)注內(nèi)容源”，并在以后添加撤銷。當(dāng)用戶真的處理不當(dāng)時(shí)，他可以選擇再次撤消內(nèi)容源。如果不是，它還減少了用戶再次確認(rèn)的步驟。這種體驗(yàn)比對(duì)話形式要好得多。
提示非常簡(jiǎn)單，但如何使用和設(shè)計(jì)確實(shí)有點(diǎn)困難。我希望在閱讀之后，將來(lái)每個(gè)人都可以使用這些提示。
作者：薛志榮（微信公眾號(hào)：薛志榮），百度互動(dòng)設(shè)計(jì)師，大二學(xué)生
本文最初由@薛志榮發(fā)表。未經(jīng)許可，禁止復(fù)制。
該地圖來(lái)自Pexels，基于CC0協(xié)議