用戶體驗(yàn)好界面丑的網(wǎng)站設(shè)計(jì)分析。

2019-02-25    分類: 網(wǎng)站設(shè)計(jì)

網(wǎng)站界面過于美觀可能會(huì)影響網(wǎng)站的可用性,但本文提到的五個(gè)網(wǎng)站界面可謂“丑陋”,并達(dá)到了新的高度。 這樣的網(wǎng)站是否有這樣的可用性?

計(jì)算器的界面設(shè)計(jì)并不美觀,但當(dāng)您的指尖在鍵盤上飛行時(shí),它可以幫助您解決許多難題。 許多人嘲笑Crocs鞋的設(shè)計(jì)不夠漂亮,但由于它的舒適性,它成為醫(yī)療行業(yè)工作人員的選。 通過這些例子,我們?cè)谟脩趔w驗(yàn)和可用性之間展開了一場(chǎng)爭(zhēng)論:產(chǎn)品不一定非常漂亮才能提供出色的用戶體驗(yàn)。

我們來看看五個(gè)用戶界面不佳但具有良好用戶體驗(yàn)的網(wǎng)站示例。 有人說這個(gè)表格應(yīng)該遵循這個(gè)功能,但實(shí)際上,兩者都必須一起工作。

Craigslist(分類廣告網(wǎng)站)

在瀏覽器中輸入Craigslist,然后跳轉(zhuǎn)到一個(gè)非常單調(diào)而缺乏設(shè)計(jì)的網(wǎng)頁。 你可能錯(cuò)誤地認(rèn)為你已經(jīng)回到了90年代初。 在進(jìn)入網(wǎng)站之前,您可能會(huì)認(rèn)為除了豐富的網(wǎng)站導(dǎo)航外,還有一個(gè)迷人的圖形設(shè)計(jì)和適當(dāng)?shù)男畔⒓軜?gòu)。

分類廣告網(wǎng)站

然而,Craiglist的這個(gè)簡(jiǎn)單,基本的質(zhì)量讓這個(gè)廣告巨頭受到了熱烈的追捧。 通過使用非傳統(tǒng)模式,Craigslist在眾多企業(yè)中保持著全球業(yè)務(wù)。 但是,為什么呢?

從用戶體驗(yàn)角度來看,這可能是由于認(rèn)知負(fù)荷(或缺乏意識(shí))。 正是因?yàn)檫@個(gè)網(wǎng)站如此空洞,用戶之間的信任和自由達(dá)到了一定程度。 這些是在線交易的重要因素,而Craiglist的極簡(jiǎn)主義方法意味著用戶可以在自己的時(shí)間內(nèi)做出決定而不會(huì)產(chǎn)生不必要的干擾。

德拉?吉報(bào)告(新聞聚合網(wǎng)站)

訪問大多數(shù)新聞網(wǎng)站,你都會(huì)被各個(gè)搶眼的大圖片和醒目的標(biāo)題所轟炸。從這一點(diǎn)來看,德拉吉報(bào)告也沒有什么不同。你可以看到醒目的頭條新聞,也會(huì)看到搶眼的圖片,最重要的是在這里你會(huì)感受到極簡(jiǎn)主義帶來的全新網(wǎng)絡(luò)體驗(yàn)。

新聞聚合網(wǎng)站.jpg

德拉吉報(bào)告自1996年成立以來,該網(wǎng)站仍包含過時(shí)的HTML元素。 但德拉吉報(bào)告說,這個(gè)例子告訴我們什么是設(shè)計(jì)。 這不是一個(gè)華麗的按鈕,它不是一個(gè)醒目的圖片,甚至不是一個(gè)驚人的設(shè)計(jì)。 盡管如此,它仍然非常受歡迎。

德拉吉報(bào)告的用戶體驗(yàn)設(shè)計(jì)的特殊之處在于它可以自由選擇閱讀內(nèi)容。 所有報(bào)告都具有相同的文本,鏈接和標(biāo)題格式,因此故事和故事之間沒有明顯的偏好。 這意味著用戶可以自由瀏覽網(wǎng)站并選擇他們最感興趣的內(nèi)容。

Jason Friede評(píng)論說:混沌信息的顯示幾乎與編輯部門完全一樣。 這在一定程度上解釋了德拉吉報(bào)告給用戶帶來的興奮。

Red?dit(大型論壇)

