1. 失敗的復(fù)選框
用戶體驗設(shè)計的基本要素之一是在設(shè)計中應(yīng)用正確的組件元素，然后通過合理使用這些組件元素來達(dá)到想要的效果。
為什么這個復(fù)選框設(shè)計是失敗的？
這個設(shè)計的問題在于使用復(fù)選框作為控制元素——在錯誤的地方應(yīng)用了錯誤的組件。
例如圖中是一個購買雞蛋的設(shè)計，雖然生活中也有人會點(diǎn)15個雞蛋，但比起一長串的復(fù)選框，使用可以快速調(diào)整數(shù)量的下拉菜單會更合適。
設(shè)計提示：復(fù)選框應(yīng)該只用于少量選項之間的選擇。關(guān)于數(shù)量的選擇應(yīng)放置在另一個框中，并添加下拉菜單或加減按鈕來完成數(shù)量的增減。
在下一個例子中，你就可以看到下拉菜單的應(yīng)用，它可以提供更簡潔的界面設(shè)計。
2. 國家區(qū)號限制不準(zhǔn)確
這個用戶體驗失敗案例來自于加拿大Flair航空公司。如果乘客碰巧生活在一個電話號碼不是十位數(shù)的國家，那么他們必須輸入假的電話號碼才能享受這家航空服務(wù)。
這個用戶體驗設(shè)計為什么糟糕?
在當(dāng)今這個時代，企業(yè)靠精準(zhǔn)的數(shù)據(jù)才能繁榮發(fā)展，一個失敗的用戶體驗設(shè)計迫使用戶輸入假的數(shù)據(jù)，這是非常令人頭疼的問題。
設(shè)計提示：信息輸入的字段限制必須確保在合理范圍內(nèi)，并考慮到特殊情況。否則，最終將迫使用戶輸入錯誤的信息，帶來更多的問題。
3. 語言障礙
對于企業(yè)來說，一個網(wǎng)站提供幾種不同的語言版本是很常見的設(shè)計。這個例子的失敗之處是讓用戶難以切換語言，因為它的語言切換隱藏在用戶視圖之外。
用戶體驗不好的原因？
這個網(wǎng)站錯誤地將語言切換框放在屏幕底部，迫使用戶向下滾動才能找到它。如果訪問者沒有立即看到語言框，他們可能會選擇點(diǎn)擊返回按鈕或者離開網(wǎng)站。
設(shè)計提示：在用戶體驗設(shè)計中必須考慮特定內(nèi)容的位置，重要的東西應(yīng)該放在頁面頂部。這個設(shè)計可能會因為失敗的體驗而失去很多訪問者，實際上這個問題很容易解決的。
4. 反常規(guī)的復(fù)選框
這個復(fù)選框的失敗之處在于它的設(shè)計和文案非常令人困惑，用戶幾乎無法明白復(fù)選框選中和非選中狀態(tài)之間的含義。網(wǎng)站默認(rèn)選擇所有可選內(nèi)容，然后強(qiáng)制客戶刪除他們不想要的選項。
為什么這是糟糕的用戶體驗？
這個體驗設(shè)計正好與用戶習(xí)慣相悖，用戶通常習(xí)慣于直接勾選想要的選項或從下拉菜單中選擇；它卻迫使用戶停下來思考應(yīng)該去掉什么選項。
設(shè)計提示：有一句古老的商業(yè)格言曾說過——“如果你讓用戶感到迷惑，你就失去了他們”。將菜單設(shè)為默認(rèn)，并選中所有可選內(nèi)容，這是一個糟糕的設(shè)計。
5. 顏色使用不當(dāng)
為了讓網(wǎng)站或者應(yīng)用程序的一些表單脫穎而出，設(shè)計師一般會在界面上使用鮮艷的顏色。但是，需要注意的是要兼顧文字的可讀性。下面的例子中存在的問題就是設(shè)計本身看起來干凈清爽，但文字卻難以閱讀。
為什么用戶體驗不好？
雖然在這個主題中使用的綠色很好，但是在這個背景中閱讀白色字體是很困難的；即使是在白色背景上閱讀灰色字體也不輕松。
設(shè)計提示：設(shè)計必須強(qiáng)調(diào)可用性。如果用戶必須在界面中費(fèi)力地閱讀文字，那么你很可能就會失去他們的關(guān)注。在選擇特定主題或其他界面的顏色時，一定要密切注意重要信息是如何傳達(dá)的。它是否容易被讀取?
6. 看重視覺效果而不是功能
我們都喜歡賞心悅目的交互網(wǎng)站，但用戶體驗設(shè)計的重點(diǎn)應(yīng)該是功能。用戶體驗設(shè)計必須保證功能齊全、易于使用，這樣才有價值。
為什么是糟糕的用戶體驗？
上面展示的這個站點(diǎn)似乎忘記了他們設(shè)計的功能，選擇了華麗的界面而不是交互。用戶雖然可以看到50個非常美麗的旅游景點(diǎn)，但問題是，他們必須按住鼠標(biāo)幾秒鐘后才能繼續(xù)瀏覽下面的內(nèi)容。
設(shè)計提示：強(qiáng)迫用戶按住按鈕來導(dǎo)航只會“趕走”用戶。用戶沒有耐心等上幾秒鐘去看下一張照片，最終他們會在耐心消失后離開。
7. 凌亂的界面
界面雜亂是蘋果iTunes設(shè)計中的諸多缺陷之一，這個缺陷一直在拖累蘋果的iTunes設(shè)計。在應(yīng)用程序或網(wǎng)站的主頁上塞滿信息看起來似乎很有誘惑力，實際上只會讓訪問者不知所措。他們遭受著信息過載，這種體驗和缺乏信息一樣糟糕。
為什么是糟糕的用戶體驗？
上圖所示的設(shè)計不僅會加重用戶的認(rèn)知負(fù)荷；更糟糕的是，頁面的加載速度也會減慢。兩者都會大大耗費(fèi)用戶的耐心，導(dǎo)致他們離開。他們將在混亂的導(dǎo)航中經(jīng)歷一個糟糕的過程。
設(shè)計提示：在界面設(shè)計方面，菜單是不錯的組件選擇。使用這里的示例，可以使用一個菜單來管理專輯，而不是一股腦將它們?nèi)咳拥绞醉撋?。甚至列出最近打開的2或3張專輯也是一個不錯的折中
8. Netflix的懸停播放功能
Netflix早在2015年就增加了一項功能，當(dāng)用戶在視頻上停留幾秒鐘時，就會播放一段預(yù)告片。乍一看，這似乎不是一個糟糕的設(shè)計。但一旦投入到使用，問題就開始變得明顯起來。
為什么是糟糕的用戶體驗？
問題在于用戶必須將鼠標(biāo)懸停在電影或視頻上才能快速查看詳情。這就產(chǎn)生了一個悖論：停留在播放器上閱讀影片詳情的觀眾會突然聽到或看到一段響亮的預(yù)告片或片段剪輯，打斷他們查看詳情。對于一家專注于客戶滿意度的公司來說，這是一個令人驚訝的疏忽。
關(guān)鍵要點(diǎn)：Netflix也可以讓這成為一個更愉快的體驗。例如可以設(shè)置為用戶必須將鼠標(biāo)懸停在縮略圖上才會播放，而不是在他們查看預(yù)告片詳情時顯示。這里的要點(diǎn)是，在設(shè)計界面時，要確保不會意外地出現(xiàn)一些元素來分散用戶對重要信息的注意力。
9. 谷歌早期的失誤案例
接下來我們回溯到2005年和2009年來看看谷歌這個案例，對于一家似乎還不錯的公司來說，這是一個巨大的失敗。讓我們一起看看是哪里出錯了！
為什么是壞的用戶體驗？
Google Wave在Google X失敗后僅僅四年就出現(xiàn)了。它試圖創(chuàng)建一個全新的系統(tǒng)，但它最終成為了囊括電子郵件、即時通訊和維基百科等功能的混合產(chǎn)品。主要問題在于，它并沒有比市場上其他解決方案做得更好。
設(shè)計要點(diǎn)：這個概念其實非常棒，為我們今天繼續(xù)使用的許多新程序打開了大門。但是，即使是絕妙的想法也無法將Google Wave從糟糕的設(shè)計中拯救出來。當(dāng)試圖簡化那些已經(jīng)流行的特定功能時，新功能至少要達(dá)到同等的水平。否則，人們不會使用它們。
10. 已刪除的消息通知
WhatsApp因其出色的用戶體驗設(shè)計而大受歡迎，但有一項功能卻讓人摸不透。我們都遇到過這樣的情況，有時候編輯了一條信息準(zhǔn)備發(fā)送給一位朋友，但卻意外地將它發(fā)送給另一個朋友。因此，用戶應(yīng)該有權(quán)刪除這條消息。聽起來很有道理，對吧?
為什么是糟糕的用戶體驗？
WhatsApp的設(shè)計問題在于，它會向收件人顯示你刪除了信息!最后，這看起來比你發(fā)錯消息的行為更可疑。這是一個糟糕的設(shè)計決策。
設(shè)計要點(diǎn)：系統(tǒng)應(yīng)該提醒發(fā)件人，收件人可以收到你刪除了信息的通知；或者從一開始就避免給收件人發(fā)送這個通知。給刪除消息的人一個簡單的通知消息這個設(shè)計可以保留。
最后的一點(diǎn)想法
用戶體驗需要放在用戶體驗設(shè)計的首要位置。優(yōu)秀的用戶體驗設(shè)計是小企業(yè)將客戶從更大、更傳統(tǒng)的企業(yè)中轉(zhuǎn)化出來的途徑之一。最后一條建議是將可用性置于界面風(fēng)格之上。吸引眼球的應(yīng)用程序和網(wǎng)站固然很重要，實用性在絕大部分時候是要置與美學(xué)之上的。
原文地址：UI中國
作者：摹客Mockplus
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》十大用戶體驗設(shè)計失敗案例，你知道嗎？
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.teruid.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司