4種方式來改善可用性和網(wǎng)站的用戶體驗(yàn)及設(shè)計(jì)

我們經(jīng)常談到從壁櫥或儲(chǔ)物等物質(zhì)角度來看，垃圾清理。但是，我們也可以談?wù)撽P(guān)于清理設(shè)計(jì)。清理可以幫助提高可用性和網(wǎng)站上的用戶體驗(yàn)。這里有四個(gè)秘訣你的設(shè)計(jì)。

1.縮短復(fù)印

尼爾森諾曼集團(tuán)（NielsenNormanGroup）的歷史可追溯至1997年，他們開展了一項(xiàng)研究，以了解用戶如何在網(wǎng)上閱讀。研究發(fā)現(xiàn)用戶都不會(huì)去閱讀一個(gè)網(wǎng)站，大多數(shù)人只會(huì)掃描頁(yè)面。所以網(wǎng)站需要縮短有效信息，刪除不必要的詞?？s短運(yùn)行的句子，并刪除重復(fù)的句子。每段總是有一個(gè)想法。這是一種很好的寫作方式，對(duì)那些掃描的讀者來說更好。最后，特別是對(duì)于長(zhǎng)篇內(nèi)容，這是真實(shí)的，使用倒金字塔結(jié)構(gòu)。從結(jié)論開始，隨著內(nèi)容變長(zhǎng)，添加更多細(xì)節(jié)。

這是我最喜歡的應(yīng)用之一，Days。這是一款應(yīng)用程序，可以計(jì)算出事件發(fā)生的天數(shù)。這款應(yīng)用的登陸頁(yè)面每部分的拷貝數(shù)非常少。上面的截圖來自于登錄頁(yè)面的單個(gè)部分。注意超級(jí)短的副本。它看起來不錯(cuò)，而且讀起來更好。

Aiia是防水揚(yáng)聲器，它的著陸頁(yè)非常棒。盡管有書卷的怪癖，我還是很喜歡這個(gè)頁(yè)面的整潔。有限的拷貝是一種很好的方法，可以把主要的想法傳達(dá)給用戶，而不會(huì)迷失在語(yǔ)言的大山中。

2.刪除視覺裝飾

當(dāng)談到視覺效果時(shí)，有時(shí)我們想要添加一個(gè)額外的元素來讓事情變得更漂亮。我們都希望設(shè)計(jì)好看。盡管這些意圖是好的，但是執(zhí)行可能會(huì)變得太多。這就是為什么我堅(jiān)決主張移除不必要的裝飾品。裝飾最重要的一點(diǎn)是，如果你移除它們，它們不會(huì)傷害用戶體驗(yàn)。

我們想比較兩個(gè)網(wǎng)站。VConcept(上)和Born(下)。VConcept在頁(yè)面上的內(nèi)容更少，但它更難以消化。VConcept頁(yè)面上的所有裝飾都礙事。有一個(gè)三角形圖案背景和一個(gè)移動(dòng)的線背景。該副本有三種不同的樣式――純文本復(fù)制、下劃線和金色下劃線文本。更不用提這個(gè)標(biāo)志也在那一段。只是太多了。另一方面則是出生的職業(yè)頁(yè)面。是的，它有更多的文本，但它是有效的，因?yàn)闆]有裝飾來分散注意力。想象一下，如果這些工作職位是用一個(gè)單一像素的邊界框起來的。信息將很難被掃描。

3.重用設(shè)計(jì)元素

合并和重用重復(fù)的元素。例如，當(dāng)有許多顏色、字體或樣式的變化時(shí)，它將變得混亂。重用設(shè)計(jì)元素以保持一致;一致性使得設(shè)計(jì)更加簡(jiǎn)潔。有一些經(jīng)驗(yàn)法則，例如“不要使用超過兩到三種字體”，因?yàn)檫@個(gè)特殊的原因。顏色和元素也是一樣。如果你在頁(yè)面底部有一個(gè)簡(jiǎn)訊捕捉，確保它在所有頁(yè)面上都是相同的。不一致會(huì)導(dǎo)致嚴(yán)重的混亂。

