眾所周知，可用性是網(wǎng)站設計中至關重要的一個因素，不管你是在設計作品集網(wǎng)站、網(wǎng)店還是網(wǎng)站應用，最關鍵的一-點就是要讓網(wǎng)頁使用起來簡單舒服。近幾年來，針對網(wǎng)站和用戶界面設計的各方面因素的研究有許多，研究結果對改善我們的工作很有幫助。本文收集了10項有用的可用性結論以及一些指南，可以在網(wǎng)站用戶體驗設計方面助你一臂之力。
-
Form (表單)標簽最好是在字段之上
UX Matters的一份研究顯示，表單中標簽的最理想位置應該是在輸入框.上方。許多表單中，標簽一般都位于輸入框左側(cè)，形成一個兩欄的布局。雖然這看起來還行，實際使用起來卻不是最方便的。為什么會這樣呢?通常情況下，表單是垂直導向的，也就是說，用戶從上到下填寫表單，一邊填寫、一邊掃視表單，因此將標簽放在輸入框上方要比放在左側(cè)更方便瀏覽。
-
用戶注意力集中在面部
一旦有人進入視線范圍，人們就會本能地注意到。在網(wǎng)頁上，我們會比較關注人的面部與眼睛，這便為市場營銷人員吸引訪客注意力提供了一個好方法。但我們對人們面部與眼睛的關注還只是開始，事實證明，我們會看向圖像中人物眼睛所看的方向。
-
設計質(zhì)量是可信度的標桿
為找出哪些因素會影響人們對網(wǎng)站可信度的看法，大家做了很多研究。
●Stanford-Makovsy網(wǎng)站可信度研究，2002:當前影響網(wǎng)站可信度因素的調(diào)查。
●影響網(wǎng)站可信度的因素是什么?大量定量研究報告。
●計算機可信度因素。
●影響網(wǎng)站可信度的因素:自主研究報告前期結果。
-
大多數(shù)用戶不喜歡滾屏
Jakob Nielsen關 于用戶怎樣滾屏閱讀的研究表明，只有23%的訪客初次訪問頁面時會拉動滾動條，這意味著77%的訪客是不會滾屏閱讀的，他們只會看看折疊線以上的內(nèi)容(也就是網(wǎng)頁上他們只會看看折疊線以上的內(nèi)容(也就是網(wǎng)頁上外，之后再訪問頁面時，拉滾動條的用戶就更少了，只有16%的訪客在他們第二次訪問時向下滾動屏幕。從這組數(shù)據(jù)就能明顯看出，把重要內(nèi)容放在突出位置有多么重要，尤其是在登錄頁面。這并不意味著你要把所有內(nèi)容都放在網(wǎng)頁的上半部分，只是你得好好對其加以利用。全部填塞進去，只會降低這些內(nèi)容的可讀性-當用戶看到太多信息，他們會不知道該從哪里開始。
-
藍色是最佳鏈接色
雖然讓自己的網(wǎng)站具有獨特的設計很不錯的，但提到可用性，有時候和別人保持一致才是王道。遵循常規(guī)，因為人們?yōu)g覽一個新網(wǎng)站時，常常會根據(jù)他們在別的網(wǎng)站尋找信息的經(jīng)驗來判斷信息在這個網(wǎng)站的位置，也就是用他們的經(jīng)驗來理解這個新內(nèi)容一這就是所謂的使用習慣。人們希望有些東西能夠保持一致，比如鏈接的顏色、網(wǎng)站L ogo的位置以及選項卡式的導航欄等。
Google所有網(wǎng)頁上的鏈接都是藍色，這是有理可循的:藍色是多數(shù)用戶的熟悉鏈接色，找起來很容易。你的網(wǎng)站鏈接應該是什么顏色呢?首先要注意的就是對比:鏈接顏色必須足夠深(或淺) 從而與背景色形成鮮明對比。其次，它們應該從其他文本中突顯出來。因此，如果文字顏色是黑色，那鏈接就不能也是黑色。最后，研究顯示(Van Schaik和Ling)，如果你覺得可用性是第一-位的，那么將鏈接設置成藍色便是不二之選。瀏覽器默認的鏈接顏色是藍色，因此人們會比較期待是這樣。選用另-種顏色也沒有多大問題，但它可能會拖慢用戶找到它的速度。
-
搜索框的理想寬度為27個字符
搜索框的理想寬度是多少?這個概念存在么? Jakob Nielsen就人們在網(wǎng)頁搜索框中輸入的檢索詞條的長度做了相關可用性調(diào)查研究，結果顯示，當前大多數(shù)搜索框都太短了。搜索框太短的問題在于，盡管你可以輸入一個很長的詞條，但只有其中一部分是可見的，這就讓訪客復查或編輯所輸入的詞條變得很麻煩。研究發(fā)現(xiàn)，搜索框的平均寬度是18個字符。研究數(shù)據(jù)表明，27%的檢索問題都太長了，無法完全容納進去，如果把搜索框延長至27個字符，90%的檢索問題就都能納入其中了。記住，你可以用em單位設置搜索框的寬度，不限于px或pt。一個em單位剛好是“m”字符的寬度與高度(不管網(wǎng)站設置的字號是多少)。那么，就用這個單位將文字輸入框的寬度設置成27個字符寬吧。
-
空白可以增進理解
大多數(shù)設計師都知道空白的重要性，也就是在網(wǎng)頁的斷落、圖片、按鈕以及其他元素之間流出空間?？瞻鬃岉撁嫔系母鱾€元素有空間來“呼吸”，避免頁面擁擠凌亂。我們也可以通過縮小某些之間的空隙，同時增加它們與別的元素之間的關系（例如，為了顯示某個按鈕適用于某一組元素）和建立網(wǎng)頁元素等級直觀重要。
-
網(wǎng)頁產(chǎn)品信息充足有助于其脫穎而出
如果你的網(wǎng)站鏈接有產(chǎn)品頁面，網(wǎng)上購物的人們絕對會跟蹤、瀏覽。雖然人們只是大致瀏覽看看，但很多產(chǎn)品也缺乏充足有效的信息。這個問題很嚴重，因為產(chǎn)品信息能幫助人們做出購買選擇。研究顯示，產(chǎn)品信息匱乏會造成8%左右的可用性問題，甚至10%的用戶失?。ㄒ簿褪?，用戶放棄瀏覽行為，離開網(wǎng)站）。
-
多數(shù)用戶會無視廣告
Jakob Nielsen在他的AlertBox網(wǎng)絡文集中表示，多數(shù)用戶會自動屏蔽廣告條幅。如果他們正盯著網(wǎng)頁上一小塊信息看，或者全神貫注在內(nèi)容盯著網(wǎng)頁上一小塊信息看，或者全神貫注在內(nèi)容這意味著用戶屏蔽的不僅僅是廣告自身，還有任何看起來像廣告的東西。有些導航條設計得有些過火，會有廣告條幅之嫌，因此這方面得注意一下。
相關文章
精彩導讀
熱門資訊
