優(yōu)秀網(wǎng)頁設(shè)計的 10 條基本原則

網(wǎng)站的視覺設(shè)計無疑在整體用戶體驗中起著重要作用。但是，用戶訪問網(wǎng)站時不會被夢幻般的視覺效果震驚。相反，人們訪問網(wǎng)站是為了執(zhí)行一項功能。所以，無論是在網(wǎng)站上買東西還是用知識豐富自己的生活，網(wǎng)站的運營方式比美觀更重要。

網(wǎng)站訪問者通常會掃描而不是閱讀。人們不想浪費任何時間來尋找他們需要的東西。此外，當(dāng)有人找到滿足他們要求的可點擊元素時，他們希望該元素能夠以最少的麻煩滿足他們的需求。

因此，本質(zhì)上，良好的以用戶為中心的網(wǎng)頁設(shè)計迎合了這種對流暢、高效的用戶體驗的需求。而且，可以通過遵循一些簡單的原則來實現(xiàn)該目標(biāo)。因此，這里有以用戶為中心的網(wǎng)頁設(shè)計的十個基本方面，以創(chuàng)建完美的網(wǎng)站體驗。

1. 不要讓用戶思考

您不能指望網(wǎng)站的訪問者參考用戶手冊來找到自己的方法。因此，網(wǎng)站建設(shè)的第一條規(guī)則是用戶界面必須直觀。換句話說，在用戶的腦海中必須毫無疑問他們下一步需要去哪里。通往用戶目的地的路徑應(yīng)該很簡單。用戶不應(yīng)該考慮如何找到他們需要的東西。相反，每一步都應(yīng)該是直觀的，即使對于網(wǎng)站的第一次訪問者也是如此。

2. 關(guān)注關(guān)鍵要素

人們很容易分心。因此，網(wǎng)頁上的關(guān)鍵元素（例如號召性用語）必須從支持內(nèi)容中脫穎而出，這一點至關(guān)重要。并且最好避免讓頁面上的任何其他功能比關(guān)鍵元素更引人注目。例如，動畫或視頻廣告可能會分散用戶對靜態(tài)號召性用語的注意力。在這種情況下，移除引人注目的分散注意力的元素會增加用戶采取所需行動的可能性。

3. 微妙令人困惑

在網(wǎng)站上保持微妙沒有任何好處。例如，按鈕應(yīng)該大而粗，并清楚地解釋完成拍攝所需的步驟。事實上，應(yīng)該盡一切可能使網(wǎng)站對每個訪問者都友好。并且應(yīng)該有說明網(wǎng)站上每個功能的提示。

4. 最小化完成任務(wù)的步驟

網(wǎng)站用戶可能會不耐煩。因此，最好盡量減少完成任何任務(wù)所需的步驟。例如，結(jié)帳流程應(yīng)僅包含進(jìn)行購買所需的字段，并應(yīng)以盡可能少的步驟完成。注冊郵件列表所需的信息應(yīng)保持在最低限度。當(dāng)然，您可能希望獲得有關(guān)訪問您網(wǎng)站的人的更多信息。但是，您要求用戶透露自己的信息越多，用戶告訴您任何事情的機會就越少。因此，網(wǎng)站上所有表單的極簡方法通常是最好的。

5. 遵守約定

堅持慣例，比如將菜單放在頂部，讓用戶更容易找到自己的路。所以，最好不要為了創(chuàng)新而創(chuàng)新。熟悉的用戶界面還可以讓用戶對網(wǎng)站更加滿意，這將有助于獲得他們的信任。采用已成為標(biāo)準(zhǔn)布局的內(nèi)容不會使網(wǎng)站變得無聊。但它確實讓用戶更有可能憑直覺知道在哪里可以找到信息或執(zhí)行功能。

6.遵循F模式

研究表明，人們以 F 模式查看 Web 內(nèi)容。網(wǎng)頁的訪問者從左上角開始，閱讀第一行，向下瀏覽頁面，然后部分閱讀另一行。因此，快速 F 掃描應(yīng)該揭示頁面的內(nèi)容以及停留在頁面上可以獲得什么。F 布局之所以有效，是因為從左上角到右下角是人們閱讀的方式。因此，遵循此設(shè)計將使訪問者能夠快速自然地找到關(guān)鍵信息。

7. 使用適當(dāng)?shù)恼Z言

網(wǎng)站的寫作風(fēng)格與您為印刷文檔寫作的方式不同。因此，最好調(diào)整寫作風(fēng)格以適合網(wǎng)站用戶。首先，最好保持語言簡單。例如，使用短句，避免使用不必要的長詞。并使用副標(biāo)題或項目符號列表拆分文本。目標(biāo)是使用簡單、簡潔的語言，使瀏覽內(nèi)容變得容易，并使網(wǎng)站的所有訪問者都能輕松閱讀。

8.不要害怕空白

是的，您之前會多次閱讀這篇文章。即便如此，使用空白的重要性也不為過。在文本塊、圖像和其他元素之間留出空間使網(wǎng)頁不那么令人生畏。它使內(nèi)容更易于瀏覽，并強調(diào)頁面的各個組成部分。所以，不要害怕留白，因為它可以改善網(wǎng)站的整體設(shè)計。

9. 保持簡單

以上大部分內(nèi)容都可以用一個短語來概括；把事情簡單化。因此，當(dāng)有更簡單的替代方案時，最好不要使站點的任何方面過于復(fù)雜。請記住，網(wǎng)站的設(shè)計應(yīng)該增強用戶體驗，而不是成為網(wǎng)站主要目的的障礙。

10. 可用性測試

徹底的測試對于良好的網(wǎng)頁設(shè)計至關(guān)重要。但是測試不僅僅是為了發(fā)現(xiàn)錯誤；測試還應(yīng)增強站點的可用性。因此，最好在開發(fā)每個階段時測試站點。如果站點的任何方面不直觀或需要用戶付出過多的努力，請不要害怕重新設(shè)計。

結(jié)論

所以，信息很明確；人們訪問網(wǎng)站并不是為了被視覺效果打動，所以不要讓創(chuàng)新設(shè)計降低可用性。相反，最好保持簡單，堅持公認(rèn)的慣例，并使每個頁面易于瀏覽，每個功能易于查找。然后，您將擁有一個令人印象深刻的網(wǎng)站，因為它易于使用。這將是一個實現(xiàn)其目標(biāo)的網(wǎng)站。