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

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

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


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

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

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

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

并且這種等候進(jìn)展提示的成本十分低，只需求一個(gè)gif動(dòng)畫圖片就能夠處理。