網(wǎng)站設(shè)計(jì)原則有哪些？

時(shí)間：2024-02-13 21:25:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-13 21:25:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

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

我們不打算討論設(shè)計(jì)實(shí)現(xiàn)細(xì)節(jié)（例如搜索框應(yīng)該放在哪里），因?yàn)樗呀?jīng)在很多文章中完成了；相反，我們專注于有效網(wǎng)頁(yè)設(shè)計(jì)的主要原則和啟發(fā)式方法——如果使用得當(dāng)，這些方法可以導(dǎo)致更復(fù)雜的設(shè)計(jì)決策并簡(jiǎn)化感知呈現(xiàn)信息的過(guò)程。

-

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

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

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

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

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

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

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

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

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

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

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

-

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

1.不要讓用戶思考

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


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

2.不要浪費(fèi)用戶的耐心

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

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

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

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

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

4.爭(zhēng)取特征曝光

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

5. 利用有效的寫(xiě)作

由于 Web 不同于印刷品，因此有必要根據(jù)用戶的喜好和瀏覽習(xí)慣調(diào)整寫(xiě)作風(fēng)格。宣傳文字不會(huì)被閱讀。沒(méi)有圖像的長(zhǎng)文本塊和粗體或斜體標(biāo)記的關(guān)鍵字將被跳過(guò)?？鋸埖恼Z(yǔ)言將被忽略。

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

6.力求簡(jiǎn)單

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

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

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

7. 不要害怕空白

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

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

-

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