可用性(Usebility),ISO 9241-11國際規(guī)范對可用性作了如下定義:產品在特定運用環(huán)境下為特定用戶用于特定用處時所具有的有效性(effectiveness)、效率(efficiency)和用戶主觀滿意度(satisfaction)。
在實際的產品規(guī)劃中,有許多規(guī)范的辦法和技巧能夠進步web頁面的可用性,但往往許多辦法成本較高,耗時較長。怎么快速度低成本的進步可用性呢?我總結了幾個細節(jié)給咱們共享一下。
1、在傳達信息的頁面盡量少用赤色
咱們在許多時分有一個誤區(qū),過錯的認為赤色奪目,能夠吸引人,從而能夠轉化更多的PV,特別是一些運營編輯同學們,愛用標紅這樣的形式,并且為了到達“意圖”,把標題搞的一大片紅。
這樣的體驗十分糟糕,由于赤色是一種起到警示作用的色彩,往往只要出現(xiàn)體系級過錯,不可康復操作提示或是嚴重警告性過錯時才會運用這種色彩,包括日常生活中,赤色代表制止,這種色彩會給用戶很嚴重焦慮的感覺,并且濫用會使頁面很不和諧。
當然,假如赤色處理的得當,仍是能夠在頁面中能夠很好的到達杰出顯現(xiàn)的作用。
2、最醒意圖色彩是鏈接默許藍色
更具體的,按最奪目最簡略讓人點擊的順序排列如下
1)文字是默許鏈接藍色和下劃線的。藍色一般為#0000ff或#0000cc,但在運營頁面這種藍色不適合聚集在一起,能夠跟據(jù)全體風格做色值上的調整。
2)文字是默許鏈接藍色的。(藍色運用計劃同上)
3)文字是反白或是高對比度的文字或是按鈕,一定要符合W3C關于對比度的規(guī)范。
3、網頁中的英文不要全用大寫
這點主要是說出現(xiàn)在標題,或是闡明性案牘中的英文單詞,或是主域名超越5個字母的域名,最好不要全用大寫。
舉例:Advanced Search
假如寫成:ADVANCED SEARCH
盡管很簡略的一個詞組,但假如全大寫,會不會讀起來更“累”一些呢?我想關于我國用戶遍及英文水平不高的情況下,這種“累”會更杰出。
假如咱們在一些宣傳性的廣告頂用小寫,或許更簡略讓人記住。
其實這與人們對縮寫名詞的潛意識有關,比方咱們說CCTV,或許比看到cctv反應起來會快那么一點點。
所以在頁面中的信息案牘,最好仍是遵從一般規(guī)則,假如是專有名詞或是品牌,能夠用首字母大寫的方法,比方:BlackBerry
4、網頁中的數(shù)字盡量運用阿拉伯數(shù)字
這一點與上面相似,也是為了給用戶帶來更直觀的作用。特別是用于闡明日期,條目數(shù)量等用于數(shù)字的地方,一定要運用阿拉伯數(shù)字。
能夠幻想,假如咱們改為:
名博排行前五十
不超越四十個字符
這樣看起來會很累,并且不行直觀。當然,關于電話號碼就更不用說了。
5、注釋性案牘要盡量簡略
注釋性或是情形提示的案牘一定要在表達精確意思的前提下簡略,不需求修飾性的形容詞,主張咱們細心學習好中文,許多朋友知道要簡略,但為了簡略,把要傳達的意思破壞了,乃至有了歧義。
K3定律之一:把頁面中的文字去掉一半,把剩余的文字再去掉一半。
6、用好alt和title
簡略直白的說:
alt適用于圖片,在瀏覽器中鼠標懸停在圖片上時有輔佐的文字注釋或闡明,用在img標簽中
例如:把鼠標懸停在圖片上
title適用于帶有鏈接的文字,在瀏覽器中鼠標懸停在鏈接文字時有文字注釋或闡明
例如:把鼠標懸停在鏈接上
其實這兩個html語法中的特點,大多數(shù)人都知道,但許多網站沒有把這兩個特點用好。
例如一些按鈕,為了規(guī)劃漂亮,在按鈕的圖片中只會寫上一個要害的動詞,例如:Search或Go
但在一些場景中,或許這個按鈕不足以十分清楚告知用戶它的作用,所以運用alt值做為注釋就能夠進步可拜訪性。另外,在網絡欠好或是服務器問題而導致圖片無法打開時,alt值也起到的十分要害的作用。
再例如一些文章標題由于頁面規(guī)劃整齊的約束,而僅顯現(xiàn)了短標題或是做了截取,但這樣的標題往往不能很精確的表達意思乃至讓人看不懂,這時分假如用了title特點就能夠很好的處理這個問題
7、超越1秒鐘的等候要有進展顯現(xiàn)
在實際中,咱們都有過體驗,假如去銀行排隊,漫長的時刻中,假如玩兒著手機,或是看等候區(qū)供給的雜志或許會好過一些。
在web頂用的比較早比較遍及的等候進展狀況是上傳,比方咱們用web中的郵箱上傳附件或是在視頻共享網站上傳視頻,這些進展條往往都是由程序判斷,能夠給出猜測性的完結時刻或是完結的百分比,讓用戶有一種“等候感”,這些現(xiàn)已成為“web產品規(guī)范”的地方,大多數(shù)網站做的現(xiàn)已都不錯。
但存在一些頁面中的交互,需求等候的時刻遠遠沒有上傳一個文件那么長時刻,但這種等候又不能控制在十分短的時刻內(通常在1秒以內用戶能夠忍受)。即便這種“不長不短”的時刻,假如徹底讓頁面處于空白的等候狀況,哪怕只是2秒鐘,對用戶來講,或許會以為網站出了問題頁脫離。
比方一些標簽頁的切換會向服務器提交請求,比方一些檢索器的查詢成果需求查詢數(shù)據(jù)庫
而這些看似很時刻短的等候,假如沒有任何提示,會讓許多用戶脫離。
例如,在新版的主頁中有一個切換各地報價的模塊,網速好的情況下,切換城市只需求1秒鐘左右的時刻。假如沒有加任何切換時的等候提示,切換城市時,這個模塊就會空白一片,帶給用戶的體驗就十分欠好。
假如咱們加上一個gif動畫和一行案牘描述,用戶從心理上在這1秒鐘里就不會有一種“空白”的等候感,并且會很有耐心。
并且這種等候進展提示的成本十分低,只需求一個gif動畫圖片就能夠處理。
|