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