不要拦着我,我要找工作!—人才招聘类网站的站内搜索

十二月 26th, 2005

人才招聘类网站主要面对的一类用户是求职者,求职者访问人才招聘网站的目的就是找到自己感兴趣的招聘信息,因此,对于求职者来说,职位搜索功能是非常有用的。网站开发者为站内搜索设计了各种各样的辅助选项,而在实际的使用中,求职者却总是会被站内搜索中这些丰富的选项“绊住”,辅助选项不仅没有恰当的帮助求职者,反而成了“绊马索”(人才经常被称作“千里马”的)。

在这里,仅以三家规模较大的人才招聘的专业网站为例,分析人才招聘网站的站内搜索功能(位于各地频道首页中),它们分别是:

uploads/200603/07_012327_hr1.gif
智联招聘网(www.zhaopin.com)

uploads/200603/07_012346_hr2.gif
中华英才网(www.chinahr.com)

uploads/200603/07_012403_hr3.gif
前程无忧网(www.51job.com)

如前所述,人才招聘网站的站内搜索主要的使用者是求职者,因此,在下面的讨论中,“用户”这个称呼专指“求职者”。
阅读全文 »

浏览量:110,426 views 9 条评论 »

西宁邮政宾馆与博客网—不清楚结果且不可撤销的设计

十二月 18th, 2005

今年的十月中旬,我独自去青海湖玩儿,去过青海的人都知道,西宁是必经之地,去青海湖也不例外。于是,我先落脚西宁,去之前就在网上看到了不少介绍,据说“西宁邮政宾馆”是个性价比很不错的地方,于是径直入住。服务员带我进入房间后就给我介绍了淋浴的热水器,“要洗澡,先要先合上电闸,热水器就通了电,加热了。水热后,热水器会自己唱歌,一定把拉开电闸,啊,要拉开电闸,就可以洗澡了,一定不能通着电洗。要调节出水的大小呢,就拧喷头中间的这个旋钮。”服务员交代清楚后,把电闸合上,让水加热,离开了房间。我斜靠在床上,心猿意马的摆弄着电视遥控器,等待着热水器的歌声。

大约一个小时后,“我从天上来,带着兰花草…”的乐曲声突然从热水器的电子小喇叭中传出,我从床上兴奋的跃起,冲进卫生间,拉开电闸。我在青藏高原上的第一次淋浴即将实现了!我以迅雷不及掩耳盗铃的速度脱掉衣服,其速度决不亚于A片中的主人公。进入卫生间,按刚才服务员的介绍,拧中间的旋钮,“还怪紧的…”哎呀我的妈呀!水是出来了,可是,可是这水热的完全可以涮羊肉啊。就这一个钮,也没地方能调节水温,刚才光想着赶紧洗了,也没打听清楚。赶紧关上吧,这可难了,开关旋钮在喷头的正中间,把手伸到中间去拧开关,却对是自取残废啊。最终,我用毛巾包着手在无限痛苦中总算是节流了。我真想马上跃出门外好好问问服务员,当然还是理智战胜了冲动,我还是先去穿衣服了。
阅读全文 »

浏览量:116,577 views 11 条评论 »

在新窗口中 vs 在同一窗口中

十二月 17th, 2005

是在新浏览器窗口中打开链接?还是在原有窗口中打开链接?目前有三种做法:
1.始终在新窗口中打开
2.始终在同一窗口中打开
3.索引页之间在同一窗口中打开,具体的信息页在新窗口中显示。

第一种和第二种做法比较容易使用户建立起正确的心理模型,也就是说,用户很容易理解,但是这两种做法都存在一定缺陷。

第一种做法的缺陷:只要点击就会打开一个新的浏览器窗口,一种类似于病毒的行为方式,浏览这样的网站,很快用户电脑的任务栏上就会充斥大量的任务标签,标签过多,使得标签上无法显示文字,无法识别。使用这样的网站,用户需要时常关闭一些已经浏览过的窗口。

