提示是什麼?

提示控制元件也叫非模態彈窗,是非模態反饋中的一種。它的出現是為了取代惱人而無用的對話方塊。多在app中表意一些反饋資訊。給使用者即時的操作反饋,讓使用者明確自己所處的狀態。

如何設計App中的提示控制元件(toast)?

如何設計App中的提示控制元件(toast)?

《about face 3。0》裡提到體貼的產品是會即時通知使用者的,在使用者對產品的整個操作流時,是不要打斷使用者的。但在使用者每次需要這些資訊的時候,它都會自然的出現在那。產品可以為使用者提供大量執行狀態的非模態反饋。

提示型別有哪幾種?

1 按照出現的位置劃分,有以下三種類型:頭部提示;中間提示;頭部+中間提示

如何設計App中的提示控制元件(toast)?

如何設計App中的提示控制元件(toast)?

2 按照構成元素劃分,有以下兩種型別:標識+文字;純文字

如何設計App中的提示控制元件(toast)?

如何設計App中的提示控制元件(toast)?

3 按照點選方式,有以下兩種型別:不可點選跳轉;可點選跳轉

如何設計App中的提示控制元件(toast)?

如何設計App中的提示控制元件(toast)?

4 按照提示語意,來劃分三種類型:

1)!標識+文字:表意錯誤或者出錯。

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

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

並且錯誤訊息很多時候也採用了模態對話方塊停止了進度,給使用者來了不好的使用者體驗。

2)i 標識+文字:表意通知、告知資訊。

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

3)對號標識+文字:表意成功,確認。

在使用者介面中,它屬於程度輕微的一種。是在對使用者的行為提供確認。

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

如何設計App中的提示控制元件(toast)?

如何設計App中的提示控制元件(toast)?

設計app中提示控制元件的小技巧:

1、剔除廢話提示。

所有提示不論哪種提示,都是比較重的資訊呈現方式,應適當呈現較重要的資訊,不需要沒有必要的提示。

2、注意“!”和 “i ”的區別。

“!”表示情感強烈的句子末尾的停頓。

“i” 來源於information的首字母縮寫,一般表意通知類

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

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

同一功能模組的提示種類不要過多,

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

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

同時,app的重點功能模組,適合有詳細的提示種類,來幫助使用者操作。

如何設計App中的提示控制元件(toast)?

如何設計App中的提示控制元件(toast)?

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

標點符合主要有以下四種:

1)無標點符號結尾。常用型別,適合短句子。

2)句號結尾。常用型別,適合長句子。

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

4)顏文字結尾。適合一些動畫動漫型別的app。

5 一個產品中的同一型別提示,需要統一wording。

例如:“取消關注成功”與“已取消關注”在表意上是同一個,但是在wording上的表達不同。

6 同一個模組的提示型別應該統一。

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

如何設計App中的提示控制元件(toast)?

如何設計App中的提示控制元件(toast)?

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

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

一個app裡的提示wording的斷句方式、陳述語態、陳述順序都要有一致性。