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

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

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

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

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

 

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

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

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

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

 

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

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

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

 

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

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

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

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

 

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

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

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

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

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

如何找到極端情況

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

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

結(jié)語

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