設(shè)計(jì)中的異常是指正常狀態(tài)以外的情況。比如你要設(shè)計(jì)一個(gè)下載按鈕,下載按鈕需要有多少種狀態(tài)?
正常狀態(tài)下需要提供的下載按鈕的狀態(tài)應(yīng)該是: 點(diǎn)擊下載(下載前) 正在下載(或正在下載、59%下載等) 下載完成如果你在設(shè)計(jì)中只提供這三種下載狀態(tài): 不夠(其實(shí)有些新手設(shè)計(jì)師只提供點(diǎn)擊下載的狀態(tài))。
還要考慮如果下載過程中出現(xiàn)斷網(wǎng),或者用戶暫停下載等情況怎么辦?
這是例外。
因此,除了前面三種狀態(tài),還需要提供繼續(xù)下載、下載失敗等狀態(tài)。
下載完成后,一般會(huì)自動(dòng)安裝當(dāng)前設(shè)計(jì)。此時(shí)會(huì)顯示正在安裝。如果未自動(dòng)安裝,則需要進(jìn)行安裝操作。安裝完成后,提供打開操作。
當(dāng)然這里包含的異常狀態(tài)主要是暫停后繼續(xù)下載、下載失敗等。
下圖是我制作的下載按鈕??梢钥吹胶芏酄顟B(tài),比如點(diǎn)擊下載、下載完成、安裝、打開等,視覺上是一樣的,只是文字不一樣。
即便如此,交互設(shè)計(jì)師和視覺設(shè)計(jì)師都應(yīng)該給出這些應(yīng)有的狀態(tài),否則程序員將不知道在哪種情況下使用哪種形式的按鈕。主要包含以下 7 種情況:網(wǎng)絡(luò)環(huán)境相關(guān):下載失敗、服務(wù)器錯(cuò)誤、網(wǎng)絡(luò)斷開、網(wǎng)速慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi密碼正確、連接不成功);空狀態(tài):搜索結(jié)果為空,無瀏覽記錄,無收藏,無購買記錄,無訂單記錄,無下載記錄等;表單異常:密碼錯(cuò)誤、輸入字符太少、數(shù)量過多、賬號(hào)密碼等不符合相應(yīng)規(guī)則、賬號(hào)過期、必填項(xiàng)未填寫(提示定位)、必填項(xiàng)輸入字符為空等。時(shí)效性:二維碼/驗(yàn)證碼的過期/失效,如有效鏈接、二維碼等;限制值:上傳文件超過限制大小,操作過于頻繁(頻繁刷新,點(diǎn)贊,搖一搖,戳戳等,需要友情提醒);不可用:賬戶不存在、賬戶過期、選項(xiàng)不可用、按鈕變灰等;其他:外接設(shè)備連接失?。ㄈ邕b控器、音響、手機(jī)等)、斷電/低電量、安裝失??; 2、用戶在操作過程中感覺不到這種異常,對(duì)用戶操作影響較小。
事實(shí)上,登錄、支付、提交等一些按鈕仍然處于“不可用”的狀態(tài)。當(dāng)用戶沒有輸入信息時(shí),登錄按鈕是灰色的,只有在用戶輸入相應(yīng)信息后,該按鈕才會(huì)高亮顯示。 2. 異常情況總結(jié)通過上面的例子,相信大家已經(jīng)充分了解了設(shè)計(jì)中的異常是什么以及如何處理。下面總結(jié)一下設(shè)計(jì)中常見的異常情況。
異常處理其實(shí)分為兩種情況。兩種異常情況的處理1、界面有明顯提示,需要用戶了解情況,影響用戶下一步操作。
主要是用戶切換任務(wù)導(dǎo)致的異常:比如按home鍵突然退出/切換應(yīng)用,返回鍵退出,下載進(jìn)程退出等。
以上是設(shè)計(jì)中常見的一些異常情況的總結(jié)??吹竭@里,很多朋友可能會(huì)說,這么多,我怎么記不住。
我個(gè)人的建議是:如果你熟悉以上異常,那么在設(shè)計(jì)類似模塊時(shí),你會(huì)實(shí)際考慮相應(yīng)的情況;如果對(duì)這些不熟悉,可以將文章中描述的異常作為checklist,在設(shè)計(jì)相應(yīng)模塊時(shí),可以參考是否會(huì)出現(xiàn)上述情況。 3、異常處理接下來分析這些異常情況的處理方法,以異常的方式進(jìn)行處理。
與網(wǎng)絡(luò)環(huán)境相關(guān):下載失敗、服務(wù)器錯(cuò)誤、網(wǎng)絡(luò)斷開、網(wǎng)速慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi密碼正確、連接不成功) 1、下載失敗一般需要有明確的下載失敗提示,可以提示通過彈窗、Toast、列表等方式,如下圖提示用戶進(jìn)行下一步操作,如重試、重新下載、刪除等操作。
2.空狀態(tài)搜索結(jié)果為空,無瀏覽記錄,無收藏,無購買記錄,無訂單記錄,無下載記錄等。
其實(shí)空狀態(tài)很好理解,就是當(dāng)頁面沒有內(nèi)容時(shí),空頁面一般會(huì)提醒用戶當(dāng)前頁面的空狀態(tài),也可以提供適當(dāng)?shù)囊龑?dǎo)。
比如在影視app中,如果觀看記錄為空,可以為用戶推薦電影,比如熱門電影,猜你喜歡,以及其他熱門推薦,供用戶選擇。
但是,如果您不確定您推薦的用戶是否喜歡,則不建議進(jìn)行推薦。
3、表格類異常:密碼錯(cuò)誤、輸入字符太少、數(shù)量過多、賬號(hào)密碼等不符合規(guī)則、賬號(hào)過期、必填項(xiàng)未填寫(提示定位)、必填項(xiàng)輸入字符不正確空等
4. 對(duì)時(shí)間敏感的二維碼/驗(yàn)證碼的過期/失效處理,如有效鏈接、二維碼等。
有效性更多體現(xiàn)在二維碼、支付碼、驗(yàn)證碼等有時(shí)間限制才有效的情況。通常,它們失效后需要刷新。手機(jī)端的篩選操作一般是點(diǎn)擊或者下拉刷新; PC端一般是點(diǎn)一下,但是在TV端,按“OK”鍵刷新。
如下圖所示,顯示了QQ二維碼掃描登錄頁面和UC瀏覽器手機(jī)登錄頁面。
5.限制上傳文件超過限制大小,操作過于頻繁(頻繁刷新、點(diǎn)贊、搖一搖、戳戳等,需要友情提醒)
v>對(duì)于文件過大無法上傳、下載這種建議都是采取彈窗的方式告訴用戶當(dāng)前狀況,明確問題并且加上操作提示。如新媒體管家中的導(dǎo)入的 word 的文件不能超過10M的提示如下左圖所示。我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!