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