這個(gè)自稱為“Internet Home”的網(wǎng)站有一些不好的用戶界面。 但其設(shè)計(jì)沒有優(yōu)點(diǎn)? 盡管在Reddit的Kanban管理中,美學(xué)可能并不優(yōu)先。 但是,即使網(wǎng)站的界面很丑,仍然有很多設(shè)計(jì)是正確的。

大型論壇.jpg

足夠的內(nèi)容空間。 Reddit由用戶生成的內(nèi)容驅(qū)動(dòng)。 這是該網(wǎng)站的運(yùn)作模式,所以大部分網(wǎng)站都致力于該網(wǎng)站。 這是Reddit的大優(yōu)勢(shì)。

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

不過,從UI設(shè)計(jì)的角度來看,這些設(shè)計(jì)并不差。 如果你想美化你的網(wǎng)站的用戶界面,你可以在塊設(shè)計(jì)中使用可定制的CSS。

維基?百科(百科全書)

維基百科也是一個(gè)用戶界面不夠漂亮的網(wǎng)站,但它擁有非常好的用戶體驗(yàn)。 事實(shí)上,上面提到的許多網(wǎng)站(包括維基百科)都具有優(yōu)先功能。 但缺乏用戶界面設(shè)計(jì)會(huì)妨礙維基百科的可讀性嗎?

百科全書.jpg

不完全是。 維基百科之所以能被廣泛受眾接受,是因?yàn)樗捻撁嫱耆凑兆约旱娘L(fēng)格設(shè)計(jì)。 如果它的顏色和圖片太多,這不僅會(huì)減慢頁面的加載時(shí)間,還會(huì)使網(wǎng)站更難吸引更多的注意力。 如果維基百科做得很好,它必須易于閱讀。

最后,我們需要了解它是一個(gè)百科全書而不是約會(huì)網(wǎng)站,所以不需要一個(gè)美麗的用戶界面。

亞馬?遜

自20世紀(jì)90年代初以來,亞馬遜一直參與在線零售。 原來的網(wǎng)上書店現(xiàn)在是全球技術(shù)巨頭之一,但其用戶界面有些不盡如人意。

電子商城.jpg

在亞馬遜網(wǎng)站上使用照片輪播已成為用戶體驗(yàn)設(shè)計(jì)社區(qū)眾多人士的熱門話題。 用戶通??梢栽谄聊簧蠞L動(dòng),而輪播是在線展示商品的好選擇。 然而,亞馬遜濫用轉(zhuǎn)盤模式,主頁通常會(huì)有3到4個(gè)轉(zhuǎn)盤滾動(dòng)。 幸運(yùn)的是,當(dāng)我們正在做我們自己的設(shè)計(jì)時(shí),我們可以選擇其他輪播。

為什么亞馬遜不優(yōu)化其用戶界面? 用戶界面的小改動(dòng)可能會(huì)導(dǎo)致亞馬遜損失數(shù)百萬美元,即使它進(jìn)行了有價(jià)值的調(diào)整,也不會(huì)增加網(wǎng)站的利潤(rùn)或可用性。 所以,當(dāng)涉及到一個(gè)糟糕的用戶界面時(shí),它不會(huì)修復(fù)它,如果它不影響網(wǎng)站的使用。

結(jié)論

用戶體驗(yàn)設(shè)計(jì)師必須記住,美只存在于旁觀者的眼中,丑陋的用戶界面仍然可以帶來良好的用戶體驗(yàn)。 雖然文章中提到的網(wǎng)站可能會(huì)精簡(jiǎn),但這并不一定意味著它們的用戶界面不好。 他們大多數(shù)只是保持原來的用戶界面。 那時(shí)候,界面只能用于網(wǎng)站操作。

該網(wǎng)站可能不會(huì)優(yōu)先審美,但這并不意味著該網(wǎng)站是壞的或丑陋的。 回顧上述這些網(wǎng)站,他們可能會(huì)有不尋常的用戶界面,但這不會(huì)影響他們每天數(shù)百萬次的用戶訪問。

創(chuàng)新互聯(lián),行業(yè)網(wǎng)站建設(shè)公司,14年專注企業(yè)網(wǎng)站一站式服務(wù),已為眾多企業(yè)公司提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,手機(jī)網(wǎng)站開發(fā),模板建站等服務(wù)。高端定制網(wǎng)站建設(shè)領(lǐng)軍品牌--創(chuàng)新互聯(lián)值得信賴!

網(wǎng)站標(biāo)題:用戶體驗(yàn)好界面丑的網(wǎng)站設(shè)計(jì)分析。
當(dāng)前網(wǎng)址:http://www.muchs.cn/news9/79259.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有用戶體驗(yàn)、網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)