尼爾森十項(xiàng)可用性原則是從工作以來(lái)一直伴隨著我成長(zhǎng)的好朋友。在做啟發(fā)式評(píng)估時(shí)很實(shí)用；拿不定主意的時(shí)候，檢驗(yàn)自己做出來(lái)的界面時(shí)候，它都是一把標(biāo)尺。 所以要整理工作的時(shí)候，它自然先排在了第一位。（例子為我工作中的一些頁(yè)面和感悟）

十大可用性原則的內(nèi)容：

    1、狀態(tài)可見(jiàn)原則    2、環(huán)境貼切原則    3、撤銷重做原則    4、一致性原則    5、防錯(cuò)原則

    6、易取原則           7、靈活高效原則    8、易掃原則           9、容錯(cuò)原則      10、人性化幫助原則

下面逐條來(lái)分析一下在工作中它們的應(yīng)用：

 

1、狀態(tài)可見(jiàn)原則  Visibility of system status （系統(tǒng)可見(jiàn)性）

     

      用戶在網(wǎng)頁(yè)上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤(pán)，頁(yè)面應(yīng)即時(shí)給出反饋?！凹磿r(shí)”是指，頁(yè)面

      響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間。

      

      

     分析：即時(shí)反饋是交互的一大重點(diǎn)。可以讓用戶感受到產(chǎn)品友好，體驗(yàn)流暢，有助于沉浸式的體驗(yàn)。包括 

           點(diǎn)擊、手勢(shì)等，反饋可以是聽(tīng)覺(jué)的，比如點(diǎn)擊聲音；也可以是觸覺(jué)的，比如點(diǎn)擊后震動(dòng)反饋；也可

           以是視覺(jué)的，比如點(diǎn)擊或選擇狀態(tài)，進(jìn)度等待狀態(tài)等。

         

                 選中狀態(tài)的切換（力求清晰明顯且協(xié)調(diào)）

              

                                圖一                                                    圖二                                                                                          

            加載時(shí)的狀態(tài)： 菊花轉(zhuǎn)和進(jìn)度條都是典型的加載狀態(tài)~ 這兩個(gè)頁(yè)面 是在工作中 碰到請(qǐng)求加載

            時(shí)間較長(zhǎng)時(shí)采用過(guò)的兩種方式。  菊花轉(zhuǎn)在時(shí)間加載長(zhǎng)的時(shí)候極易產(chǎn)生焦躁感，令用戶退出當(dāng)前

            加載，

            如圖一，在進(jìn)度上加上數(shù)據(jù) 會(huì)即時(shí)反饋給用戶進(jìn)度的多少，能一定程度上安撫用戶的焦躁情緒；

            如圖二，可以把等待的過(guò)程分步，每完成一步便即時(shí)給出完成的反饋，用戶看到即時(shí)的信息反饋，

                     等待的耐心也會(huì)增加，從而達(dá)到成功跳轉(zhuǎn)頁(yè)面的目的。

2、環(huán)境貼切原則  Match between system and the real world （匹配系統(tǒng)與真實(shí)世界）

  

     網(wǎng)頁(yè)的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境（年齡、學(xué)歷、文化、時(shí)代背景），而不要使用

     第二世界的語(yǔ)言。此外，還應(yīng)該使用易懂和約定俗成的表達(dá)。       

      

     

     分析：不管是網(wǎng)頁(yè)或者是移動(dòng)終端，抑或者一些推廣活動(dòng)，都要從用戶群體出發(fā)，研究用戶的所在環(huán)境，

            用通俗易懂且簡(jiǎn)潔的語(yǔ)言和表現(xiàn)方式來(lái)傳達(dá)信息。還有就是，我們用來(lái)設(shè)計(jì)界面的元素（圖標(biāo)、

            場(chǎng)景等）也要盡可能貼近我們的真實(shí)世界和生活。

            比如關(guān)于時(shí)間的圖標(biāo)，我們多用鐘表、沙漏等元素表達(dá)，如果用了其他的可能會(huì)降低識(shí)別度。

            一些約定俗成的表達(dá)或者使用方式 會(huì)降低用戶學(xué)習(xí)使用產(chǎn)品的成本，切忌為了標(biāo)新立異而去設(shè)

           計(jì)出不易操作且學(xué)習(xí)成本大的方案。

     例如：    

                     （力求識(shí)別度高，易懂）

                

                （使用生活中常用的元素來(lái)表達(dá)更易懂）

       

