在做設(shè)計的過程中,大部分設(shè)計師只專注于主操作流程、主頁面、分支流程、小頁面和頁面的不同狀態(tài)。卻容易忽略產(chǎn)品中容易出現(xiàn)的各種異常狀態(tài)。 當用戶停留任何一個界面,進行任何一個操作都可能發(fā)生異常狀態(tài)。 如果接到每個需求都去制定一次異常狀態(tài),這樣的后果可能會使得產(chǎn)品的不同模塊、不同流程,異常狀態(tài)都不一致。全局規(guī)范性被破壞,同時設(shè)計師的效率也降低。 因此全局制定異常狀態(tài)規(guī)范,后續(xù)就不需要再設(shè)計,開發(fā)直接復用異常狀態(tài)的規(guī)范。省時省力、提高效率、設(shè)計規(guī)范、運行更流暢、減少代碼重復率、安裝包也會更小。 異常狀態(tài)一共有以下10類: 1.網(wǎng)絡異常 2.消耗大量流量時 3.空數(shù)據(jù) 4.加載失敗 5.操作失敗 6.服務器異常 7.搜索無結(jié)果 8.無權(quán)限 9.功能建設(shè)中 10.內(nèi)容被刪除 1.網(wǎng)絡異常 當移動設(shè)備網(wǎng)絡異常時,導致無法上傳和下載數(shù)據(jù),從而無法正常的使用產(chǎn)品。 網(wǎng)絡異常存在兩種場景: 1.網(wǎng)絡異常時,用戶打開App,這種情況App會出現(xiàn)異常狀態(tài)提示給用戶,這是App主動告知行為。 2.用戶點擊操作時,由于網(wǎng)絡異常,這時候通過交互反饋給用戶,這是App被動告知行為。 App主動行為 當無網(wǎng)絡時,用戶打開App,通常有三種方式提醒用戶當前網(wǎng)絡異常。1.tips提示,通過tips提示用戶當前網(wǎng)絡不可用,tips使用場景一般為用戶打開后,界面停留在首頁, 且首頁以列表形式展示,這樣的話,tips才能合理的融入到界面中,常見使用這種布局方式的有微信、qq等。 2.使用toast提示用戶網(wǎng)絡異常,同時提示用戶可以去使用非數(shù)據(jù)影響的的操作。例如網(wǎng)易云音樂,當無網(wǎng)絡時候,告知用戶可以去正常聽已下載的音樂。 3.使用對話框,引導用戶進入設(shè)置頁面,關(guān)閉飛行模式或者打開Wi-Fi,例如美團進入首頁后的對話框提示。 App被動行為 當前無網(wǎng)絡時,用戶點擊操作時,無法正常使用產(chǎn)品,這時候通常有兩種處理方式。 一種是操作當前界面出現(xiàn)toast提示。另一種是進入下一級界面,以缺省頁的形式提醒用戶當前網(wǎng)絡異常。 例如手機淘寶,沒有網(wǎng)絡用戶點擊,進入下一頁,出現(xiàn)缺省頁提示,告知用戶網(wǎng)絡異常,同時提供刷新按鈕。 美團在無網(wǎng)絡時,點擊其他tab bar時,出現(xiàn)toast提示用戶當前網(wǎng)絡異常,稍后重試。 總結(jié): 1.個人覺得,當App打開進入列表頁面時,常見的如IM,則使用tips提示告知用戶,非列表的IM工具時,可使用toast告知用戶即可。 2.當用戶進行界面交互時,用戶點擊操作,通過toast告知用戶即可。 2.消耗大量流量時 當涉及需要消耗大量流量數(shù)據(jù)時,且非Wi-Fi情況下,這時候需要告知用戶。常見的例如:看視頻,聽/下載歌曲、視頻通話、下載上傳文件等。 例如B站,當使用移動數(shù)據(jù)看視頻時候,則通過提示語和對應按鈕上面當流量數(shù)告知用戶。 網(wǎng)易云音樂在非Wi-Fi情況下,下載音樂時,通過對話框,告知用戶當前使用數(shù)據(jù)流量,同時提供操作可繼續(xù)下載,也提供通過辦理新業(yè)務解決數(shù)據(jù)流量的問題。 3.空數(shù)據(jù) 空數(shù)據(jù)一共分為兩種類型,分別為初始狀態(tài)和清空狀態(tài) 初始狀態(tài): 用戶首次使用,沒有任何內(nèi)容數(shù)據(jù)時,需要用戶進行某種操作才能產(chǎn)生內(nèi)容的界面,這時候需要提示用戶需要進行某種操作才會出現(xiàn)內(nèi)容。 例如淘寶App,當用戶沒有把商品加入購物車時,進入購物車界面,會給出提示購物車界面為空,給出用戶提示后,給出相對應的入口按鈕,引導用戶操作。 如果初始狀態(tài),無任何內(nèi)容直接給出一個空白界面,那樣的話用戶可能以為該界面出bug了,不知所措。 Gmail直接用一個插畫提示用戶收件箱為空。 一般對于初始狀態(tài)的設(shè)計,常規(guī)做法是簡單的插畫配合簡潔的文案,必要的時候給出引導用戶操作行為的按鈕。 現(xiàn)在流行的設(shè)計趨勢是插畫越輕量越簡單越好,以免搶奪了文案信息。 清空狀態(tài) 當用戶清空當前的頁面內(nèi)容,產(chǎn)生了空界面,這時候需要有明確的提示告知用戶出現(xiàn)當前頁面當原因,且告知用戶該如何處理。 清空狀態(tài)是對初始狀態(tài)的進一步細化。清空狀態(tài)的界面和初始狀態(tài)設(shè)計很相似,唯一不同的是文案的提示。 有的產(chǎn)品設(shè)計直接把清空狀態(tài)的界面按照初始狀態(tài)來設(shè)計,這樣也是可以的,缺點就是沒有告知用戶產(chǎn)生空狀態(tài)原因是初始化還是清空所致。 4.加載失敗 在加載過程中,App向服務器請求數(shù)據(jù),如果是網(wǎng)絡原因?qū)е拢瑒t使用網(wǎng)絡異常的設(shè)計規(guī)范。 如果非網(wǎng)絡異常原因,則可能因為服務器異常導致接口請求不到數(shù)據(jù),從而導致加載失敗。 第一次請求失敗,有些場景可能重試2次例如微信支付寶,這種情況可使用toast告知用戶加載失敗的原因。 5.操作失敗 任何操作行為的交互界面都伴隨著操作失敗的概率。 當用戶操作失敗時,在當前頁面給予一個反饋,告知用戶操作失敗,最好告知用戶操作失敗的原因,讓用戶知道接下來如何避免操作失敗。 6.服務器異常 因為服務器異常是小概率事件,但是也會發(fā)生。 當服務器異常時,且用戶在操作過程中,出現(xiàn)這種情況,一般可設(shè)計為對話框提示,明確告知用戶,服務器出現(xiàn)問題,讓用戶稍后重試。 例如下圖的華為云備份恢復界面。 7.搜索無結(jié)果 用戶在搜索過程中,除了出現(xiàn)正常的匹配結(jié)果,還存在無匹配結(jié)果的情況,針對搜索無結(jié)果的情況,要給予用戶操作無結(jié)果的提示。 幾乎搜索的搜索無結(jié)果狀態(tài)都是在內(nèi)容區(qū)出現(xiàn)對應的提示(插圖) 例如iOS相冊,通過搜索關(guān)鍵詞,當沒有匹配照片時,則出現(xiàn)對應的提示,如下圖右側(cè)圖。 下圖淘寶買家版后臺,當用戶搜索關(guān)鍵詞無結(jié)果時,出現(xiàn)對應的提示語和插圖。 8.無權(quán)限 無權(quán)限的場景,通常適用b端產(chǎn)品,對于不同組織架構(gòu)的企業(yè)員工,會存在不同的權(quán)限。 例如部分重要的內(nèi)容,非同一組織架構(gòu)的員工無權(quán)限觀看,這種情況,用戶點擊進入一般給出對應的提示。 當然最好的方案是在App上面過濾掉無法查看的內(nèi)容,但是存在員工間的轉(zhuǎn)發(fā)行為,這時候無權(quán)限的員工,點擊進入,則顯示暫無權(quán)限查看的提示頁面。 9.功能建設(shè)中 一般App功能正在開發(fā)中,這種情況不會在App界面中展示出來,只有完全開發(fā)完畢并上線后才會出現(xiàn)在App上。 |
|