浅析在工作中尼尔森十大可用性原则的运用（启发式评估）

尼尔森十项可用性原则是从工作以来一直伴随着我成长的好朋友。在做启发式评估时很实用；拿不定主意的时候，检验自己做出来的界面时候，它都是一把标尺。 所以要整理工作的时候，它自然先排在了第一位。（例子为我工作中的一些页面和感悟）

十大可用性原则的内容：

    1、状态可见原则    2、环境贴切原则    3、撤销重做原则    4、一致性原则    5、防错原则

    6、易取原则           7、灵活高效原则    8、易扫原则           9、容错原则      10、人性化帮助原则

下面逐条来分析一下在工作中它们的应用：

 

1、状态可见原则  Visibility of system status （系统可见性）

     

      用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指，页面

      响应时间小于用户能忍受的等待时间。

      

      

     分析：即时反馈是交互的一大重点。可以让用户感受到产品友好，体验流畅，有助于沉浸式的体验。包括 

           点击、手势等，反馈可以是听觉的，比如点击声音；也可以是触觉的，比如点击后震动反馈；也可

           以是视觉的，比如点击或选择状态，进度等待状态等。

         

                 选中状态的切换（力求清晰明显且协调）

              

                                图一                                                    图二                                                                                          

            加载时的状态： 菊花转和进度条都是典型的加载状态~ 这两个页面 是在工作中 碰到请求加载

            时间较长时采用过的两种方式。  菊花转在时间加载长的时候极易产生焦躁感，令用户退出当前

            加载，

            如图一，在进度上加上数据 会即时反馈给用户进度的多少，能一定程度上安抚用户的焦躁情绪；

            如图二，可以把等待的过程分步，每完成一步便即时给出完成的反馈，用户看到即时的信息反馈，

                     等待的耐心也会增加，从而达到成功跳转页面的目的。

2、环境贴切原则  Match between system and the real world （匹配系统与真实世界）

  

     网页的一切表现和表述，应该尽可能贴近用户所在的环境（年龄、学历、文化、时代背景），而不要使用

     第二世界的语言。此外，还应该使用易懂和约定俗成的表达。       

      

     

     分析：不管是网页或者是移动终端，抑或者一些推广活动，都要从用户群体出发，研究用户的所在环境，

            用通俗易懂且简洁的语言和表现方式来传达信息。还有就是，我们用来设计界面的元素（图标、

            场景等）也要尽可能贴近我们的真实世界和生活。

            比如关于时间的图标，我们多用钟表、沙漏等元素表达，如果用了其他的可能会降低识别度。

            一些约定俗成的表达或者使用方式 会降低用户学习使用产品的成本，切忌为了标新立异而去设

           计出不易操作且学习成本大的方案。

     例如：    

                     （力求识别度高，易懂）

                

                （使用生活中常用的元素来表达更易懂）

       

3、撤销重做原则  User control and freedom （用户的控制性和自由度） 

      

      为了避免用户的误用和误击，网页应提供撤销和重做功能。     

    

      分析：要令用户在使用产品的过程中可以自由进退，遵循从哪里来就可以返回哪里去的出口，当用户误操作时

            要给用户提供提供撤销、重作等相关操作。比如，微信、邮箱、QQ、阿里旺旺等都支持短时间内撤回。

                

             如果是输入信息时候不小心误操作退出之后，应记忆或者恢复部分内容（视情况需要而定），避免用户

             再进来时重新花费不必要的时间填写内容。 

      例如：

              

                                                                                             

                                                             输入内容时，右侧出现一键删除内容的叉号

4、一致性原则  Consistency and standards （一致性和标准化） 

      

      同一用语、功能、操作保持一致。

    

      分析：在同一个产品中，提示用语、弹窗、按钮样式、操作方法和反馈 要保持一致性。一方面，为了保

             持界面的高度统一，一方面，减少用户的考时间可以降低用户操作成本，体验更加流畅避免误操作。

      例如：   同类的按钮和应该选用一样的样式，相同的图标重复出现时也应该保持相同。企业的标准

              色也应该贯穿始末。

         

             

                       图一                           图二                                       图三

 

          如图一，弹窗的按钮，左边是取消 右面是确定，那么在整个产品中应该都遵从右边是YES左边是NO。 

          不能YES忽左忽右，用户在 根据记忆不思考操作时 容易产生误操作。（各大平台的YES/NO 按钮也

          有自己的规范 不赘述）

          如上图的弹窗，一个产品里的所有弹窗都应该保持同一个样式，以及颜色、线条线框等。所以UI规

          范和控件库是十分有必要的。  特别是，有些创业公司初期不注意这些，在发展的过程中又一直拓

          展新业务无暇顾及产品的一致性，所以导致产品一直都既不美观也不易用，除非改头换面重整界面，

          不然整个产品不易用也往往缺乏识别度导致用户黏度低。

