當消息來敲門——iOS客戶端上的消息提醒設計

0 評論 18494 瀏覽 25 收藏 7 分鐘

手機作為便捷的通信工具,也讓消息的接收變的更為暢快、即時。

淘寶二手作為一個買賣交易的平臺,很多場景下需要依賴于留言來進行溝通了解寶貝細節,因此,需要把消息及時的傳達給每個消息的接收者,如何把消息明確清晰的展示給用戶,這里會牽涉到app消息通知設計的內容。

淘寶二手app的消息內容大概分為三類:1、系統通知;2、溝通留言;

iOS對于消息通知的提示也有自己的一套規范

iOS的消息通知有兩種形式,Badge Notification和Alert Notification。

  • Badge Notification是指出現在應用程序圖標右上角的紅色圓形數字提醒,用于提醒一些無需即時處理的消息,比如程序更新數、未讀郵件數等。Badge Notification只有在Home Screen的對應屏上才能看到,因此不適合用于提醒一些重要性高或需要及時處理的通知。而且Badge Notification的形狀顏色大小等都是默認且無法改變的。
  • Alert Notification則非常直接地以對話窗口的形式出現在屏幕上,用于重要或需要及時處理的通知。不過Alert Notification常常粗暴地打斷正在進行中的任務,強迫用戶馬上做出選擇,且無法匯總查看所有通知,當有多條通知時,無法選擇性處理,只能按提供提供的順序一個個處理。

圖一:Badge Notification

3

圖二:Alert Notification

不過在ios5中,推出了Notification system,它傳承了android和palm的設計優勢,可以很好地提醒用戶有消息到達,又不會中斷當前的操作。如圖:

4

圖三:消息提醒

5

圖四:消息中心

IMG_5098

圖五:iOS7 的消息中心

以上三種通知的形式均是系統自帶的消息提醒樣式,除此之外,每個產品也會根據自己的需要在app內部加入一些消息提醒的設計??梢苑譃橐韵聨最悾?/p>

1.banner notification

這種出現在界面內的提醒簡單,低噪,不會打斷用戶的正常操作。人人網消息提醒的樣式多用此種形式呈現。

7

圖六:banner notification

2.tips notification

該種提示跟banner的樣式接近,但該種消息提醒會在消息的存放處附近出現,引導用戶點擊操作,去往對應的頁面查看,例如path的消息提醒設計。

8

圖七:tips notification

3.status bar notification

這種提醒樣式相較于前兩種app內部的消息提醒設計會弱很多,因此對用戶正在進行的操作的影響降低到了最低,不過雖然在視覺上提示較弱,但一般都會有聲音或是震動的提示與之對應,做到即時告知。

除了以上這些通過視覺樣式上的消息提醒之外,ios系統還提供了多樣的消息提醒體驗,比如聲音——反饋音、提示音、警示音、擬物音等,再如觸覺-振動。

回到二手客戶端的消息提醒設計,我認為需要根據分類來做多樣的設計。

1.系統通知。比如我有一件寶貝被人拍下或付款,或者我買了一件寶貝,賣家已經發貨,這時的提醒需要即時告知。

如果未在使用二手app,該條提醒則以系統通知樣式出現,配以提示音。消息存放在消息中心里。點擊該消息則進入到對應的內容頁(比如系統通知有件寶貝售出,點擊該提醒則進入到已售出寶貝列表)

2.留言信息。買家和賣家通過留言溝通收到的消息提醒。

未使用二手app時,該提醒不會出現,會以badge notification的形式提示在消息中心里。當在使用二手app的過程中,有留言消息產生,該消息會通過status bar notification的形式展示。

由此看出,消息提醒的設計得考慮以下一些因素:

  • 用戶所在界面
  • 通知出現的時機
  • 通知出現的頻率
  • 通知消失的契機

結合以上條件,整理出了二手客戶端出現消息時在不同頁面呈現出的消息提醒樣式。

10

參考文章:

《手機系統消息通知設計的整理和分析》

《淺析手機消息系統設計》

《設計優秀的iphone通知》

作者:致堯;via:淘寶UED

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!