起點(diǎn)課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識為什么丑陋的UI界面卻能創(chuàng)造良好的用戶體驗(yàn)？
網(wǎng)站界面過于漂亮可能會影響網(wǎng)站的可用性，但本文中提到的5個網(wǎng)站界面可謂是“丑”出了新高度。這樣的網(wǎng)站它還有可用性嗎？
計算器的界面設(shè)計算不上漂亮，但當(dāng)你的指尖在鍵盤上飛舞時，它可以幫助你解決許多棘手的算術(shù)問題。許多人嘲笑Crocs鞋子的設(shè)計不夠美觀，但因?yàn)樗己玫氖孢m性，使其成為醫(yī)療行業(yè)工作者的第一選擇。通過這些例子，我們延伸出關(guān)于用戶體驗(yàn)和可用性之間的一個辯論問題: 產(chǎn)品并不一定要漂亮，才能提供極棒的用戶體驗(yàn)。
讓我們來看看5個例子，一些UI看起來很糟糕但用戶體驗(yàn)卻極佳的網(wǎng)站。有人說形式應(yīng)該遵循功能，但實(shí)際上，兩者必須協(xié)同工作。
Craigslist（分類廣告網(wǎng)站）
在瀏覽器中輸入Craigslist，之后便會跳轉(zhuǎn)到一個非常單調(diào)而缺乏設(shè)計感的網(wǎng)頁，你可能會誤認(rèn)為自己回到了90年代早期。在進(jìn)入網(wǎng)站前，也許你會以為這里除了有豐富的網(wǎng)站導(dǎo)航，還有迷人的平面設(shè)計和適當(dāng)?shù)男畔⒓軜?gòu)。
不過，正是Craiglist保持著簡單、最基本的品質(zhì)，使得這個廣告巨頭受到了熱烈追捧。通過采用非常規(guī)的模式，Craigslist在眾多商家中一直保持著全球影響力。不過，這是為什么呢?
從用戶體驗(yàn)角度來說，這可能是由于認(rèn)知負(fù)荷(或缺乏認(rèn)知)造成的。正是因?yàn)檫@個網(wǎng)站如此空洞，才使得用戶之間的信任和自由程度達(dá)到了一定程度。這些都是在網(wǎng)上進(jìn)行交易時的重要因素，而Craiglist 遵從的極簡主義意味著用戶可以在自己的時間內(nèi)做出決定，沒有多余的干擾。
德拉吉報告（新聞聚合網(wǎng)站）
訪問大多數(shù)新聞網(wǎng)站，你都會被各搶眼的大圖片和醒目的標(biāo)題所轟炸。從這一點(diǎn)來看，德拉吉報告也沒有什么不同。你可以看到醒目的頭條新聞，也會看到搶眼的圖片，最重要的是在這里你會感受到極簡主義帶來的全新網(wǎng)絡(luò)體驗(yàn)。
德拉吉報告自1996年建立至今，網(wǎng)站仍然包含過時的HTML元素。但德拉吉報告這個實(shí)例告訴我們什么才是設(shè)計——它不是華麗的按鈕，也不是搶眼的圖片，甚至也不是令人驚嘆的設(shè)計。盡管如此，仍然能非常受歡迎。
德拉吉報告的用戶體驗(yàn)設(shè)計的特別之處在于其選擇閱讀內(nèi)容的自由。所有報道的文字，鏈接和標(biāo)題的格式都是一樣的，因此報道與報道之間并沒有外觀的偏好。這意味著用戶可以自由地瀏覽網(wǎng)站，并選擇他們最感興趣的內(nèi)容進(jìn)行閱讀。
賈森·弗里德評價道：混亂的信息呈現(xiàn)幾乎與編輯部的業(yè)務(wù)如出一轍，這在一定程度上解釋了德拉吉報告帶給用戶的興奮所在。
Reddit（大型論壇）
這個自稱“互聯(lián)網(wǎng)首頁”的網(wǎng)站有一些糟糕的用戶界面。但是它的設(shè)計就沒可取之處了嗎？盡管在Reddit的看板管理中，美學(xué)可能不會被優(yōu)先考慮。但是，就算網(wǎng)站的界面很難看，但還是有很多設(shè)計是正確的。
內(nèi)容空間充足。 Reddit是由用戶生成的內(nèi)容驅(qū)動的，這是網(wǎng)站的運(yùn)作模式，所以大部分的網(wǎng)站都是專門為這個網(wǎng)站服務(wù)的。這就是Reddit最大的優(yōu)勢。
極簡主義。這樣設(shè)計對Reddit是非常有利的- 有這么多的內(nèi)容，幾乎不可能創(chuàng)建一個可以容納這么多用戶的系統(tǒng)。雖然它看起來可能有點(diǎn)粗糙，但簡單正是Reddit會如此成功的原因。
不過，從UI設(shè)計方面來看，這些設(shè)計并不算是糟糕的。如果想美化網(wǎng)站的UI，可以在板塊設(shè)計中使用可定制的CSS即可。
維基百科（百科全書）
維基百科也是一個用戶界面不夠漂亮的網(wǎng)站，但卻有很好的用戶體驗(yàn)。事實(shí)上，上文提到的許多網(wǎng)站（包括維基百科）都將功能劃分為優(yōu)先級。但是用戶界面缺乏設(shè)計感是否會妨礙維基百科的可讀性呢?
也不完全會。維基百科之所以能被廣泛的受眾所接受，是因?yàn)槠漤撁媸峭耆凑兆约旱姆绞皆O(shè)計的。如果它用色彩和過多圖片裝飾，這不僅會減慢頁面的加載時間，而且會使網(wǎng)站更難具有較大的吸引力。如果維基百科有一個方面做得很好，那一定就是易讀性。
最后，我們需要明白，它是一個百科全書而不是約會網(wǎng)站，所以這里不需要華麗的UI界面。
亞馬遜
亞馬遜從90年代早期就開始涉足在線零售領(lǐng)域，當(dāng)初不起眼的在線書店現(xiàn)在已經(jīng)是世界上的科技巨頭之一，但它的用戶界面卻有點(diǎn)不盡如人意。
亞馬遜網(wǎng)站使用圖片輪播，這已經(jīng)成為許多人在用戶體驗(yàn)設(shè)計社區(qū)中熱議的話題。 用戶通?？梢酝ㄟ^輪播滾動屏幕，輪播是在線商城展示商品的最好選擇。但是，亞馬遜過于濫用輪播模式，主頁通常有3到4個輪播在滾動。值得慶幸的是，當(dāng)我們自己在做設(shè)計時，我們可以選擇其他的輪播方式。
為什么亞馬遜不優(yōu)化它的用戶界面？一個小小的用戶界面變化可能會讓亞馬遜損失數(shù)百萬美元，而且即使進(jìn)行了價值不菲的調(diào)整，可能也不會提高網(wǎng)站利潤或可用性。所以當(dāng)有時涉及到糟糕的UI時，如果沒有影響到網(wǎng)站使用，就不會修復(fù)它。
結(jié)論
用戶體驗(yàn)設(shè)計師必須記住，美只存在于旁觀者眼中，丑陋的用戶界面仍然可以帶來好的用戶體驗(yàn)。雖然文中提到的這些網(wǎng)站可能會被精簡，但這并不一定意味著它們的用戶界面不好。它們中的大多數(shù)只是簡單地保留了原來的用戶界面，可能那時的界面僅僅是為網(wǎng)站運(yùn)營設(shè)計的。
網(wǎng)站可能不會優(yōu)先考慮美學(xué)，但這并不意味著該網(wǎng)站是壞的或丑陋的?；仡櫼陨咸岬降倪@些網(wǎng)站- 它們可能有非常規(guī)的用戶界面，但這并不能影響它們每日數(shù)百萬的用戶訪問量！
作者：Justinmind
地址：https://uxplanet.org/when-good-design-goes-bad-examples-of-ugly-ui-with-great-ux-48d72c7d1601
本文由@Mockplus團(tuán)隊翻譯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自unsplash，基于CC0協(xié)議
很喜歡維基百科的設(shè)計，簡單粗暴，一個搜索框，黑白排版。
再加一個4chan
= =！這種界面迷之惡心，跟現(xiàn)在很多還沒改版的界面一樣，復(fù)雜的內(nèi)容恨不得把一個界面所有留白都填滿，我并不認(rèn)為這是一種美
有好的內(nèi)容（或商品）是核心，能漂亮當(dāng)然更好。
只有我覺得亞馬遜的網(wǎng)站很難用嗎？ ??
那是因?yàn)槟悴怀Ｓ茫?/p>