讓我們來討論一下商業(yè)倉(cāng)庫(kù)的顏色選擇。他們是企業(yè)客戶的IT云產(chǎn)品，這解釋了厚顏無恥的網(wǎng)頁(yè)設(shè)計(jì)。在主頁(yè)、產(chǎn)品頁(yè)面和聯(lián)系人頁(yè)面之間，他們使用了太多不同的顏色。在主頁(yè)上，顏色是主要的。他們甚至看起來好像對(duì)每一頁(yè)都有意義。但是，一旦你點(diǎn)擊了，你就會(huì)意識(shí)到它們實(shí)際上并沒有任何意義，因?yàn)轭伾淖兓Q于你所在的頁(yè)面。例如，當(dāng)你進(jìn)入about頁(yè)面時(shí)，顏色是柔和的。然而，當(dāng)你前往接觸頁(yè)面時(shí)，他們是充滿活力和強(qiáng)大的。保持顏色一致會(huì)提高設(shè)計(jì)的質(zhì)量。

Prismic使用了太多的顏色，特別是在博客上。他們用彩色代碼寫博客文章。這可能是一種危險(xiǎn)的游戲，但是整體的顏色方案是有凝聚力的。更好的是，在截圖上，顏色變成單色。這篇文章用了其他色調(diào)的藍(lán)色來保持熟悉。如果這個(gè)頁(yè)面上的所有東西都是不同的顏色，那將是一個(gè)視覺上的噩夢(mèng)。我想指出的是，英雄的藍(lán)色與logo和CTA按鈕是一樣的。一致性讓事情看起來更清晰。

我們一直是孤獨(dú)星球的粉絲。當(dāng)前的設(shè)計(jì)風(fēng)格非常棒，因?yàn)樗鼈冎赜昧祟愃频脑O(shè)計(jì)元素。每個(gè)城市的頁(yè)面都使用相同的模板，這讓我們熟悉了一些東西?！豆陋?dú)星球》有很多內(nèi)容，所以使用模板讓讀者很容易閱讀。

4.始終有一個(gè)單一的用戶目標(biāo)

我對(duì)整理的最后一點(diǎn)建議是理解給定頁(yè)面的目的或目的。最好是從用戶的角度來構(gòu)建目標(biāo)。一個(gè)用戶目標(biāo)的例子是注冊(cè)一個(gè)免費(fèi)試用，了解一個(gè)特定的食譜或注冊(cè)一個(gè)通訊。如果你正在設(shè)計(jì)一個(gè)新的網(wǎng)頁(yè)或網(wǎng)站，你要仔細(xì)檢查目標(biāo)，確保沒有任何阻礙。

永遠(yuǎn)要有一個(gè)明確的目標(biāo)。這將幫助你移除分散注意力的東西。例如，如果您希望用戶下載一本書的示例章節(jié)，不要在本章中推廣另一本書。展示下載按鈕的前面和中心。如果是長(zhǎng)頁(yè)面，重復(fù)CTA幾次。并且，刪除所有不幫助用戶下載示例的內(nèi)容。

讓我們來看看移動(dòng)旅游應(yīng)用程序Hitlist的登錄頁(yè)面。用戶能做的最明顯的事情就是下載應(yīng)用程序，有幾種不同的方法。用戶可以輸入一個(gè)電話號(hào)碼以獲取文本鏈接或點(diǎn)擊AppStore按鈕。當(dāng)然，用戶也可以點(diǎn)擊其他鏈接。頁(yè)面的主要焦點(diǎn)不會(huì)被其他東西阻塞。

Speedlip是一種不含酒精的烈酒。我喜歡這個(gè)網(wǎng)站的視覺風(fēng)格。我喜歡主頁(yè)不會(huì)把用戶拉到太多的方向。整個(gè)頁(yè)面只有四個(gè)CTAs。其中兩個(gè)人購(gòu)買一瓶酒，其余的則是為了獲得更多的信息，以進(jìn)一步說服用戶購(gòu)買Speedlip。只要他們不互相競(jìng)爭(zhēng)就可以擁有不止一個(gè)CTA。

結(jié)論

在這篇文章中，我們描述了四種方法來整理你的網(wǎng)頁(yè)設(shè)計(jì)。通過這樣做，我希望它能改善您的網(wǎng)站的用戶體驗(yàn)和可用性。清理設(shè)計(jì)并不是那么難，而且可以大大改善用戶與站點(diǎn)的交互方式。畢竟，可用性和用戶體驗(yàn)是密切相關(guān)的，網(wǎng)站如何影響兩者。

文章標(biāo)題：4種方式來改善可用性和網(wǎng)站的用戶體驗(yàn)及設(shè)計(jì)
本文路徑：http://www.bm7419.com/news14/48214.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)站發(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)