3、撤銷重做原則  User control and freedom （用戶的控制性和自由度） 

      

      為了避免用戶的誤用和誤擊，網(wǎng)頁(yè)應(yīng)提供撤銷和重做功能。     

    

      分析：要令用戶在使用產(chǎn)品的過(guò)程中可以自由進(jìn)退，遵循從哪里來(lái)就可以返回哪里去的出口，當(dāng)用戶誤操作時(shí)

            要給用戶提供提供撤銷、重作等相關(guān)操作。比如，微信、郵箱、QQ、阿里旺旺等都支持短時(shí)間內(nèi)撤回。

                

             如果是輸入信息時(shí)候不小心誤操作退出之后，應(yīng)記憶或者恢復(fù)部分內(nèi)容（視情況需要而定），避免用戶

             再進(jìn)來(lái)時(shí)重新花費(fèi)不必要的時(shí)間填寫(xiě)內(nèi)容。 

      例如：

              

                                                                                             

                                                             輸入內(nèi)容時(shí)，右側(cè)出現(xiàn)一鍵刪除內(nèi)容的叉號(hào)

4、一致性原則  Consistency and standards （一致性和標(biāo)準(zhǔn)化） 

      

      同一用語(yǔ)、功能、操作保持一致。

    

      分析：在同一個(gè)產(chǎn)品中，提示用語(yǔ)、彈窗、按鈕樣式、操作方法和反饋 要保持一致性。一方面，為了保

             持界面的高度統(tǒng)一，一方面，減少用戶的考時(shí)間可以降低用戶操作成本，體驗(yàn)更加流暢避免誤操作。

      例如：   同類的按鈕和應(yīng)該選用一樣的樣式，相同的圖標(biāo)重復(fù)出現(xiàn)時(shí)也應(yīng)該保持相同。企業(yè)的標(biāo)準(zhǔn)

              色也應(yīng)該貫穿始末。

         

             

                       圖一                           圖二                                       圖三

 

          如圖一，彈窗的按鈕，左邊是取消 右面是確定，那么在整個(gè)產(chǎn)品中應(yīng)該都遵從右邊是YES左邊是NO。 

          不能YES忽左忽右，用戶在 根據(jù)記憶不思考操作時(shí) 容易產(chǎn)生誤操作。（各大平臺(tái)的YES/NO 按鈕也

          有自己的規(guī)范 不贅述）

          如上圖的彈窗，一個(gè)產(chǎn)品里的所有彈窗都應(yīng)該保持同一個(gè)樣式，以及顏色、線條線框等。所以UI規(guī)

          范和控件庫(kù)是十分有必要的。  特別是，有些創(chuàng)業(yè)公司初期不注意這些，在發(fā)展的過(guò)程中又一直拓

          展新業(yè)務(wù)無(wú)暇顧及產(chǎn)品的一致性，所以導(dǎo)致產(chǎn)品一直都既不美觀也不易用，除非改頭換面重整界面，

          不然整個(gè)產(chǎn)品不易用也往往缺乏識(shí)別度導(dǎo)致用戶黏度低。

5、防錯(cuò)原則 Error prevention 

      

      通過(guò)網(wǎng)頁(yè)的設(shè)計(jì)、重組或特別安排，防止用戶出錯(cuò)。

    

      分析：在我們?cè)O(shè)計(jì)產(chǎn)品之初，我們要明確用戶體驗(yàn)?zāi)繕?biāo)，然后進(jìn)行用戶行為分析（使用中的障礙）；在分析

                時(shí)我們可以預(yù)判出用戶使用時(shí)候可能出錯(cuò)的情景，把出錯(cuò)的可能性去除或者降到最低（排除障礙）；

                或者是上線后通過(guò)數(shù)據(jù)分析出易出錯(cuò)的地方，加以重新設(shè)計(jì)，反復(fù)驗(yàn)證，防止用戶出錯(cuò)中斷體驗(yàn)?zāi)繕?biāo)。

      例如：最基本的防錯(cuò)莫過(guò)于 在排版之初就注意運(yùn)用設(shè)計(jì)基礎(chǔ)來(lái)排版，要注意大小間距以及強(qiáng)調(diào)色的運(yùn)用，防

                止錯(cuò)誤點(diǎn)擊，引導(dǎo)用戶正確的操作。

                  

                         刪除的時(shí)候  提示是否確認(rèn)刪除           像第4原則一樣，左右按鈕得內(nèi)容也要考慮防錯(cuò)

