UI設(shè)計(jì)師如何考慮極端情況的設(shè)計(jì)

極端情況發(fā)生的機(jī)率很低，但是它們對(duì)于用戶體驗(yàn)有著重大的影響。對(duì)于積極的、順暢的交互，用戶很少會(huì)記得，但是偶然碰到的極端情況，則會(huì)在內(nèi)心身處留下深刻的印象。如果對(duì)于極端情況沒有合理的處理方案，整個(gè)產(chǎn)品的體驗(yàn)可能會(huì)因此受損。

在今天的文章當(dāng)中，我將會(huì)分享一些相對(duì)常見的極端情況的處理方法，如何通過在設(shè)計(jì)中合理的規(guī)劃來規(guī)避。解決極端情況通常有兩種基本的方法：

• 防止邊緣情況的發(fā)生
• 為邊緣情況的處理提供支持

給出選擇，是防止極端情況的最好方法。在某些情況下，通過降低整個(gè)系統(tǒng)的復(fù)雜性可以起到防止的作用（比如限制用戶和系統(tǒng)交互的時(shí)候可執(zhí)行操作的數(shù)量）。復(fù)雜性的降低可以讓極端情況的發(fā)生機(jī)率降低。但是，有些極端情況是無法完全規(guī)避的，因此你需要通過設(shè)計(jì)和支撐來緩解這些極端情況帶來的影響。

 

1. 和延時(shí)加載進(jìn)行斗爭

隨著技術(shù)的發(fā)展，用戶越來越不耐煩了，不愿意等待是最直接的表現(xiàn)。根據(jù)Google 最新的調(diào)研，2/3的移動(dòng)端用戶表示，頁面加載速度對(duì)于他們的移動(dòng)端體驗(yàn)影響最大。為了滿足用戶的期望，你應(yīng)當(dāng)盡可能讓網(wǎng)站/APP 盡快加載。但是在實(shí)際使用場景中，總會(huì)有各種情況讓加載無法順暢地推進(jìn)。延時(shí)加載的原因很多，可能是網(wǎng)絡(luò)連接不好，或者其他。但是不論如何，你應(yīng)該創(chuàng)造出一種「正在努力加載且加載速度還行」的感覺。要知道，看起來的加載速度比實(shí)際的加載速度更重要。

在加載頁面的過程中先加載整個(gè)布局的骨架，能給人一種速度感，一種看起來比實(shí)際加載要快得多的主觀感受。這種技術(shù)被稱為骨架布局。

LinkedIn 就是通過骨架布局給人加載速度很快的印象。

 

2. 設(shè)計(jì)好空狀態(tài)

很多網(wǎng)站和 APP 的頁面當(dāng)中，設(shè)計(jì)的時(shí)候被填充了各種各樣的數(shù)據(jù)和內(nèi)容，但是在實(shí)際的情況當(dāng)中，它們有可能是沒有可用數(shù)據(jù)的，也就是我們常說的空狀態(tài)。比如在某個(gè)健身應(yīng)用當(dāng)中，用戶在完成第一次健身之前，用戶挑戰(zhàn)頁面內(nèi)是沒有數(shù)據(jù)來填充的，可能是空白的。作為設(shè)計(jì)師，這種情況是需要盡量規(guī)避的，一個(gè)空白的頁面留在那里肯定是不行的。相反，設(shè)計(jì)師可以提供諸如如何填充頁面的說明，或者引導(dǎo)性的內(nèi)容，而不是留下一個(gè)讓人懵逼的頁面。iOS 平臺(tái)的 Khaylo Workout 這個(gè)應(yīng)用就是空狀態(tài)頁面設(shè)計(jì)的典型范例。

可以使用空狀態(tài)頁面來為用戶提供正確使用的說明。

 

3. 解決用戶和系統(tǒng)的錯(cuò)誤

每個(gè)用戶和系統(tǒng)之間的每一個(gè)交互都可能是錯(cuò)誤的來源。當(dāng)需要用戶輸入數(shù)據(jù)的時(shí)候，錯(cuò)誤就很容易出現(xiàn)了。我們提到過，為了防止在這個(gè)環(huán)節(jié)出錯(cuò)，最好的辦法是提供用戶輸入的規(guī)則。但是當(dāng)涉及到用戶輸入的時(shí)候，我們應(yīng)該著手處理以下潛在的問題：

• 用戶輸入的數(shù)據(jù)無效。比如，用戶在結(jié)帳的時(shí)候輸入了錯(cuò)誤的信用卡號(hào)碼。這種情況下，應(yīng)用應(yīng)該提供詳細(xì)精準(zhǔn)的報(bào)錯(cuò)信息，幫助用戶定位問題的來源。
• 由于技術(shù)問題，系統(tǒng)無法繼續(xù)運(yùn)行。在這種情況下，錯(cuò)誤信息應(yīng)該明確地說明是系統(tǒng)造成的，而不是用戶造成的，這可以阻止用戶繼續(xù)提交數(shù)據(jù)。

