在過去的十年里，如果你經(jīng)常關(guān)注國(guó)外的網(wǎng)站，那么應(yīng)該不難發(fā)現(xiàn)，國(guó)外很多的網(wǎng)站設(shè)計(jì)真的是巨丑，雖說很丑，可以它們卻深的客戶的喜愛，或許很多的都對(duì)此非常的費(fèi)解，下面就讓我們隨著天津網(wǎng)站建設(shè)一起去了解一下吧！
首先，讓我們一起看一下下面的幾個(gè)案例，雖然UI設(shè)計(jì)的很糟糕，但是用戶體驗(yàn)卻很好，或許有些人會(huì)說形式應(yīng)該遵循功能，但實(shí)際上，兩者之間必須協(xié)同工作。
一、亞馬遜
當(dāng)年那個(gè)最不起眼的在線書店現(xiàn)如今已經(jīng)是世界上的科技巨頭之，不過，說實(shí)話，它的用戶界面真的是不盡如意。輪播是在線商城展示商品的較好選擇，用戶通常可以通過輪播滾動(dòng)屏幕，亞馬遜網(wǎng)站使用圖片輪播。但亞馬遜過于濫用輪播模式，主頁(yè)通常有3到4個(gè)輪播在滾動(dòng)，不過值得慶幸的是，當(dāng)我們自己在做設(shè)計(jì)時(shí)，我們可以選擇其他的輪播方式。
亞馬遜為什么不優(yōu)化它的用戶界面，其主要的原因在于一個(gè)小小的用戶界面變化可能會(huì)讓亞馬遜損失數(shù)百萬美元，而且即使進(jìn)行了價(jià)值不菲的調(diào)整，對(duì)于提高網(wǎng)站利潤(rùn)或可用性并沒有多大的幫助。所以當(dāng)有時(shí)涉及到糟糕的UI時(shí)，如果沒有影響到網(wǎng)站使用，一般不會(huì)去主動(dòng)地修復(fù)它。
網(wǎng)址：https://www.amazon.com/
二、Craigslist
打開Craigslist這個(gè)網(wǎng)站，很多人的⑴感覺就是，非常的單調(diào)缺乏設(shè)計(jì)感，會(huì)誤以為自己回到了90年代，不過也正是因?yàn)镃raiglist保持著簡(jiǎn)單、最基本的品質(zhì)，使得這個(gè)廣告巨頭收到很多人的熱烈追捧。Craigslist通過采用非常規(guī)的模式，在眾多商家中一直保持著全球影響力，為什么會(huì)這樣吶？
從用戶的角度分析，可能是由于認(rèn)知負(fù)荷導(dǎo)致，由于網(wǎng)站空洞，使得用戶之間的信任和自由達(dá)到了一定程度，而這是在網(wǎng)上交易的重要因素。Craiglist 遵從的極簡(jiǎn)主義，也就意味著用戶可以在自己的時(shí)間內(nèi)做出決定，不會(huì)受到對(duì)于干擾影響。
網(wǎng)址：https://beijing.craigslist.com.cn/?lang=en&cc=us
三、Reddit
雖然Reddit這個(gè)網(wǎng)站用戶界面涉及跌很糟糕，但是其中依然有很多的設(shè)計(jì)是正確的。
1）內(nèi)容空間充足：Reddit這個(gè)網(wǎng)站的運(yùn)營(yíng)模式是由用戶生成的內(nèi)容驅(qū)動(dòng)，所以大多數(shù)網(wǎng)站都是專門為這個(gè)網(wǎng)站服務(wù)的，而這就是Reddit網(wǎng)站最大的優(yōu)勢(shì)。
2）極簡(jiǎn)主義：這樣設(shè)計(jì)對(duì)Reddit非常有利，有這么多的內(nèi)容，幾乎不可能創(chuàng)建一個(gè)可以容納這么多用戶的系統(tǒng)。雖然它看起來可能有點(diǎn)粗糙，但Reddit成功的主要正是由于簡(jiǎn)單。
其實(shí)，從UI設(shè)計(jì)方面分析，這些設(shè)計(jì)并不算糟糕。若想要美化網(wǎng)站的UI，可以在板塊設(shè)計(jì)中使用可定制的CSS即可。
網(wǎng)址：https://www.reddit.com/
四、德拉吉報(bào)告
德拉吉報(bào)告與大多數(shù)新聞網(wǎng)站一樣，網(wǎng)站全完被搶眼的大圖片和醒目的標(biāo)題所轟炸，但不同的是，在德拉吉報(bào)告中你能感受到極簡(jiǎn)主義帶來的全新網(wǎng)絡(luò)體驗(yàn)，這個(gè)案例告訴我們什么才是設(shè)計(jì)，它并非是華麗的按鈕，也不是搶眼的圖片，甚至也不是令人驚嘆的設(shè)計(jì)。盡管如此，仍然能非常受歡迎。
德拉吉報(bào)告的用戶體驗(yàn)設(shè)計(jì)特別之處在于用戶選擇閱讀內(nèi)容的自由，所有報(bào)道的文字，鏈接和標(biāo)題的格式都是一樣的，因此，報(bào)道之間不存在外觀的偏好，而這也就意味著用戶可以自由選擇他們喜歡的網(wǎng)站內(nèi)容進(jìn)行閱讀瀏覽。
網(wǎng)址：http://www.drudgereport.com/
五、維基百科
維基百科同樣是用戶界面設(shè)計(jì)不夠漂亮的網(wǎng)站，但是卻擁有很好的用戶體驗(yàn)。其實(shí)，很多的巨丑但卻深得用戶親睞的網(wǎng)站，都將功能劃分為優(yōu)先級(jí)，但用戶界面缺乏設(shè)計(jì)并沒有完全妨礙維基百科的可讀性。
維基百科網(wǎng)站能夠被更多的受眾群體接受，那是因?yàn)槠漤?yè)面完全是按照自己的方式設(shè)計(jì)的。若他擁有過多的色彩和過多圖片裝飾，這勢(shì)必會(huì)影響到頁(yè)面的加載速度，使網(wǎng)站更難具有較大的吸引力。如果說維基百科哪個(gè)方面做得很好，那一定就是易讀性。另外，我肯需要明白，它是一個(gè)百科全書而不是約會(huì)網(wǎng)站，所以并不需要華麗的UI界面。
網(wǎng)址：https://www.wikipedia.org/
有哪些原因?qū)е略O(shè)計(jì)看起來巨丑無比吶？一下的這幾點(diǎn)是最可能出現(xiàn)的：
易讀性不佳：網(wǎng)站中充斥這各種各樣的不同字體和絢麗多彩的顏色，這些會(huì)讓網(wǎng)站很難讀，尤其是一些很長(zhǎng)的帖子，閱讀起來更加的困難。
網(wǎng)站導(dǎo)航混亂：導(dǎo)航對(duì)于指引用戶瀏覽網(wǎng)站有著很大的幫助，如果用戶在您的網(wǎng)站上不知道該看些什么，或者不知道一個(gè)鏈接會(huì)給他們帶來什么，他們往往不會(huì)你的網(wǎng)站停留太多時(shí)間。
加載緩慢：若你的設(shè)計(jì)中采用了很多的腳本，圖片和動(dòng)畫，那么想要開發(fā)你的網(wǎng)站勢(shì)必需要花費(fèi)很長(zhǎng)的時(shí)間，在時(shí)間就是金錢的時(shí)間，緩慢的加載速度，一般人都等不起，通常會(huì)選擇直接放棄。
總結(jié)：
總之，說了那么多，其實(shí)最關(guān)鍵的還是用戶體驗(yàn)，作為UI設(shè)計(jì)師，你必須要知道，美只存在于旁觀者眼中，丑陋的用戶界面仍然可以帶來好的用戶體驗(yàn)。計(jì)算器的界面設(shè)計(jì)算不上漂亮，但當(dāng)你的指尖在鍵盤上飛舞時(shí)，它可以幫助你解決許多棘手的算術(shù)問題。許多人嘲笑Crocs鞋子的設(shè)計(jì)不夠美觀，但因?yàn)樗己玫氖孢m性，使其成為醫(yī)療行業(yè)工作者的⑴選擇。
