Home ? 分享 ? 設(shè)計網(wǎng)站的10大準則

設(shè)計網(wǎng)站的10大準則

觀點分享

1.不要讓用戶思考

根據(jù)Krug的第一條可用性定律,網(wǎng)頁應(yīng)該是明顯的且不言自明的。創(chuàng)建網(wǎng)站時,您的工作就是擺脫問號-用戶需要在考慮利弊的同時有意識地做出決策。

如果導(dǎo)航和站點架構(gòu)不直觀,問號的數(shù)量就會增加,并使用戶更難以理解系統(tǒng)的工作方式以及如何從A點到達B點。清晰的結(jié)構(gòu),適度的視覺提示和易于識別的特征鏈接可以幫助用戶找到實現(xiàn)目標(biāo)的途徑。

2.不要浪費用戶的耐心

在每個項目中,當(dāng)您要為訪問者提供一些服務(wù)或工具時,請盡量減少您的用戶需求。用戶測試服務(wù)所需的動作越少,隨機訪問者實際嘗試該服務(wù)的可能性就越大。初次訪問者愿意使用該服務(wù),而不是為將來可能永遠不會使用的帳戶填寫冗長的Web表單。讓用戶瀏覽該站點并發(fā)現(xiàn)您的服務(wù),而不必強迫他們共享私有數(shù)據(jù)。強迫用戶輸入電子郵件地址來測試該功能是不合理的。

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

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

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

4.力爭功能曝光

現(xiàn)代Web設(shè)計通常因其引導(dǎo)用戶視覺上具有吸引力的1-2-3-完成步驟,具有視覺效果的大按鈕等方法而受到批評。但是從設(shè)計角度來看,這些元素實際上并不是一件壞事。相反,這些準則非常有效,因為它們以非常簡單和用戶友好的方式引導(dǎo)訪問者瀏覽網(wǎng)站內(nèi)容。讓用戶清楚地看到可用的功能是成功的用戶界面設(shè)計的基本原理。如何實現(xiàn)這一點并不重要。重要的是內(nèi)容要易于理解,并且訪問者對與系統(tǒng)的交互方式感到滿意。

5.利用有效的寫作

由于Web與印刷不同,因此有必要根據(jù)用戶的喜好和瀏覽習(xí)慣來調(diào)整寫作風(fēng)格。促銷文字不會被閱讀。沒有圖像的長文本塊和以粗體斜體標(biāo)記的關(guān)鍵字將被跳過??浯蟮恼Z言將被忽略。

談生意。避免使用可愛或機靈的名稱,由市場引起的名稱,公司特定的名稱以及不熟悉的技術(shù)名稱。例如,如果您描述一項服務(wù)并希望用戶創(chuàng)建一個帳戶,那么“注冊”比“立即開始”要好。這比“探索我們的服務(wù)”更好。

6.力求簡單

“保持簡單”原則(KIS)應(yīng)該是網(wǎng)站設(shè)計的主要目標(biāo)。用戶很少會在網(wǎng)站上欣賞設(shè)計。此外,在大多數(shù)情況下,盡管有設(shè)計,他們仍在尋找信息。力求簡單而不是復(fù)雜。從訪問者的角度來看,最好的網(wǎng)站設(shè)計是純文本,沒有任何廣告或其他內(nèi)容塊與訪問者使用的查詢或他們一直在尋找的內(nèi)容完全匹配。這就是為什么用戶友好的網(wǎng)頁打印版本對于良好的用戶體驗至關(guān)重要的原因之一。

7.不要害怕空白

實際上,確實很難高估空白的重要性。它不僅有助于減輕訪問者的認知負擔(dān),而且還可以感知屏幕上顯示的信息。當(dāng)新訪客接近設(shè)計布局時,他/她要做的第一件事是掃描頁面并將內(nèi)容區(qū)域劃分為可消化的信息。復(fù)雜的結(jié)構(gòu)更難以閱讀,掃描,分析和使用。如果您可以選擇在可見線或空白之間分隔兩個設(shè)計段,則通常最好使用空白解決方案。層次結(jié)構(gòu)降低了復(fù)雜性(西蒙定律):您越能更好地為用戶提供視覺層次感,您的內(nèi)容就越容易被感知。

8.與“可見語言”進行有效溝通