在這兩種情況下，你都應(yīng)該確保應(yīng)用或者網(wǎng)頁能夠正常處理錯(cuò)誤。錯(cuò)誤消息要清晰，使用對(duì)用戶友好的語言來編寫（避免使用高深的術(shù)語），系統(tǒng)應(yīng)該提供精確的解決方案（這可能是一系列指令，或者其他可用的東西）。

 

4. 可用結(jié)果為零

絕大多數(shù)的網(wǎng)站和 APP 都會(huì)提供搜索功能，在搜索功能中最常見的可用性問題是用戶搜索到的結(jié)果為零，然后獲得的就是一個(gè)空白的頁面，并且提示信息為「找到0個(gè)結(jié)果」。這樣的結(jié)果無疑是會(huì)讓用戶感到沮喪的，特別是他們?yōu)榇诉€反復(fù)搜索了好幾次。

如果你能控制你的搜索功能，請(qǐng)考慮按照下面的方式來處理：

• 提供拼寫檢查和搜索建議。有的時(shí)候用戶僅僅只是輸錯(cuò)了單詞或者詞匯，因此沒有得到有用的結(jié)果。當(dāng)系統(tǒng)檢測(cè)到輸入錯(cuò)誤的時(shí)候，查詢并提供最接近的可能的正確的搜索關(guān)鍵詞，這一功能非常有用。另外一個(gè)接近的功能就是搜索建議，提供對(duì)用戶真正有用的關(guān)鍵詞組合，這可以減少用戶的輸入的工作量，還可以規(guī)避錯(cuò)誤的輸入。
• 當(dāng)沒有匹配的搜索結(jié)果的時(shí)候，為用戶提供可能有用條目或者精選的內(nèi)容。例如在電商網(wǎng)站當(dāng)中，搜索結(jié)果中往往會(huì)提供相關(guān)的、類似的產(chǎn)品。

對(duì)比一下惠普和亞馬遜的搜索頁面就可以輕松地明白我所說的意思了，惠普的零結(jié)果頁面幾乎就是個(gè)死胡同，相反亞馬遜則給用戶進(jìn)一步搜索的可能，以及相關(guān)的產(chǎn)品推薦。

如何找到極端情況

有些設(shè)計(jì)師認(rèn)為，極端情況往往是意料之外的情況，但是實(shí)際上，絕大多數(shù)的極端情況是可以提前預(yù)測(cè)的。有兩種方法可以幫你找到極端情況：

• 設(shè)計(jì)評(píng)審。為了創(chuàng)造出色的設(shè)計(jì)，你應(yīng)當(dāng)主動(dòng)尋找極端情況。設(shè)計(jì)評(píng)審是一個(gè)非常有用的環(huán)節(jié)，它可以幫助產(chǎn)品團(tuán)隊(duì)找到許多潛在的優(yōu)勢(shì)案例。在產(chǎn)品設(shè)計(jì)的早期，就應(yīng)該進(jìn)行設(shè)計(jì)評(píng)審。為了獲得更好的結(jié)果，最好邀請(qǐng)開發(fā)人員和其他的團(tuán)隊(duì)成員參與此類會(huì)議。
• 使用真實(shí)用戶測(cè)試。盡早在其他的團(tuán)隊(duì)成員的幫助下尋找極端情況是一種很好的辦法，但是它不能保證你會(huì)發(fā)現(xiàn)所有的問題來源。只有在真正的用戶進(jìn)行測(cè)試的時(shí)候，才能幫你了解用戶使用你的產(chǎn)品的時(shí)候所面臨的問題。同時(shí)，值得一提的是，嚴(yán)格且有節(jié)制的可用性測(cè)試，用戶可能會(huì)因?yàn)榻?jīng)常被指示要做什么而很難暴露極端情況的存在。所以，最好創(chuàng)建一個(gè)讓用戶可以嘗試和探索的體系，在靈活的測(cè)試和充足的時(shí)間下，更容易找到問題。

結(jié)語

在設(shè)計(jì)產(chǎn)品的時(shí)候，我們常常會(huì)更加專注于絕大多數(shù)的用戶的需求，使用80/20原則來創(chuàng)建交互場景，探索用戶體驗(yàn)。而絕大多數(shù)情況下，這樣的思路確實(shí)帶來了優(yōu)良的體驗(yàn)。但是極端情況是始終存在的，對(duì)于細(xì)節(jié)的專注與否是讓產(chǎn)品脫穎而出的關(guān)鍵。關(guān)注極端情況吧。