pearson vue考试系统的UI设计研究

作为考试系统,所肩负的职能是呈现题目和答案选项,其次是考试的流程向导。

Pearson vue作为一个国际考试使用的系统,自然有过人的设计之处。下面是我对其设计的一些看法。

1.考试欢迎界面

Begin-Exam-screen

界面上面很清晰的写明白考试的科目,考试的时间和基本操作。

在这里,我个人觉得设计的最好的是下一步操作的提示。虽然每个用户都知道Next是进入,但是并不知道Next按钮在哪里,是什么样子的。这里欢迎界面上面写提示了用户去查找下一步的按钮。

 

2.基本的考试界面

Item-screen

在这个界面上面,最值得称赞的是界面颜色的设计和版面的设计。

首先是颜色的设计,使用的是偏暗的蓝色和偏浅的蓝色。两种颜色的搭配,给人一个简单而朴素的感觉。由于没有花俏的颜色,所以并不会分散用户考试过程中的注意力。

 

然后是布局的设计,使用的是经典的边框式布局。界面的上方安置的信息是考试的全局信息,清晰地标明了考试内容和考试时间,答题进度。稍下方是工具条,里面放置了考试过程中要使用的道具,这里放置的是标记工具。界面的下方是用于按钮栏,左边是帮助信息,右边是导航考试控制按钮。

 

整个界面的设置很有规则,用户在使用的过程中,可以很快地了解到界面的布局特点。另外参与考试的人员,并不一定习惯使用计算机,所以固定式布局和图标向导有着重要的作用。因为固定式布局,可以减轻由于布局的突变而造成用户的不适感,而图标则能帮助用户快速了解该按钮的作用。

3.导航按钮设计

在这个考试系统中,导航设计的位置摆放我个人感觉还是很好的。

首先Previous和Next,按照传统观念放在一左一右。

其次,中间放了一个Navigator按钮,用来查看整体答题的向导。

不过我不怎么喜欢Navigator这种弹窗式向导,我个人更倾向滑出式或者是侧边栏的方式。

 

4.考题分屏

Split-Screen

很多考试系统,根本都没有考虑过考题过长这样的情况。 分屏这种策略恰恰能解决考试题目过长这样中问题,让考生能够在看着答案的情况下阅读题目。

另外,按照常规的阅读方式,题目应当放在左侧,选项放在右侧。

5.多选题的标记

其实在很多系统里面设计,多选或者开关按钮都是有设计问题的,比如有些系统用“x”来表示你选中了或者激活。这样的设计应当遵循人们常规理念,即“”表示选中或者激活,“x”则表示没有选中或者关闭。

6.标记工具

这个功能很体贴,尤其是这种电子考试,用户很难在试卷上面做标记。所以有了这个功能,用户可以简单的为题目做一个标记,方便后面的检查。

7.复查答题

在这个界面上,用户可以很清楚看到题目的答题情况。在这里,它的标记图标和原来保持了一致,方便了用户的理解这个图标的意义。另外未完成的题目,使用了红色来警告用户。

 

虽然这个系统看起来有很多可取的地方,但是我个人觉得还有很多需要改进的。

1.应该高亮用户的选择

既然用户选择了一个答案,那么界面上面就应该高亮用户所选择的选项,毕竟仅仅使用那么小的一个圆点来标记并不能很好的被用户从视觉上面捕捉。

2.取消繁琐的答题形式

试问这种答题形式比单选有何优势?checkbox属于焦点易失的UI组件,而且鼠标点选面积很小,是一种用户体验非常不好的组件。另外,checkbox需要用户二次点击才能查看到答案选项,浪费了用户的答题时间。所以这种组件不应该在考试系统里面使用。

exhibit这种展现方式,我感觉简直是一种鸡肋!我找不到任何理由要让用户多点击一次来查看exhibit的内容。另外这种弹框的形式,应当在考试系统避免使用,因为弹框会让用户的注意转移,会影响用户的注意力。直接将exhibit的内容放在题目描述里面就行了,反正看了那么多exhibit,其实每个exhibit里面的内容都是一点点内容而已。

3.文本输入添加行数

由于考试系统本身的特殊性,应该加入行数的显示,这样才能让用户确定自己的填入的内容是否在格式上满足题目的要求。

4.其他方面

这个考试系统的性能不大好,虽然并没有严重影响做题。通过自己的使用经验,我感觉到了考试系统有几点是比较重要的:

a)考试系统的性能并不是最重要的。一个优良的考试系统的性能不是指并发性能,而是串行性能和稳定性。所以系统的设计应当是提高串行处理能力,增强稳定性,而那些并发的处理交由客户端自行处理。举个例子,现在有1万人要考试,系统的实际瞬时负载量基本是在千人以内,所以为了系统能服务更多的用户,服务器的session应当尽可能地减少,甚至是0 session设计,另外为了稳定性,将并发连接限制为500,然后如果瞬时的请求的用户超过了500,未能成功连接的客户端将进入循环等待中。通过这样的设计,即使是单机负载,依然能支持超大型的用户群。

b)加入动画机制。适当的动画能有效地引导用户操作。Apple在这方面就做了很好的榜样。

c)由于考试的多样化以及系统的BUG修订,所以客户端经常需要升级。因此考试系统的客户端应当是一个易于自动升级的轻量级客户端。

d)由于考试的特殊性,客户端不应当保留题目信息,另外在内存里面也尽量少保存题目信息。

e)所有的题目显示,均要和服务器同步,保存100%的同步,避免系统的错误显示而导致的严重后果。

 

 

 

posted on 2011-06-13 01:33  steven0lisa  阅读(2029)  评论(0编辑  收藏  举报

导航