當我們想到平面設計，我們通常會跳到表面：顏色，形狀，大小。

但網站的設計和重新設計遠不止這些。

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

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

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

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

1.視覺層次引導眼睛

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

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

這是什么？（有用） 如何使用？（可用性） 我為什么要在乎？（理想）。”

在網站中以正確的方式使用視覺層次結構時，您將向用戶顯示他們下一步需要去哪里以及他們需要做什么。它向他們顯示了什么是重要的，哪些不是那么重要的-無需漫無目的地思考或徘徊。

團隊合作的Project主頁在他們網站上使用視覺層次結構方面做得很好。

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

2.留白保持焦點

我知道您會說：“我們是否應該盡我們所能保持盡可能多的優勢？”

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

用網站設計的術語來說，留白是指“圖形，列，圖像，文本，邊距和其他元素之間的空間。”不一定是白色的。它也可以是在空白區域中使用的顏色或圖案，以幫助分解布局。

Invision的首頁非常出色，可以使用空格來幫助區分和關注產品的每個功能。

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

3.導航應該反映用戶的旅程

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

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

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

4.響應式是必須的

如果您的網站現在沒有響應式，則需要繼續進行網站重新設計。

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

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

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

5. 一致性可以避免混淆

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

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

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

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

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

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

7.樹立現實期望建立信任

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

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

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

7. 設定現實的期望可以建立信任

你最不想做的事情就是誤導客戶。忠于你的產品或服務的功能，通過向你的訪客展示他們所得到的東西來設定現實的期望。

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

你也可以通過誠實和坦率地對待服務條款、條件和價格來設定現實的期望。

8. 測試是你的朋友

當你設計你的網站并構建你的網站結構時，你應該像你的訪問者一樣思考他們將如何與之互動。不幸的是，即使你的出發點再好，有時你還是會犯錯。

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

9. 簡單

確保你的網站是簡單的，不會讓你的訪問者想太多。你的網站的目標應該是讓你的訪客轉化成為一個客戶，讓他們更容易找到他們想要的答案。

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

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

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

設計值

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

這是我們在成都創新經常問自己的問題。

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

本文標題：設計友好網站用戶體驗的9條基本原則
標題網址：http://m.js-pz168.com/news47/208447.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有用戶體驗等

廣告

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