亞倫·馬庫斯(Aaron Marcus)在其有關(guān)有效視覺傳達的論文中陳述了使用所謂“可見語言”涉及的三個基本原則,即用戶在屏幕上看到的內(nèi)容。

  • 組織:為用戶提供清晰一致的概念結(jié)構(gòu)。一致性,屏幕布局,關(guān)系和可導(dǎo)航性是組織的重要概念。相同的約定和規(guī)則應(yīng)應(yīng)用于所有元素。
  • 節(jié)約:以最少的提示和視覺元素做最多的事情。要考慮的四個要點:簡潔,清晰,獨特和強調(diào)。簡單性僅包括對于交流最重要的元素。清晰度:所有組件的設(shè)計均應(yīng)明確其含義。區(qū)別性:必要元素的重要屬性應(yīng)可區(qū)分。重點:最重要的要素應(yīng)易于理解。
  • 交流:使演示文稿與用戶的能力相匹配。用戶界面必須保持平衡的易讀性,可讀性,版式,符號,多個視圖以及顏色或紋理,才能成功進行通信。使用最大 3種字體,最多3個磅大小-每行文本最多18個單詞或50-80個字符。

9.約定是我們的朋友

網(wǎng)站元素的常規(guī)設(shè)計不會導(dǎo)致網(wǎng)站枯燥。實際上,約定非常有用,因為它們可以減少學(xué)習(xí)曲線,也不需要弄清楚事物是如何工作的。例如,如果所有網(wǎng)站的RSS提要具有不同的視覺呈現(xiàn)方式,那將是可用性的噩夢。這與我們通常習(xí)慣于如何組織數(shù)據(jù)(文件夾)或購物(產(chǎn)品放置)的基本原理沒有什么不同。

使用約定,您可以獲得用戶的信任,信任,可靠性并證明您的信譽。遵循用戶的期望-了解他們對網(wǎng)站導(dǎo)航,文本結(jié)構(gòu),搜索位置等的期望。

可用性會議中的一個典型示例是將頁面翻譯成日語(假設(shè)您的Web用戶不懂日語,例如Babelfish),并為可用性測試人員提供了在不同語言的頁面中查找內(nèi)容的任務(wù)。如果慣例得到很好的應(yīng)用,即使用戶不了解其中的一個字眼,用戶也將能夠?qū)崿F(xiàn)一個不太具體的目標(biāo)。

10.盡早測試,經(jīng)常測試

這種所謂的TETO原則應(yīng)該應(yīng)用到每個Web設(shè)計項目中,因為可用性測試通常可以為重要問題和與給定布局相關(guān)的問題提供關(guān)鍵的見解。

測試不要太晚,不要太少,也不要因為錯誤的原因。在后一種情況下,有必要了解大多數(shù)設(shè)計決策是局部的;這意味著您不能從一個非常特定的角度(考慮需求,利益相關(guān)者,預(yù)算等)來分析某個布局是否比另一個布局更好的普遍答案。

需要牢記的一些重點:

  • 根據(jù)史蒂夫·克魯格(Steve Krug)的說法,測試一個用戶比不測試一個用戶好100%,并且在項目早期測試一個用戶比在結(jié)束時測試50個用戶要好。根據(jù)Boehm的第一定律,錯誤在需求和設(shè)計活動中最常見,并且在消除錯誤之后更昂貴。
  • 測試是一個反復(fù)的過程。這意味著您需要設(shè)計,測試,修復(fù)并重新測試。在第一輪中可能沒有發(fā)現(xiàn)問題,因為用戶實際上被其他問題所阻擋。
  • 可用性測試總是會產(chǎn)生有用的結(jié)果。您要么被指出存在的問題,要么被指出沒有重大設(shè)計缺陷,這在兩種情況下都是對您的項目有用的見解。
  • 根據(jù)溫伯格定律,開發(fā)人員不適合測試其代碼。這也適用于設(shè)計師。在網(wǎng)站上工作了幾周后,您再也無法從新的角度觀察它了。您知道它是如何構(gòu)建的,因此您確切地知道它是如何工作的–您擁有獨立的測試人員,而站點的訪問者則沒有。

底線:如果您想要一個出色的網(wǎng)站,則必須進行測試。

上海嘉遜企業(yè)品牌價值營銷專家