當消息來敲門——iOS客戶端上的消息提醒設計
手機作為便捷的通信工具,也讓消息的接收變的更為暢快、即時。
淘寶二手作為一個買賣交易的平臺,很多場景下需要依賴于留言來進行溝通了解寶貝細節,因此,需要把消息及時的傳達給每個消息的接收者,如何把消息明確清晰的展示給用戶,這里會牽涉到app消息通知設計的內容。
淘寶二手app的消息內容大概分為三類:1、系統通知;2、溝通留言;
iOS對于消息通知的提示也有自己的一套規范
iOS的消息通知有兩種形式,Badge Notification和Alert Notification。
- Badge Notification是指出現在應用程序圖標右上角的紅色圓形數字提醒,用于提醒一些無需即時處理的消息,比如程序更新數、未讀郵件數等。Badge Notification只有在Home Screen的對應屏上才能看到,因此不適合用于提醒一些重要性高或需要及時處理的通知。而且Badge Notification的形狀顏色大小等都是默認且無法改變的。
- Alert Notification則非常直接地以對話窗口的形式出現在屏幕上,用于重要或需要及時處理的通知。不過Alert Notification常常粗暴地打斷正在進行中的任務,強迫用戶馬上做出選擇,且無法匯總查看所有通知,當有多條通知時,無法選擇性處理,只能按提供提供的順序一個個處理。
圖一:Badge Notification
圖二:Alert Notification
不過在ios5中,推出了Notification system,它傳承了android和palm的設計優勢,可以很好地提醒用戶有消息到達,又不會中斷當前的操作。如圖:
圖三:消息提醒
圖四:消息中心
圖五:iOS7 的消息中心
以上三種通知的形式均是系統自帶的消息提醒樣式,除此之外,每個產品也會根據自己的需要在app內部加入一些消息提醒的設計??梢苑譃橐韵聨最悾?/p>
1.banner notification
這種出現在界面內的提醒簡單,低噪,不會打斷用戶的正常操作。人人網消息提醒的樣式多用此種形式呈現。
圖六:banner notification
2.tips notification
該種提示跟banner的樣式接近,但該種消息提醒會在消息的存放處附近出現,引導用戶點擊操作,去往對應的頁面查看,例如path的消息提醒設計。
圖七:tips notification
3.status bar notification
這種提醒樣式相較于前兩種app內部的消息提醒設計會弱很多,因此對用戶正在進行的操作的影響降低到了最低,不過雖然在視覺上提示較弱,但一般都會有聲音或是震動的提示與之對應,做到即時告知。
除了以上這些通過視覺樣式上的消息提醒之外,ios系統還提供了多樣的消息提醒體驗,比如聲音——反饋音、提示音、警示音、擬物音等,再如觸覺-振動。
回到二手客戶端的消息提醒設計,我認為需要根據分類來做多樣的設計。
1.系統通知。比如我有一件寶貝被人拍下或付款,或者我買了一件寶貝,賣家已經發貨,這時的提醒需要即時告知。
如果未在使用二手app,該條提醒則以系統通知樣式出現,配以提示音。消息存放在消息中心里。點擊該消息則進入到對應的內容頁(比如系統通知有件寶貝售出,點擊該提醒則進入到已售出寶貝列表)
2.留言信息。買家和賣家通過留言溝通收到的消息提醒。
未使用二手app時,該提醒不會出現,會以badge notification的形式提示在消息中心里。當在使用二手app的過程中,有留言消息產生,該消息會通過status bar notification的形式展示。
由此看出,消息提醒的設計得考慮以下一些因素:
- 用戶所在界面
- 通知出現的時機
- 通知出現的頻率
- 通知消失的契機
結合以上條件,整理出了二手客戶端出現消息時在不同頁面呈現出的消息提醒樣式。
參考文章:
《設計優秀的iphone通知》
作者:致堯;via:淘寶UED
- 目前還沒評論,等你發揮!