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

時間：2023-07-23 06:15:02 | 來源：網(wǎng)站運營

時間：2023-07-23 06:15:02 來源：網(wǎng)站運營

優(yōu)秀網(wǎng)頁設(shè)計的7條原則：可用性和實用性，而不是視覺設(shè)計，決定了網(wǎng)站的成敗。由于頁面的訪問者是唯一點擊鼠標(biāo)的人，因此他決定一切，以用戶為中心的設(shè)計已成為成功和以利潤為導(dǎo)向的網(wǎng)頁設(shè)計的標(biāo)準(zhǔn)方法。

極簡慕楓Pithy MFweb將用一篇文章帶你了解關(guān)鍵的7各原則，在本文我們不打算討論設(shè)計實現(xiàn)細節(jié)（例如搜索框應(yīng)該放在哪里），因為它已經(jīng)在很多文章中完成了；相反，我們專注于有效網(wǎng)頁設(shè)計的主要原則和啟發(fā)式方法——如果使用得當(dāng)，這些方法可以導(dǎo)致更復(fù)雜的設(shè)計決策并簡化感知呈現(xiàn)信息的過程。

---

好的網(wǎng)站設(shè)計的原則和有效的網(wǎng)頁設(shè)計指南

為了正確使用這些原則，我們首先需要了解用戶如何與網(wǎng)站交互，他們?nèi)绾嗡伎家约坝脩粜袨榈幕灸Ｊ绞鞘裁础?br>
用戶怎么想？

基本上，用戶在 Web 上的習(xí)慣與顧客在商店中的習(xí)慣沒有太大區(qū)別。訪問者瀏覽每個新頁面，掃描一些文本，然后單擊第一個引起他們興趣或與他們正在尋找的內(nèi)容大致相似的鏈接。事實上，他們甚至沒有查看頁面的很大一部分。

大多數(shù)用戶搜索有趣（或有用）且可點擊的內(nèi)容；一旦找到一些感興趣的內(nèi)容，用戶就會點擊。如果新頁面不符合用戶的期望，則單擊后退按鈕并繼續(xù)搜索過程。

·用戶欣賞網(wǎng)頁質(zhì)量和信譽。如果一個頁面為用戶提供了高質(zhì)量的內(nèi)容，他們愿意在內(nèi)容與廣告和網(wǎng)站設(shè)計之間做出妥協(xié)。這就是為什么設(shè)計不佳但內(nèi)容質(zhì)量高的網(wǎng)站多年來獲得大量訪問量的原因。內(nèi)容比支持它的設(shè)計更重要。

·用戶不閱讀，他們掃描。瀏覽網(wǎng)頁時，用戶會搜索一些可以引導(dǎo)他們?yōu)g覽頁面內(nèi)容的固定點或錨點。

用戶不閱讀，他們掃描。注意句子中間的“熱”區(qū)域十分重要。這是典型的掃描過程。

·Web用戶沒有耐心，堅持即時滿足。很簡單的原則：如果一個網(wǎng)站不能滿足用戶的期望，那么設(shè)計師就沒能很好地完成他的工作，公司就會賠錢。認知負荷越高，導(dǎo)航越不直觀，用戶就越愿意離開網(wǎng)站并尋找替代品。

·用戶不會做出最佳選擇。用戶不會搜索找到他們正在尋找的信息的最快方法。他們也不會以線性方式掃描網(wǎng)頁，從一個站點部分順序到另一個站點部分。取而代之的是用戶滿意；他們選擇第一個合理的選項。一旦他們找到一個看起來可能通向目標(biāo)的鏈接，很有可能會立即點擊它。

·用戶遵循他們的直覺。在大多數(shù)情況下，用戶得過且過而不是閱讀設(shè)計師提供的信息。根據(jù) Steve Krug 的說法，其根本原因是用戶不關(guān)心?！叭绻覀冋业接杏玫臇|西，我們就會堅持下去。只要我們能使用它們，我們是否了解事物的工作原理對我們來說并不重要。如果您的觀眾會像您在設(shè)計廣告牌一樣行事，那么請設(shè)計出色的廣告牌。”

·用戶想要控制。用戶希望能夠控制他們的瀏覽器并依賴整個站點中一致的數(shù)據(jù)呈現(xiàn)。例如，他們不希望新窗口意外彈出，他們希望能夠通過“后退”按鈕返回到他們之前訪問過的站點：因此，永遠不要在新瀏覽器窗口中打開鏈接是一個好習(xí)慣。

-

當(dāng)知道了用戶的想法，以下7條原則就是我們在網(wǎng)站設(shè)計時需要遵守的：

1.不要讓用戶思考

根據(jù) Krug 的可用性第一定律，網(wǎng)頁應(yīng)該是顯而易見的和不言自明的。當(dāng)您創(chuàng)建網(wǎng)站時，您的工作是去掉問號。
如果導(dǎo)航和站點架構(gòu)不直觀，問號的數(shù)量就會增加，使用戶更難理解系統(tǒng)的工作原理以及如何從 A 點到達 B 點。清晰的結(jié)構(gòu)、適度的視覺線索和易于識別的鏈接可以幫助用戶找到通往目標(biāo)的路徑。


