歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

怎么快速低成本進步web可用性的幾個細節(jié)

發(fā)布時間:2019-03-18 文章來源:本站  瀏覽次數(shù):3068

可用性(Usebility),ISO 9241-11國際規(guī)范對可用性作了如下定義:產(chǎn)品在特定運用環(huán)境下為特定用戶用于特定用處時所具有的有效性(effectiveness)、效率(efficiency)和用戶主觀滿意度(satisfaction)。
 
在實際的產(chǎn)品規(guī)劃中,有許多規(guī)范的辦法和技巧能夠進步web頁面的可用性,但往往許多辦法成本較高,耗時較長。怎么快速度低成本的進步可用性呢?我總結(jié)了幾個細節(jié)給咱們共享一下。
 
1、在傳達信息的頁面盡量少用赤色
 
咱們在許多時分有一個誤區(qū),過錯的認為赤色奪目,能夠吸引人,從而能夠轉(zhuǎn)化更多的PV,特別是一些運營編輯同學(xué)們,愛用標(biāo)紅這樣的形式,并且為了到達“意圖”,把標(biāo)題搞的一大片紅。
這樣的體驗十分糟糕,由于赤色是一種起到警示作用的色彩,往往只要出現(xiàn)體系級過錯,不可康復(fù)操作提示或是嚴(yán)重警告性過錯時才會運用這種色彩,包括日常生活中,赤色代表制止,這種色彩會給用戶很嚴(yán)重焦慮的感覺,并且濫用會使頁面很不和諧。

當(dāng)然,假如赤色處理的得當(dāng),仍是能夠在頁面中能夠很好的到達杰出顯現(xiàn)的作用。
 
2、最醒意圖色彩是鏈接默許藍色
 
更具體的,按最奪目最簡略讓人點擊的順序排列如下
 
1)文字是默許鏈接藍色和下劃線的。藍色一般為#0000ff或#0000cc,但在運營頁面這種藍色不適合聚集在一起,能夠跟據(jù)全體風(fēng)格做色值上的調(diào)整。
 
2)文字是默許鏈接藍色的。(藍色運用計劃同上)
 
3)文字是反白或是高對比度的文字或是按鈕,一定要符合W3C關(guān)于對比度的規(guī)范。
 
3、網(wǎng)頁中的英文不要全用大寫
 
這點主要是說出現(xiàn)在標(biāo)題,或是闡明性案牘中的英文單詞,或是主域名超越5個字母的域名,最好不要全用大寫。
 
舉例:Advanced Search
 
假如寫成:ADVANCED SEARCH
 
盡管很簡略的一個詞組,但假如全大寫,會不會讀起來更“累”一些呢?我想關(guān)于我國用戶遍及英文水平不高的情況下,這種“累”會更杰出。
 
假如咱們在一些宣傳性的廣告頂用小寫,或許更簡略讓人記住。
 
其實這與人們對縮寫名詞的潛意識有關(guān),比方咱們說CCTV,或許比看到cctv反應(yīng)起來會快那么一點點。
 
所以在頁面中的信息案牘,最好仍是遵從一般規(guī)則,假如是專有名詞或是品牌,能夠用首字母大寫的方法,比方:BlackBerry

4、網(wǎng)頁中的數(shù)字盡量運用阿拉伯?dāng)?shù)字
 
這一點與上面相似,也是為了給用戶帶來更直觀的作用。特別是用于闡明日期,條目數(shù)量等用于數(shù)字的地方,一定要運用阿拉伯?dāng)?shù)字。
能夠幻想,假如咱們改為:
 
名博排行前五十
 
不超越四十個字符
 
這樣看起來會很累,并且不行直觀。當(dāng)然,關(guān)于電話號碼就更不用說了。
 
5、注釋性案牘要盡量簡略
 
注釋性或是情形提示的案牘一定要在表達精確意思的前提下簡略,不需求修飾性的形容詞,主張咱們細心學(xué)習(xí)好中文,許多朋友知道要簡略,但為了簡略,把要傳達的意思破壞了,乃至有了歧義。
 
K3定律之一:把頁面中的文字去掉一半,把剩余的文字再去掉一半。
 
6、用好alt和title
 
簡略直白的說:
 
alt適用于圖片,在瀏覽器中鼠標(biāo)懸停在圖片上時有輔佐的文字注釋或闡明,用在img標(biāo)簽中
 
例如:把鼠標(biāo)懸停在圖片上
 


title適用于帶有鏈接的文字,在瀏覽器中鼠標(biāo)懸停在鏈接文字時有文字注釋或闡明
 
例如:把鼠標(biāo)懸停在鏈接上
 
其實這兩個html語法中的特點,大多數(shù)人都知道,但許多網(wǎng)站沒有把這兩個特點用好。
 
例如一些按鈕,為了規(guī)劃漂亮,在按鈕的圖片中只會寫上一個要害的動詞,例如:Search或Go
 
但在一些場景中,或許這個按鈕不足以十分清楚告知用戶它的作用,所以運用alt值做為注釋就能夠進步可拜訪性。另外,在網(wǎng)絡(luò)欠好或是服務(wù)器問題而導(dǎo)致圖片無法打開時,alt值也起到的十分要害的作用。


再例如一些文章標(biāo)題由于頁面規(guī)劃整齊的約束,而僅顯現(xiàn)了短標(biāo)題或是做了截取,但這樣的標(biāo)題往往不能很精確的表達意思乃至讓人看不懂,這時分假如用了title特點就能夠很好的處理這個問題

7、超越1秒鐘的等候要有進展顯現(xiàn)
 
在實際中,咱們都有過體驗,假如去銀行排隊,漫長的時刻中,假如玩兒著手機,或是看等候區(qū)供給的雜志或許會好過一些。
 
在web頂用的比較早比較遍及的等候進展?fàn)顩r是上傳,比方咱們用web中的郵箱上傳附件或是在視頻共享網(wǎng)站上傳視頻,這些進展條往往都是由程序判斷,能夠給出猜測性的完結(jié)時刻或是完結(jié)的百分比,讓用戶有一種“等候感”,這些現(xiàn)已成為“web產(chǎn)品規(guī)范”的地方,大多數(shù)網(wǎng)站做的現(xiàn)已都不錯。

但存在一些頁面中的交互,需求等候的時刻遠遠沒有上傳一個文件那么長時刻,但這種等候又不能控制在十分短的時刻內(nèi)(通常在1秒以內(nèi)用戶能夠忍受)。即便這種“不長不短”的時刻,假如徹底讓頁面處于空白的等候狀況,哪怕只是2秒鐘,對用戶來講,或許會以為網(wǎng)站出了問題頁脫離。
 
比方一些標(biāo)簽頁的切換會向服務(wù)器提交請求,比方一些檢索器的查詢成果需求查詢數(shù)據(jù)庫
 
而這些看似很時刻短的等候,假如沒有任何提示,會讓許多用戶脫離。
 
例如,在新版的主頁中有一個切換各地報價的模塊,網(wǎng)速好的情況下,切換城市只需求1秒鐘左右的時刻。假如沒有加任何切換時的等候提示,切換城市時,這個模塊就會空白一片,帶給用戶的體驗就十分欠好。
 
假如咱們加上一個gif動畫和一行案牘描述,用戶從心理上在這1秒鐘里就不會有一種“空白”的等候感,并且會很有耐心。


并且這種等候進展提示的成本十分低,只需求一個gif動畫圖片就能夠處理。

上一條:使用百度知道做網(wǎng)絡(luò)營銷的...

下一條:下降網(wǎng)站頁面的類似度...