Google在其網站上保持所有的鏈接都是藍色只有一個原因:大多數用戶對這個顏色熟悉,這使得很容易定位。
你的鏈接應該是什么顏色?前幾要義就是差異(對比):鏈接要足夠暗(或者亮)以和背景色相對照。其次,它要能從其他文本中凸顯出來;所以,不要在黑色字體上使用黑色鏈接。更后,研究表明(Van Schaik 和Ling)如果可用性是你的重點,保持藍色鏈接是更好的。瀏覽器的默認鏈接顏色是藍色,所以用戶比較期望它。選擇一個其它顏色更對不是問題,但是它將會影響到用戶找到它的速度。
理想的搜索框是27個字符寬
搜索框的理想寬度是多少?有這回事兒嗎?Jakob Nielsen做了一次關于在網站的搜索框中搜索問題的長度的調查(Prioritizing Web Usability)。結果是現在的大部分搜索框太短了。搜索框太短的問題是即便你可以輸入較長的問題,你也只能一次看到文本的一部分,從而使得難于檢查或編輯你輸入的內容。
該研究發現搜索框的平均寬度是18個字符。數據顯示27%的查詢太長以至于不能輸入。擴展搜索框到27個字符能夠滿足90%的查詢。請注意,你可以使用em設置寬度,而不是像素或者pt。1em正好是一個“m”字符的寬度和高度(而無論你的網站使用多大的字號)。那么,就用這個單位來控制搜索的文本框為27個字符寬吧。
Google的搜索框足夠寬來容納長句子。
Apple的搜索框有些短,會切斷查詢內容:“Microsoft Office 2008.”
總體來說,搜索框太寬比太短要好,這樣用戶就可以快速檢查、核實并提交查詢。這條準則相當簡單,但是不幸的是常常被無視。在輸入區域里使用一些內邊距(padding)同樣可以提高設計和用戶體驗。
空白可以增進理解
很多設計師都知道空白的價值,也就是頁面中段落、圖片、按鈕和其它元素之間的空白。空白通過給各元素足夠的空間來“呼吸”以避免頁面過于擁擠凌亂。我們也可以通過減少條目之間的空間和增加它們與頁面中的其它條目之間的空間來進行分組。在頁面中顯示條目之間的關系(比如,在這個條目集那里顯示這個按鈕)和構筑元素的等級很重要。
注意Netsetter網站上的大大的內容margin、padding和段落空間。所有的這些空間讓內容更容易和舒適的閱讀。
空白同樣讓內容更加清晰易讀。一份研究(Lin, 2004)發現段落之間和左右間距可以增進理解20%左右。用戶會發現更容易聚焦和處理使用大空白的內容。
事實上,根據Chaperro、Shaikh和Baker的研究,一個頁面的布局(包括空白、標題、縮進和插圖)可能不會明顯的影響表現但是肯定會影響用戶的舒適度和體驗。
有效的用戶測試并不一定要廣泛
Jakob Nielsen關于在可用性測試中的測試對象的理想數字的研究表明**測試5個用戶就可以發現你的網站的所有問題的85%,而15名用戶就能發現差不多所有的問題。
更大的問題通常是前幾個或者**個用戶發現的,后續的用戶會確認這些問題并發現其它的一些小問題。只有兩個測試用戶的話可能能發現你的網站的一半的問題。這意味著測試并不是必須要很廣泛或者很昂貴以獲取較好的結果。更大的收益來自于從0個測試用戶到1個,所以不必擔心測試用戶太少:任何測試都聊勝于無。
信息產品頁面可以助你引人注目
如果你的網站有產品頁面,人們在線購物的時候將一定會看到它們。但是很多產品頁面缺乏足夠的信息,甚至不足以讓瀏覽器快速瀏覽。這是個嚴肅的問題,因為產品信息有助于讓人們下定購買的決心。研究顯示缺乏產品信息會導致大概8%的可用性問題和甚至高達10%的用戶失敗(也就是說用戶放棄并離開這個網站) (Prioritizing Web Usability)。
Apple為其產品提供前幾立的“技術特性”頁面,這可以將復雜的詳情頁面前幾立于簡單的產品銷售頁面,然后在他們(用戶)需要的時候提供一個方便的入口。
為你的產品提供詳細的信息,但是不要掉進用太多文字炮轟用戶的陷阱。讓這些信息易于理解。通過將文字分成小段并使用大量的子標題讓頁面可瀏覽,為你的產品添加大量的圖片,并使用合適的語言:不要使用術語,你的用戶可能不懂。
大部分用戶無視廣告
Jakob Nielsen在其AlertBox entry中報告說大部分用戶根本就無視廣告橫幅。如果他們在一個頁面中尋找一個信息片段或者專心的看內容,他們是不會被旁邊的廣告擾亂的。
這意味著用戶不僅會避開廣告,而且他們還會避開一切看起來像廣告的東西,即便它們跟本不是廣告。一些重風格的導航條會看起來像橫幅廣告,所以小心使用那些元素。
FlashDen左側的方形橫幅確實不是廣告:它們只是內容鏈接,但是它們的確看起來和廣告條很像,以至于會被一些用戶無視。
也就是說,如果廣告看起來像內容,人們會瀏覽并點擊。這會帶來更多的廣告收入但是會以你的用戶的信任為代價,因為他們點擊他們認為真的是內容的東西。在你采取
10條有用的可用性結論和指南2,希望對您有參考價值。