Web应用系统的易用性考虑 ZT

  原文地址：http://jinjin2000.spaces.live.com/blog/cns!20B561BF21000DD3!262.entry

     易用性在传统行业中是非常重视的，一款易用性好的产品能够大大提高产品在市场上的竞争力和销售量。软件同样作为一种产品，开发厂商也越来越重视产品的易用性问题。尤其是在操作频率很高的业务系统中，目前，很多的业务系统还是采用传统的GUI程序，Web程序虽然比GUI程序在很多方面具有优势，但GUI程序在易用性和开发成本上具有不可比拟的优势。

工作后，一直在做公司内部的Web业务系统，由于公司的主打产品是GUI的，公司员工已经习惯了GUI程序的操作，例如快速响应、快捷方式等，因此对于内部使用的业务系统的易用性要求极高，对我们团队也提出了更高的要求。

       我们在设计一套系统的时候，常常需要在易用和有用之间做权衡，易用是用户在操作上的要求，而有用是业务功能上的考虑。我的体会是保证有用的基础上最大限度提高系统的易用性。

       Web系统易用性的核心是站在用户的角度，换位思考，处处为用户着想，假想你是最终用户，你希望得到怎样的用户体验，这样设计出的系统才是一个人性化的交互系统，而不是冷冰冰的。在提高易用性方面我们应该从下面三个方面进行考虑：1）易见性：用户很容易找到他所需的信息和操作入口；2）映射：对于第一次接触的页面，人的第一反应就是马上映射到他脑海中、生活中熟悉的事物中去，因此我们的设计要尽量符合常理，也就是说符合大多数人的习惯，某些操作尽量符合“Windows”标准，毕竟人家MS已经深入人心了。3）反馈：就是当用户点击按钮进行完一步操作之后系统给用户的反馈信息，例如“信息传输中……”、“已成功×××”等等，包括一些错误的提示等。

       以下是我们团队的一些有益的尝试：

       1．键盘操作还是鼠标操作。

就Web程序而言，客户端的操作多数依靠鼠标＋键盘来完成，这就要求操作人员右手一会儿放在鼠标上，一会儿又移到键盘上，想想你一天8小时坐在电脑面前，这样频繁的切换，是件多么累人的事情啊。尤其是在单据录入界面尤其明显。但是所有的界面都使用键盘事件进行触发，又将增加系统的开发成本和周期，因此，我们采用的一个折中方法是在重要（操作频率高）的界面全部使用键盘来进行时间触发和响应。

此外对于一些需提交的页面，尽量能点击回车直接提交，例如在查询的时候，输入查询条件之后，如果还要去用鼠标去点击确认，太受不了了。

2．提供完整的业务流程导航。，

用户登陆一套系统之后常常会不知所措，费力的寻找他所要进行的操作，好的做法是提供完整的业务流程导航，使用户清晰知道整个业务流程，并很快找到所要进行的业务操作，进行完一个操作之后，用户也可清晰的知道下一步流程是什么，点击导航图上的热点链接可直接进行下一步操作。

3．Ajax在Web中的应用。

Ajax是今年的Web中的一个热点，Google的suggest和Map是应用Ajax技术的典型应用，使用户可以在Web应用中获得很好的客户体验。其实Ajax是把一些老的技术JS、XML等融合在了一起，并进行异步的数据传输。后台和服务器进行交互，进行数据传输，用户在前台页面根本感知不到数据的传输，很爽吧，当然，过多JS的使用将增加客户端的负担，但看看现在这些很高配置的客户端机器，放在那里不加利用太浪费了，所以个人认为，Ajax应用到Web中，对系统易用性是很有帮助的，而且Rich－Client也将是今后的一个方向。

4．信息的显示和组织

Web程序传统的交互模式是在列表界面点击弹开一条记录，用户在交互时需要在弹开界面进行操作，要想切换另一条记录，还需关闭弹开窗口，然后再打开另一条记录。这无疑增加了用户的操作时间。在参考了一些易用性很好的GUI程序后发现某些系统的列表界面和某条具体记录界面在一个界面显示，这样用户可以在同一张页面进行任何操作，并可快速从一条记录切换到另一条记录。真的是茅塞顿开啊。其实用户的要求很简单，操作简单，在一张界面看到我所要看到的信息，不要频繁的进行页面的切换和弹开。

5．关于页签的使用

页签相信大家在GUI程序里经常见到和使用，可是在Web应用中呢？连续打开两张页面之后，假如还想再回到前一张页面呢？页签可以帮助你，因为它可以保留用户的操作痕迹，回到你历史操作的页面中去，当然页签有两种实现方式，一种是全部保存打开的页面在客户端，并限定保存的页面数量；另一种是客户端只保存当前页面，但保留痕迹，每次点击页签时动态加载页面，当然这两种方式都各有优势和缺点，前一种方式占用大量客户端内存，但切换速度快。后一种反之。

6．首页的设计

按照角色进行个性化的首页设计，管理层、中层经理以及普通员工关注的内容毕竟不同，主页应当列出对应角色登陆系统最想关注的信息以及重要消息的提醒，当然这需要仔细的调研之后才能进行规划。此外主页还应提供该角色最常用操作的链接，这样用户登陆系统之后不需要通过导航层层点击才进行业务操作。

7．Web邮件以及短信的应用

邮件和短信的普及，在Web中提供这些接口带来的易用性我就不多说了。

8．关于查询的话题

对于业务数据的查询，可采用两种方式，对于普通用户，可采用类似Google的模糊查询方式（一直以来都觉得Google的查询方式很人性话，要查什么，输入关键字即可），另一种可设置查询方案，将常用的查询条件设置为方案并保存，下次直接调用该方案即可。第一种方式简单，用的人更多。    后记：这段日子由于休假，在家陪家人，很是轻闲，在夜深人静的时候，写下了这些心得。我的很多朋友都在IT行业，正在或今后将要进行Web业务系统的开发和设计，希望能和大家分享这些经验，对大家有所帮助，就权当抛砖引玉，大家一起讨论Web应用的话题，共同提高。