讓我們看一個例子。http://Beyondis.co.uk 號稱“超越渠道、超越產(chǎn)品、超越分銷”。這是什么意思？由于用戶傾向于根據(jù)“F”模式瀏覽網(wǎng)站，因此這三個語句將是用戶在頁面加載后首先看到的元素。
盡管設(shè)計本身簡單直觀，但要了解頁面的內(nèi)容，用戶需要搜索答案。這就是不必要的問號。確保問號的數(shù)量接近于 0 是設(shè)計師的任務(wù)。視覺解釋放在右側(cè)。只需交換兩個模塊就可以提高可用性。

2.不要浪費用戶的耐心

在每個項目中，當(dāng)您要為訪問者提供某種服務(wù)或工具時，請盡量將您的用戶要求保持在最低限度。用戶測試服務(wù)所需的操作越少，隨機訪問者實際嘗試的可能性就越大。首次訪問者愿意使用該服務(wù)，而不是為他們將來可能永遠不會使用的帳戶填寫長長的網(wǎng)絡(luò)表格。讓用戶瀏覽站點并發(fā)現(xiàn)您的服務(wù)，而無需強迫他們共享私人數(shù)據(jù)。強制用戶輸入電子郵件地址來測試該功能是不合理的。

Stikkit 是用戶友好服務(wù)的完美典范，它幾乎不需要訪問者提供任何不引人注目且令人舒適的服務(wù)。這就是您希望用戶在您的網(wǎng)站上感受到的。

3.設(shè)法吸引用戶的注意力

由于網(wǎng)站同時提供靜態(tài)和動態(tài)內(nèi)容，因此用戶界面的某些方面比其他方面更能吸引注意力。顯然，圖像比文字更引人注目——就像標(biāo)記為粗體的句子比純文本更吸引人一樣。

人眼是一種高度非線性的設(shè)備，網(wǎng)絡(luò)用戶可以立即識別邊緣、圖案和動作。這就是為什么基于視頻的廣告非常煩人和分散注意力，但從營銷的角度來看，它們完美地完成了吸引用戶注意力的工作。

4.爭取特征曝光

現(xiàn)代網(wǎng)頁設(shè)計通常因其以視覺上吸引人的 1-2-3 完成步驟、具有視覺效果的大按鈕等方式引導(dǎo)用戶而受到批評。但從設(shè)計的角度來看，這些元素實際上并不是一件壞事。相反，此類指南非常有效，因為它們以非常簡單和用戶友好的方式引導(dǎo)訪問者瀏覽網(wǎng)站內(nèi)容。

5. 利用有效的寫作

由于 Web 不同于印刷品，因此有必要根據(jù)用戶的喜好和瀏覽習(xí)慣調(diào)整寫作風(fēng)格。宣傳文字不會被閱讀。沒有圖像的長文本塊和粗體或斜體標(biāo)記的關(guān)鍵字將被跳過。夸張的語言將被忽略。

涉及商業(yè)時避免可愛或聰明的名字、營銷誘導(dǎo)的名字、公司特定的名字和不熟悉的技術(shù)名稱。例如，如果您描述一項服務(wù)并希望用戶創(chuàng)建一個帳戶，“注冊”比“立即開始！”更好。這又比“探索我們的服務(wù)”更好。

6.力求簡單

“保持簡單”原則 (KIS) 應(yīng)該是站點設(shè)計的主要目標(biāo)。用戶很少在網(wǎng)站上享受設(shè)計；此外，在大多數(shù)情況下，他們正在尋找與設(shè)計無關(guān)的信息。力求簡單而不是復(fù)雜。

從訪問者的角度來看，最好的網(wǎng)站設(shè)計是純文本，沒有任何廣告或其他內(nèi)容塊與訪問者使用的查詢或他們一直在尋找的內(nèi)容完全匹配。這就是為什么用戶友好的網(wǎng)頁打印版本對于良好的用戶體驗至關(guān)重要的原因之一。

Finch 清楚地展示了有關(guān)該站點的信息，并為訪問者提供了多種選擇，而不會使他們過度擁擠不必要的內(nèi)容。

7. 不要害怕空白

實際上，很難高估空白的重要性。它不僅有助于減少訪問者的認知負擔(dān)，而且可以感知屏幕上顯示的信息。當(dāng)新訪問者接近設(shè)計布局時，他/她嘗試做的第一件事就是掃描頁面并將內(nèi)容區(qū)域劃分為可消化的信息片段。

復(fù)雜的結(jié)構(gòu)更難閱讀、掃描、分析和使用。如果您可以選擇用可見線或一些空白分隔兩個設(shè)計段，通常最好使用空白解決方案。層次結(jié)構(gòu)降低復(fù)雜性（西蒙定律）：您越能為用戶提供視覺層次感，您的內(nèi)容就越容易被感知。

-

如果您需要建站的話，歡迎私信我們進行聯(lián)系！

更多優(yōu)質(zhì)內(nèi)容持續(xù)更新中，極簡慕楓-Global，幫助更多創(chuàng)新型企業(yè)實現(xiàn)品牌全球化！