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