設(shè)計友好網(wǎng)站用戶體驗的9條基本原則

當(dāng)我們想到平面設(shè)計，我們通常會跳到表面：顏色，形狀，大小。

但網(wǎng)站的設(shè)計和重新設(shè)計遠不止這些。

從我過去作為一個網(wǎng)頁設(shè)計師的經(jīng)驗來看，我有時可能會過于關(guān)注這些視覺元素，但作為一個經(jīng)驗豐富的開發(fā)人員和入站營銷人員，我知道，要讓你的網(wǎng)站成為和好的，在形式和功能上都很美，這不僅僅是美學(xué)的問題。

你還需要考慮可用性和用戶體驗。

88%的在線消費者表示，在經(jīng)歷了糟糕的體驗之后，他們不太可能再回到某個網(wǎng)站。

還是覺得用戶體驗不重要？看看這30個讓人大開眼界的用戶體驗統(tǒng)計數(shù)據(jù)。考慮到這些因素，這里有9條設(shè)計友好用戶體驗（UX）的基本原則，可以幫助您和您的設(shè)計師增加現(xiàn)場時間，提高轉(zhuǎn)化率，等等。

1.視覺層次引導(dǎo)眼睛

什么是視覺層次？這是有效的網(wǎng)頁設(shè)計和良好的用戶體驗背后重要的原則之一。

正如我在我的文章“視覺層次結(jié)構(gòu)的15項重要原則”中所述，“在Luke Wroblewski與視覺層次結(jié)構(gòu)的交流中，他解釋說，視覺層次結(jié)構(gòu)的目標(biāo)是快速與訪問者進行以下交流：

這是什么？（有用） 如何使用？（可用性） 我為什么要在乎？（理想）?！?p>在網(wǎng)站中以正確的方式使用視覺層次結(jié)構(gòu)時，您將向用戶顯示他們下一步需要去哪里以及他們需要做什么。它向他們顯示了什么是重要的，哪些不是那么重要的-無需漫無目的地思考或徘徊。

團隊合作的Project主頁在他們網(wǎng)站上使用視覺層次結(jié)構(gòu)方面做得很好。

標(biāo)頭很大，可以準(zhǔn)確地告訴用戶他們的產(chǎn)品是什么，然后下面的描述性段落為您提供了更多詳細信息。閱讀有關(guān)他們的工作和項目管理應(yīng)用程序的信息后，“免費入門”可以清楚地說明團隊合作接下來要做什么。

2.留白保持焦點

我知道您會說：“我們是否應(yīng)該盡我們所能保持盡可能多的優(yōu)勢？”

答案是肯定的，但這并不意味著您應(yīng)該在該區(qū)域內(nèi)塞滿盡可能多的信息。有效的設(shè)計從空白中受益匪淺。它可以幫助您的設(shè)計通透。

用網(wǎng)站設(shè)計的術(shù)語來說，留白是指“圖形，列，圖像，文本，邊距和其他元素之間的空間?！辈灰欢ㄊ前咨?。它也可以是在空白區(qū)域中使用的顏色或圖案，以幫助分解布局。

Invision的首頁非常出色，可以使用空格來幫助區(qū)分和關(guān)注產(chǎn)品的每個功能。

間距可以幫助您區(qū)分一個部分的結(jié)尾和另一部分的開頭，同時還可以幫助您專注于手頭的描述，而不會被無關(guān)的部分所干擾。

3.導(dǎo)航應(yīng)該反映用戶的旅程

登陸您的網(wǎng)站不應(yīng)該像追蹤藏寶圖一樣。您不希望別人迷失方向而感到沮喪或挫敗（例如，請求咨詢，注冊免費試用版，請求演示等等）。因此，您需要確保導(dǎo)航非常清晰。

將您的導(dǎo)航視為一系列路牌。如果您的信號不清楚，不準(zhǔn)確和直接，那么潛在客戶將如何了解您的產(chǎn)品或服務(wù)？他們怎么知道在哪里可以找到他們想要的東西？

建立導(dǎo)航時，請牢記買家角色的用戶歷程，并盡可能輕松地完成此過程。使用他們會識別并引起共鳴的詞，并將決策過程中重要的頁面浮出水面。不要藏起來。

4.響應(yīng)式是必須的

如果您的網(wǎng)站現(xiàn)在沒有響應(yīng)式，則需要繼續(xù)進行網(wǎng)站重新設(shè)計。

越來越多的人在移動設(shè)備上進行搜索，因為他們一直在旅途中。實際上，UX Measure的信息圖表指出：“ 52％的用戶表示，糟糕的移動體驗使他們與公司互動的可能性降低。”

確保網(wǎng)站具有移動響應(yīng)能力，并且經(jīng)過完全跨瀏覽器和多設(shè)備測試，以確保您的用戶無論在何處或如何瀏覽您的網(wǎng)站都擁有出色的體驗。

Google的算法還為移動友好型網(wǎng)站提供了豐厚的回報。

5. 一致性可以避免混淆

一致性是營銷中幾乎所有事情的關(guān)鍵，特別是對于網(wǎng)站的可用性和用戶體驗。作為一個市場營銷人員，你希望你的網(wǎng)站有一致的外觀和感覺，從顏色，字體，大小，甚至布局和語氣。