第二种做法是一些可用性大师所倡导的,比如Jakob Nielsen在他的很多文章里都提到这个问题,他的建议是“除去PDF之类的“non-Web documents”,所有的链接都应当在同一浏览器窗口中打开。”在他所进行的调查中,网页设计者将链接设置为在新窗口中打开的理由是:这样做可以留住用户(Designers open new browser windows on the theory that it keeps users on their site.)。
阅读全文 »

浏览量:19,678 views 3 条评论 »

邮件系统评测(上)—yahoo!

十二月 15th, 2005

一、发信主界面
uploads/200603/07_005858_e1.gif
用户的心智模型:
1.填写地址 (填写抄送地址) (密送地址)
2.填写主题
(3.添加附件)
4.撰写正文
5.发送或保存
在这里界面设计给出了符合用户心智模型的布局。
阅读全文 »

浏览量:19,522 views 1 条评论 »

邮件系统评测(下)—263

十二月 15th, 2005

一、发信主界面
uploads/200603/07_010745_e9.gif
同样的用户的心智模型:
1.填写地址 (填写抄送地址) (密送地址)
2.填写主题
(3.添加附件)
4.撰写正文
5.发送或保存

在263的邮件界面中可以看到不合理的布局。

二、地址簿
uploads/200603/07_010810_e10.gif
首先,当用户需要同时填写“收件人”“抄送”“暗送”三个地址时,需要分别点击右侧对应的图标,先后打开同一个“地址簿”。

打开地址簿后,
uploads/200603/07_010842_e11.gif
用户的心智模型:
1.选择联系人
2.确定

因为没有提供更多的功能,263的地址簿界面比yahoo的更为清楚明白,用户更容易操作。

三、粘贴附件
uploads/200603/07_010910_e12.gif
当用户要上传附件时,却发现附件的输入框样子上虽与“收件人”、“主题”等项目的输入框相同,但前四个可以输入,而附件后面的输入框却不行。负责添加附件功能的按钮距离输入框如此之远,如上图所示。
阅读全文 »

浏览量:111,567 views 14 条评论 »

相册走在“奔小康”的路上—相册的显示与管理中的交互设计

十二月 9th, 2005

许多网站都提供“个人相册”这种服务。用户只需要申请一个帐号就可以在互联网上拥有一个自己的相册了。提供一个能够达到温饱水平的相册需要有稳定的服务器,健壮的程序和足够的带宽,要想提供一个“奔小康”的相册,那就需要在交互设计上做更多的工作了。

图片的浏览从设计上可以分为两类:列表式和幻灯式。

列表式是指:相册中的各个图片文件以列表排列,点击后在新的页面中显示完整的大图。列表可以是文字列表,也可以是所略图列表,显然所略图的列表更便于使用。这种方式的特点是文件列表和最终的显示在不同的页面中显示。

幻灯式是指:相册中的各个图片文件或横向或纵向在页面中占用一小部分空间排列,页面中的主要区域作为“图片显示区域”,用于显示实际的大图,点击文件列表中的某一项,其实际大小的图片在页面中的图片显示区域显示。文件列表和大图显示在同一页面中。

下面针对这两种显示模式各选一个代表加以分析:列表式的代表是“yahoo!相册”,幻灯式的代表是“MSN Space相册”。

yahoo!相册的浏览界面主要由三个页面组成:
1。相册的首页,用所略图显示全部的相册;
2。XX相册页,显示某一相册内的全部照片的所略图;
3。最终显示页,显示某一张照片,并提供照片的相关信息和功能。
阅读全文 »

浏览量:19,003 views 暂无评论 »

搜狐博客后台评测

十二月 5th, 2005

总体问题:

1.在某一个blog中,搜狐网站“印记”过多。这些“印记”主要在页头和页脚中—搜狐博客logo,ChinaRen 、17173 、焦点房地产 、GoodFeel 、页脚的10个链接和搜狐版权声明。

用户希望自己的blog是一个属于自己的空间,而不喜欢其中贴满服务商的广告,况且在用户的blog中显示搜狐自身的链接并不见得能收到好的效果—有多少用户希望在访问搜狐的某个博客过程中看到搜狐“焦点房地产”呢?

与完全独立建设blog相比,使用服务商提供的现成服务最大的缺陷就是blog中留有服务商的“印记”。因此,“印记”越少就越能赢得用户的好感。搜狐博客、新浪博客、博客中国、MSN共享空间……相比,搜狐博客是“印记”最多的。

