界面質(zhì)量太漂亮可能會影響網(wǎng)站的可用性，但本文中提到的五個網(wǎng)站界面可謂“丑陋”到一個新的高度。這樣的網(wǎng)站是否有任何可用性？

計算器的界面設(shè)計并不漂亮，但它可以幫助您解決許多棘手的算術(shù)問題，當(dāng)您的指尖在鍵盤上飛行時。很多人嘲笑Crocs鞋的設(shè)計不夠漂亮，但由于其良好的舒適性，它已成為醫(yī)療行業(yè)工人的首選。通過這些示例，我們擴展了關(guān)于用戶體驗和可用性的爭論：產(chǎn)品不一定非常漂亮，無法提供出色的用戶體驗。

我們來看看五個示例，一些在UI上看起來很糟糕但具有出色用戶體驗的網(wǎng)站。有人說表格應(yīng)該遵循功能，但事實上，兩者必須一起工作。

Craigslist（類別廣告網(wǎng)站）

在您的瀏覽器中輸入Craigslist，您將跳轉(zhuǎn)到一個非常單調(diào)和不受歡迎的網(wǎng)頁，您可能會在90年代初回想起自己。在進入網(wǎng)站之前，您可能會認為除了豐富的網(wǎng)站導(dǎo)航外，還有迷人的圖形設(shè)計和適當(dāng)?shù)男畔⒓軜?gòu)。

然而，Craiglist保持了一種簡單，基本的品質(zhì)，使這個廣告巨頭備受追捧。通過采用非傳統(tǒng)模式，Craigslist在眾多商家中保持著全球性的地位。但是，為什么會這樣？

從用戶體驗的角度來看，這可能是由于認知負荷（或缺乏意識）。正是因為這個網(wǎng)站空洞，用戶之間的信任和自由達到了一定的水平。這些都是在線交易時的重要因素，而Craiglist遵循的極簡主義意味著用戶可以在自己的時間內(nèi)做出決策而不會造成不必要的干擾。

德拉吉報道（新聞聚合網(wǎng)站）

訪問大多數(shù)新聞網(wǎng)站，你將被轟炸的大圖片和引人注目的標(biāo)題轟炸。從這個角度來看，德拉吉的報告也不例外。你可以看到引人注目的頭條新聞，你會看到引人注目的圖像。最重要的是，您將感受到極簡主義帶來的新網(wǎng)絡(luò)體驗。

自1996年Draghi報告成立以來，該網(wǎng)站仍然包含過時的HTML元素。但Draghi報道說這個例子告訴我們什么是設(shè)計，它不是一個華麗的按鈕，它不是一個引人注目的圖片，甚至是一個驚人的設(shè)計。盡管如此，它仍然非常受歡迎。

Draghi報告的用戶體驗設(shè)計的特點是可以自由選擇閱讀內(nèi)容。所有文章的文本，鏈接和標(biāo)題的格式都是相同的，因此故事和故事之間沒有外觀偏好。這意味著用戶可以自由瀏覽網(wǎng)站并選擇他們最感興趣的內(nèi)容來閱讀。

杰森· Friede評論說：混亂的信息呈現(xiàn)幾乎與編輯部門的相同，這在一定程度上解釋了德拉吉報告給用戶帶來的興奮。

Reddit（大型論壇）

這個自稱為“Internet Home”的站點有一些糟糕的用戶界面。但它有什么設(shè)計嗎？雖然在Reddit的看板管理中，美學(xué)可能不是優(yōu)先考慮的。但是，即使網(wǎng)站的界面很難看，仍有許多設(shè)計是正確的。

充足的內(nèi)容空間。 Reddit是用戶生成的內(nèi)容驅(qū)動的，這是網(wǎng)站的運營模式，因此大多數(shù)網(wǎng)站都專用于此網(wǎng)站。這是Reddit的最大優(yōu)勢。

極簡主義。這種設(shè)計對Reddit非常有用。有了這么多內(nèi)容，幾乎不可能創(chuàng)建一個可以容納這么多用戶的系統(tǒng)。雖然看起來有點粗糙，但簡單是Reddit如此成功的原因。

但是，從UI設(shè)計的角度來看，這些設(shè)計并不差。如果您想美化網(wǎng)站的UI，可以在該部分的設(shè)計中使用可自定義的CSS。

維基百科（百科全書）

維基百科也是一個網(wǎng)站，其用戶界面不夠漂亮，但它具有良好的用戶體驗。事實上，上面提到的許多網(wǎng)站（包括維基百科）都優(yōu)先考慮功能。但是用戶界面缺乏設(shè)計會妨礙維基百科的可讀性嗎？

不完全是。維基百科被廣泛的受眾所接受，因為它的頁面設(shè)計完全符合他們的需要。如果它用彩色和太多圖像裝飾，這不僅會減慢頁面的加載時間，而且還會使網(wǎng)站更難以吸引。如果維基百科有一個方面做得很好，它必須是易讀性。

最后，我們需要了解它是一個百科全書而不是一個約會網(wǎng)站，因此不需要華麗的UI界面。

亞馬遜

自20世紀(jì)90年代初以來，亞馬遜一直參與在線零售業(yè)。原來的在線書店現(xiàn)在是世界上最大的技術(shù)巨頭之一，但它的用戶界面有點令人不滿意。

Amazon.com使用圖像輪播，這已成為用戶體驗設(shè)計社區(qū)中許多人的熱門話題。用戶通?？梢栽谄聊簧蠞L動，旋轉(zhuǎn)木馬是在線商店中展示產(chǎn)品的最佳選擇。然而，亞馬遜過于濫用旋轉(zhuǎn)木馬模式，主頁通常有3到4個滾動輪播。幸運的是，當(dāng)我們自己設(shè)計時，我們可以選擇其他旋轉(zhuǎn)木馬的方式。

為什么亞馬遜沒有優(yōu)化其用戶界面？小的用戶界面變化可能使亞馬遜花費數(shù)百萬美元，即使進行了昂貴的調(diào)整，也可能無法提高網(wǎng)站的盈利能力或可用性。因此，當(dāng)涉及到有害的UI時，如果它不影響網(wǎng)站，它將無法修復(fù)它。

結(jié)論

用戶體驗設(shè)計師必須記住，美麗只存在于旁觀者眼中，丑陋的用戶界面仍然可以帶來良好的用戶體驗。雖然本文中提到的網(wǎng)站可能會簡化，但這并不一定意味著他們的用戶界面不好。他們中的大多數(shù)只是保留原始用戶界面，當(dāng)時的界面可能只是為網(wǎng)站操作而設(shè)計的。

網(wǎng)站可能不會優(yōu)先考慮美學(xué)，但這并不意味著該網(wǎng)站是壞的或丑陋的?；仡櫳厦嫣岬降木W(wǎng)站，他們可能有非傳統(tǒng)的用戶界面，但這不會影響他們每天數(shù)百萬的用戶訪問。

作者：Justinmind

地址：https://uxplanet.org/when-good-design-goes-bad-examples-of-ugly-ui-with-great-ux-48d72c7d1601

« 為什么構(gòu)建企業(yè)電子商務(wù)網(wǎng)站系統(tǒng)比其他網(wǎng)站更難？ | Apple即將進入新總部：回顧Apple Park的過去和現(xiàn)在 »