5、防错原则 Error prevention 

      

      通过网页的设计、重组或特别安排，防止用户出错。

    

      分析：在我们设计产品之初，我们要明确用户体验目标，然后进行用户行为分析（使用中的障碍）；在分析

                时我们可以预判出用户使用时候可能出错的情景，把出错的可能性去除或者降到最低（排除障碍）；

                或者是上线后通过数据分析出易出错的地方，加以重新设计，反复验证，防止用户出错中断体验目标。

      例如：最基本的防错莫过于 在排版之初就注意运用设计基础来排版，要注意大小间距以及强调色的运用，防

                止错误点击，引导用户正确的操作。

                  

                         删除的时候  提示是否确认删除           像第4原则一样，左右按钮得内容也要考虑防错

6、易取原则  Recognition rather than recall（识别比记忆好）

      

      尽可能减少用户回忆负担，把需要记忆的内容摆上台面

    

      分析：在用户使用产品的过程中，不可避免产生一些需要记忆的内容，或是一些操作路径，或是一些在别处用

                的到的内容，这个时候我们要做到“送佛送到西”要避免用户记忆，把东西送到用户手里给他用~

                

      例如：

               

                   在有优惠码或者卡券的地方，需要记忆数字，加上 复制 按钮，避免用户记忆和再输入

                   

                   支付的时候，显示余额，                                                       

                   可以避免忘记了余额支付失败或者退后看余额

  

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

      中级用户的数量远高于初级和高级用户数。为大多数用户设计，不要低估，也不可轻视，保持灵活高效。

    

      分析：这个灵活高效可以体现在很多很多方面。我们在做产品的时候，切不可一味迎合初级用户，

            或者低估初级用户，把不必要的信息或引导占据重要部分；也不可默认用户为高级用户，做

            出学习成本高的不易懂难上手的产品；当然，这就需要我们具体情况具体分析，灵活运用

            善于变通；所以我们要定位好自己的产品，对受众做深度的分析，必要时辅以可用性测试。

            当然灵活高效还可以体现在我们的产品体验上，不断优化产品，使产品操作起来既稳定又

            迅速。

8、易扫原则  Aesthetic and minimalist design （审美和简约的设计）

      

      互联网用户浏览网页的动作不是读，不是看，而是扫。易扫，意味着突出重点，弱化和剔除无关信息。

      分析：在做网页的时候，我们要按照视觉流Z字走向布局页面的内容，重点放在焦点区域，使用

             户一眼便可扫到重要的内容。避免把重要的东西放在不重要的位置，或者不重要的信息重

             点突出，这都是不可取的。

             现在做的更多的移动终端产品也要如此，不重要的信息要弱化甚至可以隐藏或者删除，

             保证页面干净清爽，自然而然就重点突出。切忌想把任何信息和想法都往页面上堆，然

             后让用户自己筛选重要的信息，认为哪里都是重点都不可舍弃信息乱堆一通，都是重点

            就意味着没有重点；我们在产品之初就应该归类和筛选信息，我们做的越多，用户给我

             们的惊喜就越多。

             

               功能重点突出，简约易用不繁琐。

     9、容错原则  Help users recognize, diagnose, and recover from errors （帮助用户识别，

                    诊断，并从错误中恢复）

          帮助用户从错误中恢复，将损失降到最低。如果无法自动挽回，则提供详尽的说明文字和指导方向，

          而非代码，比如404。 

          

          

10、人性化帮助原则  Help and documentation （帮助文档）

        帮助性提示最好的方式是：1、无需提示；2、一次性提示；3、常驻提示；4；帮助文档。

        

        分析：在帮助引导用户使用的过程中，在需要必要引导的时候，我们优先选用特定的路径来引导操作，

              必要提示的时候可以选用2、3、4的提示方法；一次性提示，多用在用户第一次到页面来，记忆

              成本低的时候；常驻提示，多用于操作时必须注意到的东西，或者必要重要的温馨提示；帮助

              文档，一般在解释规则或者名词解析时，或者用户新接触到定义不明白的时候用帮助文档。