6、易取原則  Recognition rather than recall（識(shí)別比記憶好）

      

      盡可能減少用戶回憶負(fù)擔(dān)，把需要記憶的內(nèi)容擺上臺(tái)面

    

      分析：在用戶使用產(chǎn)品的過(guò)程中，不可避免產(chǎn)生一些需要記憶的內(nèi)容，或是一些操作路徑，或是一些在別處用

                的到的內(nèi)容，這個(gè)時(shí)候我們要做到“送佛送到西”要避免用戶記憶，把東西送到用戶手里給他用~

                

      例如：

               

                   在有優(yōu)惠碼或者卡券的地方，需要記憶數(shù)字，加上 復(fù)制 按鈕，避免用戶記憶和再輸入

                   

                   支付的時(shí)候，顯示余額，                                                       

                   可以避免忘記了余額支付失敗或者退后看余額

  

7、靈活高效原則  Flexibility and efficiency of use （使用的靈活高效）  

      中級(jí)用戶的數(shù)量遠(yuǎn)高于初級(jí)和高級(jí)用戶數(shù)。為大多數(shù)用戶設(shè)計(jì)，不要低估，也不可輕視，保持靈活高效。

    

      分析：這個(gè)靈活高效可以體現(xiàn)在很多很多方面。我們?cè)谧霎a(chǎn)品的時(shí)候，切不可一味迎合初級(jí)用戶，

            或者低估初級(jí)用戶，把不必要的信息或引導(dǎo)占據(jù)重要部分；也不可默認(rèn)用戶為高級(jí)用戶，做

            出學(xué)習(xí)成本高的不易懂難上手的產(chǎn)品；當(dāng)然，這就需要我們具體情況具體分析，靈活運(yùn)用

            善于變通；所以我們要定位好自己的產(chǎn)品，對(duì)受眾做深度的分析，必要時(shí)輔以可用性測(cè)試。

            當(dāng)然靈活高效還可以體現(xiàn)在我們的產(chǎn)品體驗(yàn)上，不斷優(yōu)化產(chǎn)品，使產(chǎn)品操作起來(lái)既穩(wěn)定又

            迅速。

8、易掃原則  Aesthetic and minimalist design （審美和簡(jiǎn)約的設(shè)計(jì)）

      

      互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁(yè)的動(dòng)作不是讀，不是看，而是掃。易掃，意味著突出重點(diǎn)，弱化和剔除無(wú)關(guān)信息。

      分析：在做網(wǎng)頁(yè)的時(shí)候，我們要按照視覺(jué)流Z字走向布局頁(yè)面的內(nèi)容，重點(diǎn)放在焦點(diǎn)區(qū)域，使用

             戶一眼便可掃到重要的內(nèi)容。避免把重要的東西放在不重要的位置，或者不重要的信息重

             點(diǎn)突出，這都是不可取的。

             現(xiàn)在做的更多的移動(dòng)終端產(chǎn)品也要如此，不重要的信息要弱化甚至可以隱藏或者刪除，

             保證頁(yè)面干凈清爽，自然而然就重點(diǎn)突出。切忌想把任何信息和想法都往頁(yè)面上堆，然

             后讓用戶自己篩選重要的信息，認(rèn)為哪里都是重點(diǎn)都不可舍棄信息亂堆一通，都是重點(diǎn)

            就意味著沒(méi)有重點(diǎn)；我們?cè)诋a(chǎn)品之初就應(yīng)該歸類和篩選信息，我們做的越多，用戶給我

             們的驚喜就越多。

             

               功能重點(diǎn)突出，簡(jiǎn)約易用不繁瑣。

     9、容錯(cuò)原則  Help users recognize, diagnose, and recover from errors （幫助用戶識(shí)別，

                    診斷，并從錯(cuò)誤中恢復(fù)）

          幫助用戶從錯(cuò)誤中恢復(fù)，將損失降到最低。如果無(wú)法自動(dòng)挽回，則提供詳盡的說(shuō)明文字和指導(dǎo)方向，

          而非代碼，比如404。 

          

          

10、人性化幫助原則  Help and documentation （幫助文檔）

        幫助性提示最好的方式是：1、無(wú)需提示；2、一次性提示；3、常駐提示；4；幫助文檔。

        

        分析：在幫助引導(dǎo)用戶使用的過(guò)程中，在需要必要引導(dǎo)的時(shí)候，我們優(yōu)先選用特定的路徑來(lái)引導(dǎo)操作，

              必要提示的時(shí)候可以選用2、3、4的提示方法；一次性提示，多用在用戶第一次到頁(yè)面來(lái)，記憶

              成本低的時(shí)候；常駐提示，多用于操作時(shí)必須注意到的東西，或者必要重要的溫馨提示；幫助

              文檔，一般在解釋規(guī)則或者名詞解析時(shí)，或者用戶新接觸到定義不明白的時(shí)候用幫助文檔。