close

低成本提高web可用性的幾個細節(一) - 網頁設計

http://webdesign.zoapcon.com

可用性(Usebility),ISO 9241-11國際標準對可用性作了如下定義:產品在特定使用環境下為特定用戶用于特定用途時所具有的有效性(effectiveness)、效率(efficiency)和用戶主觀滿意度(satisfaction)。更多內容請猛擊這里>
在實際的產品設計中,有很多標準的方法和技巧可以提高web頁面的可用性,但往往很多方法成本較高,耗時較長。如何快速度低成本的提高可用性呢?我總結了幾個細節給大家分享一下。

1、在傳達信息的頁面盡量少用紅色
我們在很多時候有一個誤區,錯誤的認為紅色醒目,可以吸引人,從而可以轉化更多的PV,特別是一些運營編輯同學們,愛用標紅這樣的形式,而且為了達到“目的”,把標題搞的一大片紅。(圖1)
來自網上車市首頁的截圖:


(圖1)
我們可以看到,這樣的體驗非常糟糕,因為紅色是一種起到警示作用的顏色,往往只有出現系統級錯誤,不可恢復操作提示或是嚴重警告性錯誤時才會使用這種顏色,包括日常生活中,紅色代表禁止(圖2),這種顏色會給用戶很緊張焦慮的感覺,而且濫用會使頁面很不和諧。


(圖2)


(圖3)
當然,如果紅色處理的得當,還是可以在頁面中可以很好的達到突出顯示的效果,例如上面的圖3。

2、最醒目的顏色是鏈接默認藍色
更詳細的,按最醒目最容易讓人點擊的順序排列如下
1)文字是默認鏈接藍色和下劃線的。藍色一般為#0000ff或#0000cc,但在運營頁面這種藍色不適合聚集在一起,可以跟據整體風格做色值上的調整。
2)文字是默認鏈接藍色的。(藍色應用方案同上)見圖4


(圖4)
插入千鳥的文章《用戶喜歡點什么》
3)文字是反白或是高對比度的文字或是按鈕,一定要符合W3C關于對比度的規范,如圖5就有很好的效果。
來自amazon.com導航中的截圖


(圖5)

插入Ami Zhang的文章《不要忽略了顏色的可用性》

3、網頁中的英文不要全用大寫
這點主要是說出現在標題,或是說明性文案中的英文單詞,或是主域名超過5個字母的域名,最好不要全用大寫。
舉例:Advanced Search
如果寫成:ADVANCED SEARCH
雖然很簡單的一個詞組,但如果全大寫,會不會讀起來更“累”一些呢?我想對于中國用戶普遍英文水平不高的情況下,這種“累”會更突出。
再比如:www.soufun.com,這個網址,如果我們在一些宣傳性的廣告中用小寫,可能更容易讓人記住。
如果改成:WWW.SOUFUN.COM是不是感覺有一點點不舒服呢?
其實這與人們對縮寫名詞的潛意識有關,比如我們說CCTV,可能比看到cctv反應起來會快那么一點點。
所以在頁面中的信息文案,最好還是遵循一般規律,如果是專有名詞或是品牌,可以用首字母大寫的方式,比如:BlackBerry

4、網頁中的數字盡量使用阿拉伯數字
這一點與上面類似,也是為了給用戶帶來更直觀的效果。特別是用于說明日期,條目數量等用于數字的地方,一定要使用阿拉伯數字。見圖6
比如:

 


(圖6)
可以想象,如果我們改為:
名博排行前五十
不超過四十個字符
這樣看起來會很累,而且不夠直觀。當然,對于電話號碼就更不用說了。

(未完…)

 

arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜

    jljlhao 發表在 痞客邦 留言(0) 人氣()