在Web2.0和用户体验之春风的吹拂下,各家网站通过大大小小的改版来提升网站的可用性,这不能不说是一件好事,但在引入一些新控件的同时,也产生了相应的可用性问题,对于一些初级用户来说,反而将门槛提高了。
这篇文章就拿中国目前三个最大的招聘网站来举例子吧,虽然有一些小问题,但最近的这几次改版的确在可用性方面有不小的进步。
一 智联招聘 www.zhaopin.com
我们来看一下它的搜索界面。
以往“职位类别”“工作地点”等都是用下来列表来实现的,但下拉列表操作繁琐,且容易出错,所以很多设计师和用户一样,都不是很喜欢这个控件,它最大的好处就是:节省页面空间。
如
果要用一个新控件来代替下拉菜单,那么首先要解决的一个问题就是告诉用户:这个控件是可以点击的。所以智联招聘的设计师将其外观设计的像一个按钮,这个设
计思路很正确,只是后面那个箭头,有些四不像。如果设计师打算模仿worl菜单(图2),那么似乎箭头左边的竖线有些多余;如果是想模仿下拉菜单,那么箭
头应该向下才对。
我做了一个箭头向下的效果图,这下看起来舒服多了。
小小总结:新组建最好是在常用组件的基础上(主要是外观)进行改进,如果没有一点常用组建的影子,那么用户不会轻易就知道如何使用这个“新家伙”。
点击组件会出来一个层,让用户进行选择:
但这个层存在三个可用性问题:
1 顶部像是视窗系统常见的标题栏,但却无法用鼠标拖动。
一
些朋友说不能拖动也不影响操作吧。的确不影响,但这有可能对想进行拖动操作的用户产生挫败感。我们走在马路上看到一个球甚至是一个石子,会有想踢的欲望;
我们看到带标题栏的东西,也会带有惯性的想去拖动一下,如果拖动不了,自然会觉得不爽,觉得很尴尬,这就是一种挫败感。
2 不能轻松关闭层
点击层以外的地方,这个层不能自动关闭,不但麻烦,也与用户的习惯相违背。我们展开word菜单后,如果不想进行任何操作,只需点击一下菜单以外的任何地方,菜单将自动消失,用户已经习以为然,那么我们的设计就应该满足用户的这种需求。
3 状态反馈不足
上面那张图,我已经选择了“销售总监”,当我再次点击后,已选择的项目的状态不够明显,只是在标题栏上给出了文字,如果能在选项上有所反馈(取消链接并注明“已选”)应该更便于用户的理解。见下图:
二 中华英才网 www.chinahr.com
接着我们来看一下中华英才网的搜索,他是用按钮来代替以往的下拉框,所以不存在用户不知道点哪里的问题。
而且还用到了一个习惯用法,就是在按钮的文字后面加上了符号“…”,这个符号在windows视窗操作系统的菜单里代表的意思是点击以后会弹出对话框,运用到这里十分恰当(点击按钮后会出现一个层),赞!
选
择出的内容会显示在按钮后面,个人觉得反馈不够明显,而且都是黑色字体,和按钮左边的项目名称没作任何区别,但其实他们的含义远不同。如果显示在按钮上会
不会更好些?因为用户关闭层后视线会直接落在他打开层之前最后停留的位置,而且还有一个原则(在About face 2.0
中有介绍):输出的地方应该可以输入,所以我猜一些想二次修改的用户可能会去点击按钮右面的文字而不是按钮,何苦呢?不如将两者合一,排除干扰。
PS:智联招聘和前程无忧都是这样做的,见下图。
下面看一下弹出层:
中华英才网的弹出层做的不错,可以拖动,点击其他地方可以关闭,只是他对当前选中项也没有明确标出(在高级搜索弹出的层中,有明显的显示)。
接下来我们看一下搜索列表页面:
这个页面有一个很严重的问题就是“乱”,三个硕大的无用的按钮把整个页面的重点搞乱了,重点应该是搜索结果和用户可以方便的修改搜索选项,
然而这里用仅仅一个文字链来告诉用户这里可以修改搜索选项,我认为是不够的,麻烦不说(需要点击并等待页面加载),而且不明显,需要用户细心寻找和耐心阅
读才能理解如何使用。这与“DON’T MAKE ME THINK”的思想有些不符。
点击搜索条件的链接,会展开搜索选项(见下图),
并顺带显示了高级搜索的选项,我认为这点设计的很体贴。大多数用户搜索时,都是希望尽快看得搜索结果,如果上来就要他选择过多的搜索条件,并不明智,当用
户看到搜索结果并发现需要筛选时,这时给他显示高级搜索,更加自然而贴心。在简单搜索和高级搜索的衔接上,中华英才网无疑是做的最好的。
这个高级搜索页面整体看下来很乱,文字颜色,大小,页面布局都优待改进,细节我就不说了,下面看一下高级搜索的弹出层:
呵呵,蛮复杂的交互操作啊:层+下拉菜单+复选框,可以选择不同职位大类里的职位小类,但不知道这样进行选择的需求是否足够大,以至于可以让用户承受如此复杂的交互操作。这需要比较熟悉招聘行业的人来回答,我这里也不好下结论,只是觉得挺难操作的。
另一个问题是那个“确定”,我认为他的位置有问题,他应该在页面的底部正中,并且应该稍大稍明显(但这样会增加层的加载时间,需要权衡)。现在的位置逻辑有问题也不符合用户的预期,用户可能需要仔细找一下才能找到而且容易点错,点到旁边的“关闭”。
选择地区的层允许选择多个地区,这的确是一部分用户的需求。但对于4个直辖市来说,这些用户(量并不小)进行多选的需求不大,但选起来却很麻烦。
就像下面这张图,我通过下拉列表选择了上海,但此时我其实并没有选中上海,我还需要点击下面的复选框才可以,但很多用户以为他已经选择上海了,就直接点击确定了,结果发现没有选上。
ps:本想再分析一下51job.com,结果发现他和中华英才网很像,所以也没有再分析的意义了,而且51job的速度很慢,流量也掉了很多,实在是有些惋惜。