考评系统学到的UI设计理念

    半个月前，我们考评原型小组通过了第三次米老师的原型验收，首先不得不说，V4.0的原型在设计思路上相比之前的几版原型有了重大突破，我把这个过程我收获到的分享给同学和网友。

    先展示一个我们之前做的一个界面：

    乍一看，这个界面没有多大问题，很正常的一个页面，其实也仅仅能够用“很正常”来描述它，因为这个页面里没有包含任何设计者的设计理念，谁都能画出这样的界面。而且给人的感觉就是“让用户需要选择的太多了，猪都不会使用”，这就不是好软件。

    先分析下这个界面值得优化的地方：（如图中的标记）

   （1）三个按钮“添加”、“修改”、“删除”，这个是最需要修改的，让用户去选择需要做的操作，这不是好的设计理念，而是要“在小胡同里赶猪”的那种感觉，至于怎么去做，下面介绍。

   （2）表格中空余的几行，必须删掉，这在做机房收费系统的时候就要求过了；如果表格中内容不多的话，表下面的换页标记就可以去掉了；同上，表中内容不多的页面，搜索框也就可以去掉了。

     看了之前第一次找老师去验收的页面，现在觉得真是惨不忍睹。

     通过分析一个旧的页面，引出第三次验收之后的收获：

 

   1、通过“时限”+“权限”+“组织机构”来做好界面

       类似“考评系统”：

      “时限”means考试前、考试过程中、考试结束（时间段上的区别）；

      “权限”means机房收费系统中的管理员、操作员、一般用户（所能看到的、管理的内容不同）；

      “组织机构”means类似学校中各个部门，大院院长、大院教务处、系统后台（类似行政机构）。

       举个例子：通过“时限”+“权限”+“组织机构”的使用，如何去掉上图中的三个选择按钮？

    经后台配置，在不同的时间（考前、考中、考后）在界面上分别显示“添加公告”、“修改公告”、“公告管理”三个界面，在特定的时间点里，将其他功能放到更多，just so.

    这样做，每次用户进入系统的界面都不一样，而且需要做的操作是他当前最需要做的操作，让人感觉很人性化，这就是结合“时限”+“权限”+“组织机构”的好处，否则每次用户都需要去选择，让用户去思考、选择的很多，而这些思考完全可以我们来做。

 

  2、频率使用高的功能显示，不常用的功能放到“更多”。

    如图所示，右上角的三个选项，结合上面第一点，还是让用户去选择了，这个界面里，明确用户是谁？教务处的老师；他们最关心、最常用的是什么？每个层次的学生在各个学院的占的比重。好，就把这个设为主要界面来显示，其他不常用的藏起来。

    修改后的图形：更多的东西全部在右上角里，把频率最高的事情放到主界面中。

    Maybe，你会说：难道这不是绑架用户吗？Answer:”胡同里赶猪”，这是米老师说的，并非绑架用户，这条路是让用户走的非常舒服的路，是设计人员绞尽脑汁为用户想的最周到的一条路，怎么能成为绑架用户呢？

   3、全心全意去思考，而且站在用户而非开发者的角度去理需求。

    这一点也是这次我们在做需求时候遇到的问题，大家偶尔会去从实现的角度去考虑功能的设计，这样就限制了我们的思路，要么考虑实现，要么受之前系统界面的影响，“用户需要什么我们设计什么，还是用户需要什么我们有什么？”这不就是全心全意为人民服务的思想吗？“无微不至，全心全意”，做起来才体会到真的不简单，而要做到改变，思考的角度的变化才是根本。

   4、怎么让一个软件用户用完了还想用？

    这里分享一个小技巧，当然能够让用户用完还想用的方法很多，今后多去积累。

    看这个界面：

                                                                           

    设置了一个添加成功的提示框，3秒之后自动跳转到“添加考试”界面。而在这个界面就可以做到让用户用完了系统，还想再次使用，really？

    这也是“双赢”思想的一个运用。

    举个例子：

    拿某高校A为例，和学校门口的某大型书店B合作，系统用户为在校大学生，在上述“添加考试成功”界面为书店B做广告，同时B书店向高校A缴纳广告费用，在界面上，每次出现这个界面，就能为当前用户在书店的会员积分卡增加10点积分。

    这样，书店B愿意在系统里做广告，增大宣传力度；学校做了这样一个小小操作，获得了广告费；用户（学生）因为使用该系统获得了书店的积分，购书优惠，下次还想使用这个系统。

                       

    就这样，一个系统将本无很大关系的三方联系起来，大家都获利，站在系统设计者的角度，我们的造福于他人，这样的软件，不会火起来吗？