這種一致性有助于從一個頁面到另一個頁面創(chuàng)建流暢、有凝聚力的體驗，最小化混亂，使您的站點更容易導(dǎo)航。

6.有些事情永遠都不會改變

每個人都想成為不斷變化的網(wǎng)站世界的領(lǐng)跑者，是的，這聽起來不錯，但并沒有疏遠觀眾的風(fēng)險。在將近30年的時間里，互聯(lián)網(wǎng)已成為我們生活的主流，消費者在瀏覽網(wǎng)站時抱有一定的期望。

例如，當(dāng)他們點擊導(dǎo)航角上的logo時，他們希望訪問您的主頁。在設(shè)計網(wǎng)站時，請不要偏離這些約定，因為它們最終會使您的用戶困惑并帶來負(fù)面的體驗。

如果您想嘗試新的東西，請先對其進行A / B測試，然后查看其性能，然后再全面推廣。您可以使用HubSpot的A / B測試來執(zhí)行此操作，或者如果您不在HubSpot上，請嘗試使用Optimizely。

7.樹立現(xiàn)實期望建立信任

您要做的*一件事是誤導(dǎo)潛在客戶。忠實于您的產(chǎn)品或服務(wù)的功能，并通過向訪問者確切展示他們所得到的東西來設(shè)定切合實際的期望。

如果您銷售軟件，則可以通過顯示屏幕快照（包括實際產(chǎn)品的不同角度的照片）或制作視頻來進行截圖。根據(jù)UX Measure的信息圖表，視頻有助于說服73％的人購買產(chǎn)品或服務(wù)。因此，如果您的公司中沒有一個，則開始集思廣益可能是明智的。

您還可以通過誠實和坦誠面對服務(wù)條款，條件和價格等方面來設(shè)置切合實際的期望。如果您需要幫助來創(chuàng)建一個很棒的定價頁面，Talia Wolf會有一篇很棒的文章26 Pricing Page Examples and Best Practices，它將幫助您朝正確的方向發(fā)展。

7. 設(shè)定現(xiàn)實的期望可以建立信任

你最不想做的事情就是誤導(dǎo)客戶。忠于你的產(chǎn)品或服務(wù)的功能，通過向你的訪客展示他們所得到的東西來設(shè)定現(xiàn)實的期望。

如果你銷售一款軟件，你可以通過顯示屏幕截圖，包括不同角度的照片(如果是實物產(chǎn)品)，或者制作視頻來做到這一點。根據(jù)UX Measure的信息圖表，視頻幫助73%的人購買產(chǎn)品或服務(wù)。所以，如果你的公司沒有這樣的計劃，那么開始頭腦風(fēng)暴也許是明智的。

你也可以通過誠實和坦率地對待服務(wù)條款、條件和價格來設(shè)定現(xiàn)實的期望。

8. 測試是你的朋友

當(dāng)你設(shè)計你的網(wǎng)站并構(gòu)建你的網(wǎng)站結(jié)構(gòu)時，你應(yīng)該像你的訪問者一樣思考他們將如何與之互動。不幸的是，即使你的出發(fā)點再好，有時你還是會犯錯。

要想知道你的訪問者是如何真正參與到你的網(wǎng)站中來的，做一些用戶測試，并通過熱圖和錄音收集一些數(shù)據(jù)。這些數(shù)據(jù)將幫助您為用戶提供他們所需要的內(nèi)容，并全面提高站點的性能。

9. 簡單

確保你的網(wǎng)站是簡單的，不會讓你的訪問者想太多。你的網(wǎng)站的目標(biāo)應(yīng)該是讓你的訪客轉(zhuǎn)化成為一個客戶，讓他們更容易找到他們想要的答案。

從用戶體驗的角度來看，我們HubSpot的朋友們建議你牢記以下幾點:

顏色——少即是多。CrazyEgg說:“借用室內(nèi)和時尚設(shè)計，60-30-10規(guī)則規(guī)定了三種顏色應(yīng)該在不同程度上使用(60%，30%，10%)來創(chuàng)造友好的和諧?！澳?可以超過三個，但我不會超過五個。

字體——就像顏色一樣，看你用了多少。就我個人而言，我會堅持最多兩個，一個用于網(wǎng)站的大部分，第二個用于標(biāo)題。只要確保無論你選擇什么，它都是易于閱讀的。

設(shè)計值

當(dāng)你在設(shè)計中質(zhì)疑一個設(shè)計元素時，把這個問題放在腦后是很重要的:“這個設(shè)計元素能帶來任何價值嗎?”

這是我們在成都創(chuàng)新經(jīng)常問自己的問題。

僅僅因為它很酷，或者看起來很棒，并不意味著它是你的領(lǐng)導(dǎo)一代或銷售祈禱的答案。設(shè)計的每個方面都需要帶來一些東西，幫助您創(chuàng)建一個整體難忘的用戶體驗。

本文標(biāo)題：設(shè)計友好網(wǎng)站用戶體驗的9條基本原則
標(biāo)題網(wǎng)址：http://www.muchs.cn/news47/208447.html

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

廣告

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