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