如何設計App中的提示控制項（toast）？

01-27

提示是什麼？

提示控制項也叫非模態彈窗，是非模態反饋中的一種。它的出現是為了取代惱人而無用的對話框。多在app中表意一些反饋信息。給用戶即時的操作反饋，讓用戶明確自己所處的狀態。n

《about face 3.0》里提到體貼的產品是會即時通知用戶的，在用戶對產品的整個操作流時，是不要打斷用戶的。但在用戶每次需要這些信息的時候，它都會自然的出現在那。產品可以為用戶提供大量運行狀態的非模態反饋。

nn1 按照出現的位置劃分，有以下三種類型：頭部提示；中間提示；頭部＋中間提示

2 按照構成元素劃分，有以下兩種類型：標識＋文字；純文字n

3 按照點擊方式，有以下兩種類型：不可點擊跳轉；可點擊跳轉

4 按照提示語意，來劃分三種類型：

1）！標識＋文字：表意錯誤或者出錯。n

在用戶界面中，它屬於嚴重程度較高的一種。用戶也不想要錯誤消息，用戶真正希望的是避免錯誤。可用性專家 donald norman 指出用戶常常因為產品設計中的錯誤而自責。所以我們要控制一個產品里這類提示的數量。n

錯誤消息，只用在提示一些非常嚴重的問題，或者盡量消除錯誤的可能，讓錯誤不可能出現。如果一定要錯誤提示的出現，就讓它可以幫助用戶解決問題。n

並且錯誤消息很多時候也採用了模態對話框停止了進度，給用戶來了不好的用戶體驗。n

2）i 標識＋文字：表意通知、告知信息。n

在用戶界面中，它屬於嚴重程度較輕的一種。告知用戶某些操作反饋，但它的出現，同樣以不打斷流暢的交互流為代價。因為這類提示容易創建，所以它們在一個app中數量眾多。n

3）對號標識＋文字：表意成功，確認。n

在用戶界面中，它屬於程度輕微的一種。是在對用戶的行為提供確認。n

成功提示，可以激勵用戶更好的使用軟體，成功的獎勵會讓用戶感覺良好。

1、剔除廢話提示。

所有提示不論哪種提示，都是比較重的信息呈現方式，應適當呈現較重要的信息，不需要沒有必要的提示。n

2、注意「！」和「i 」的區別。n

「！」表示情感強烈的句子末尾的停頓。n

「i」來源於information的首字母縮寫，一般表意通知類n

兩種的嚴重程度不一，注意設計的時候不要混淆。n

3 產品整體的提示不要過多，提示種類盡量統一。

同一功能模塊的提示種類不要過多，

詳細的提示種類，適合操作複雜的功能性app。

簡單的提示種類，適合一些輕app。

同時，app的重點功能模塊，適合有詳細的提示種類，來幫助用戶操作。

4 提示wording的標點符號切忌混亂。

標點符合主要有以下四種：n

1）無標點符號結尾。常用類型，適合短句子。n

2）句號結尾。常用類型，適合長句子。n

3）波浪號結尾。適合一些需要營造親和力的app。給用戶營造輕鬆的氛圍。n

4）顏文字結尾。適合一些動畫動漫類型的app。n

5 一個產品中的同一類型提示，需要統一wording。n

例如：「取消關注成功」與「已取消關注」在表意上是同一個，但是在wording上的表達不同。n

6 同一個模塊的提示類型應該統一。

提示的設計也要縱觀產品全局，同一模塊的提示體驗需要一致性。在提示中穿插彈窗，雖然會增加彈出對話框的重要程度，但是會造成用戶體驗的不一致。

7 提示wording的語氣與斷句需要統一。n

不同app的提示語氣，可以有不同的區分，這也會與產品的定位和受眾人群影響。n

一個app里的提示wording的斷句方式、陳述語態、陳述順序都要有一致性。
推薦閱讀：