服务商付出的是网络空间和服务,用户的使用本身就是对服务商的回报。

2.当用户A访问用户B的blog时,“欢迎您:A 管理我的博客 离开 帮助”这些内容都是针对用户A的,不应该出现在用户B的blog页面内部。
阅读全文 »

浏览量:110,767 views 9 条评论 »

我们到底需要多么美丽的网页?—从google的设计风格说起

十二月 3rd, 2005

近来google的一系列动作让人眼花缭乱,gmail、gtalk…通观google的界面,g氏风格如此强烈,极劲简洁之能事,甚至是略现粗糙。

你是否琢磨过为什么google的设计风格会是这个样子?---几乎没有设计,只是使用不同的大小的文字排版,在必要的时候加一道黑线。

如果你是一名网页设计师,你是不是也抱怨过人家为什么能够使用这样的设计,而自己的公司老板或客户却完全不能接受这样的设计,以至于你根本不敢做这样的尝试,因为那样你很可能马上就丢掉工作,只是会给你的老板留下很糟的印象---这个家伙根本不会设计。那样做无异于自杀。

是的,我也在琢磨,直到我想到了前苏联的两种轻武器:AK47和ppsh41(波波沙冲锋枪)。

请相信我,我不是在信口开河或者哗众取宠。先让我们来回忆一下这两种武器:
AK-47
uploads/200603/07_004007_ak47.jpg
阅读全文 »

浏览量:114,618 views 13 条评论 »

文字,你到底能多大?—分析网页文字的字号

十二月 2nd, 2005

文字在网页上的应用:

(只看小标题您就能知道这一部分要说什么了,为了避免罗嗦,在此文发布前决定把此处300余字删除,只保留了下面这一句。)
对于一个设计的好的网站来说,用户浏览时间最长的是文章正文。

中文网页文字的现状:

中文网页普遍使用12px和14px的宋体(simsun),这两种文字都可以加粗(font-weight: bold)。这个规范似乎也成了网页设计师的基本常识。

中国的网页设计师有这4种可供选择的文字表现方式,仅仅是4种,只有这4种,4种很小的文字。其中12px的宋体加粗效果还并不太理想。

危机逐渐显现了,文字在变小!

显示器在逐渐变大,分辨率在逐渐提高,尤其是液晶显示器的普及—pc液晶显示器技术日趋成熟,笔记本电脑也开始家用化了。
液晶显示器根据不同的尺寸往往需要一个特定的分辨率,以17英寸液晶显示器为例:最佳的分辨率是1280×1024,在这个分辨率下,显示文字才是清晰的。

下面用两台显示器来做个比较:
阅读全文 »

浏览量:110,057 views 3 条评论 »

谁是按钮?它在干嘛?—网页按钮的功能与表现

十一月 29th, 2005

目前在网页中普遍出现的按钮可以分为两类:一种是有提交功能的按钮---真正意义上的按钮;另一类是仅仅表示链接的按钮,在这里将其称为“伪按钮”。

真正的按钮

真正的按钮有两个作用:
1.实现提交功能;
2.标明当前操作的目的。

说明:

无疑按钮实现着提交功能。当用户输入了关键字后会点击“搜索”按钮,网页中将出现搜索结果;当用户填写了用户名和密码后,点击“登录”按钮,系统将打开自己的邮箱页面。

按钮上的文字说明了整个表单区的内容,比如,有“搜索”按钮的区域显然标明这一区域内的文本输入框和按钮都是为搜索功能服务的,不需要在另外添加标题进行说明了,这也是设计师为提高网页可用性而普遍采用的一种方式―――逐字斟酌按钮文字。

按钮的表现形式可以大致总结为两种:
1.系统标准按钮
2.使用图片自制的按钮

对于真正的按钮应当使用系统标准按钮还是自制的图片按钮?

笔者认为应当使用系统标准按钮。系统标准按钮的设计起源是模拟真实的按钮,无论是真实生活中的按钮还是网页上的系统标准按钮都具有良好的用户反馈。
阅读全文 »

浏览量:116,825 views 11 条评论 »