通知設(shè)計
通知的設(shè)計應該做到能及時的將用戶關(guān)心的信息內(nèi)容傳遞給用戶,信息是要針對用戶的需要,或者是緊急的內(nèi)容,否則很容易引起用戶反感。所以通知的設(shè)計要遵循——及時傳遞有效信息,能夠引起用戶注意又不打斷用戶當前的操作流——的原則。一下是常見的通知系統(tǒng):
1、通知中心:通知提醒內(nèi)容都聚在此,在進入系統(tǒng)后任何情況下都可以下拉查看,是最不干擾用戶的方式。
2、頂部橫幅:在界面頂部短暫停留,能引起用戶注意,但又不會打斷用戶當前的操作。
3、對話框(Alert):打擾程度最大的通知提醒,會打斷當前界面所有的操作。對于這種形式的泛濫,很多用戶都選擇直接關(guān)閉窗口,而不會仔細查看內(nèi)容。
4、Toast:主要針對app內(nèi)的通知提醒,是一種操作后的反饋,告知用戶結(jié)果??梢栽O(shè)置時長,一般是3秒左右。
5、標志:告知用戶有新內(nèi)容,提醒查看。常見的表現(xiàn)方式為紅點和數(shù)字。紅點是一種更新提示,而數(shù)字則在更準確、和用戶關(guān)聯(lián)度很高的提示。紅點提示和數(shù)字提示常常出現(xiàn)在app的標簽欄和一些列表中,例如微信的標簽欄中和QQ的好友列表中。在權(quán)重上來說,紅點和數(shù)字相比,數(shù)字更能引起用戶的注意,但當這個數(shù)字過大時容易被用戶忽略。所以紅點提示適合在大信息量更新,且權(quán)重不高的情況下使用,點擊過后紅點消失。數(shù)字提示則更適合在更新信息量小,跟用戶相關(guān)性高的情況下使用,點擊過后消失。
反饋模式
優(yōu)秀的用戶界面設(shè)計應該為用戶“提供恰當?shù)?、清晰的、及時的反饋,好讓他們看到自己的操作結(jié)果,并知道系統(tǒng)發(fā)生的變化。”反饋有各種形式,從簡單的進度指示器和確認信息,到更為復雜的動畫和特效。移動反饋模式包括錯誤提示、確認和系統(tǒng)狀態(tài)。
1、錯誤提示
錯誤提示應該用直白而非代碼式的語言表達出來,精確地指出問題所在,并給出建設(shè)性的解決建議。最佳實踐是在一頁上突出顯示錯誤提示。這種設(shè)計方案比模態(tài)對話框更好,因為模態(tài)對話框會遮擋住問題。


在執(zhí)行一項操作時,要提供確認。但不要使用“對話框”反模式,比如安卓版的亞馬遜,而要尋找不會打斷用戶操作流的提供確認反饋的方法。
1)例如,ios版亞馬遜使用動畫來表示一件商品被加入了購物車,且購物車的商品數(shù)量會隨之更新。




《移動應用UI設(shè)計模式》的作者鼓勵設(shè)計師和開發(fā)者使用與網(wǎng)頁端和桌面軟件相同的技術(shù)來顯示系統(tǒng)狀態(tài)。通常來說,這些技術(shù)就是加載指示器(此處詳情可單獨成文,后續(xù)會陸續(xù)總結(jié))。