bokee的后台界面评测

十一月 27th, 2005 No Comments »

本文是针对bokee.com 博客后台管理功能做的评测。原本没打算评测bokee的后台,但是在使用过程中实在是觉得问题太多了,不吐不快,于是就吐了下面这一大片。

--------------------------------------
--------------------------------------

首先总结bokee现有的功能:

控制面板:
未提供具体功能。

博客管理:
立即更新博客:功能不祥,与“博客管理>更新博客”似乎重复。
访问自己的博客:在新页面中访问用户自己的博客前台。
写新文章:写新的日志文章。
选择模板:在现有的模板中选择一个。
diy模板:自己修改css文件,分为:首页、索引页、单篇文章三项。
管理已有文章:可根据条件查找文章;修改原有文章;删除原有文章;更新发布。
管理评论:可根据条件查找评论,删除评论。
管理留言:可删除评论。
管理栏目:可添加新栏目;修改原有栏目。
标题设置:……
摘要设置:……
设置blog的分类:……
更新首页:……
更新索引页:……
更新rss:……

链接管理
链接管理:在不同的四类中添加链接。

功能设置
显示blog访问统计:显示内容包括:Blog名称、点击次数、最后访问时间。与“博客管理>最近更新”部分重复。
显示文件空间统计:显示总空间大小、实际剩余空间、文件个数。
个人资料管理:
笔名
真实姓名
性别
出生日期
所在地
从事行业
婚姻状况
身份证
是否对外公开
修改密码
管理头像图片
联系方式:qq和电话
管理上传文件:显示总空间大小、实际剩余空间、文件个数;可浏览、删除已有文件;可上传新文件。
站内消息管理:发送新消息;删除、回复收到的消息。
管理“我写的评论”:……(注:“博客管理>评论”是管理别人的评论。)
好友设置:新增好友;删除已有好友。
成员管理:发送邀请以添加成员;删除现有成员。
页面显示管理:
首页文章显示数量
首页最新博客显示数量
文章是否展开
是否匿名留言
是否开通评论
是否显示评论人头像

--------------------------------------
--------------------------------------
粗劣统计下来整个bokee的用户后台有40余项功能,设计这些功能出了多少问题呢?我们来分析一下:
--------------------------------------
控制面板:
1。页面最上面一行是提交反馈意见的链接,提交反馈意见链接应该出现在用户后台操作的所有页面中,因为对于各个操作用户都可能有意见,而唯独在这个页面中不应有反馈意见链接,因为在这里用户没法完成任何后台操作。
2。下面的7个图标中,前6个各提供了一项操作的快捷方式,最后一个图标竟然指向了ebay。对这种欺骗性广告的分析,在《也许那是一个广告?》中已经讨论过了。
此栏目页面几乎没有提供任何真正的功能,只是将“博客管理”、“链接管理”、“功能管理”、“写新文章”四个栏目中的部分功能做了链接。

--------------------------------------

博客管理
最新更新:
1。“文章数量”中“访问次数”显然不属于其中,并且在“功能设置>信息浏览”中重复出现了这项内容,只是被显示为“点击次数”。
2。在“文章数量”下面由一个图标引导显示用户自己blog的名称,链接到前台。在此页面的右上角同样由此功能,文字表述为“访问我的博客”后面加图标
如果一个功能很重要,那么应当突出显示,而不是重复显示,即便是重复显示了,也应当使用同样的表现方式---相同的文字、相同的图标。
3。按钮“立即更新博客”,似乎与“博客管理>更新博客”有重复,并且在其他一些功能完成后页面顶端会出现提示要求用户点击一个“重新发布”按钮,上述多种“更新”功能并没有明确的说明彼此之间的关系。
4。右侧的“快捷方式”中,除去最后一项和“DIY模板”以外,其他链接与标签栏的功能相同,相同的链接写了两边,“快捷方式”并未比标签栏更快。最后一项是指向“功能设置”中的“页面显示”功能的(该页面有误,将一级栏目错标做了“博客管理”),如果在“博客管理>最新更新”中应当有“功能设置>页面显示”,那么,“页面显示”功能为什么不在管理”中呢?

写新文章:
1。最上面一行7个图标链接,最后一个又是广告,这恐怕是bokee中为数不多的几处统一的设计。出去“写新文章”和“低价蜂抢”的广告以外,其他5项都于实际指向的功能标题不一致。现在所在的页面就是“写新文章”,再出现“写新文章”的图标链接意义何在呢?恐怕唯一能实现的功能就是reset了。虽然缺少实际的用户调查,但是凭主观经验,我认为在此页面中有必要的链接只有“上传文件”,有多少用户会在写新文章的过程中想要变换blog的模板呢?
2。“撰写模式”控制是否显示页面下部的一系列功能选项,但是下拉选择框的位置比较靠上,用户通常在第一屏就可以操作,但是即使使用1280×1024分辨率的显示器也无法在第一屏看到页面下部的变化。
3。“选择文章分类”,原本可以不选择,但用户一旦选择了某一类,就必须要选了,可以改选,但无法不选。一个不可逆的工作流,如果功能原本就是这样设计的,那应该在用户操作前解释清楚,用户在操作之前有时并不知道操作的确切后果,合理的设计是:允许用户取消操作。
4。接下来的4个下拉选择框和一组单选按钮,未能清楚的说明各自的功能,没有理由要求用户事先就知道“显示评论人头像”在他(她)的blog中是什么样子。
5。“文章是否展开”一项与“功能设置>页面显示”中的第3项重复,哪一处的设置会比较有效呢?
6。博bokee为用户提供了上传文件的功能,如果需要在文章中加入图片,可以先将图片上传到自己的空间中,然后在文章中加入相应的URL。不过在撰写文章的同时怎么查看图片URL地址呢?必须要在新窗口中打开“上传文件”页面,在两个页面间切换才能完成插入图片的操作。为什么不能象更改头像的操作一样,让用户在执行“插入图片”操作同时自动为用户完成上传图片文件的工作呢?

模板:
1。此页面表现两个功能,第一,选择一个模板;第二,DIY模板样式表。这两个功能存在先后顺序,而页面的表现却比较混乱,没有体现出先后顺序。
2。选择模板功能,当用户点击某一模板图片时,打开新页面显示示例图片,而点击图片下面的文字时,表示用户选择了此模板,这个操作十分重要,因为用户对原有模板的修改将彻底失效,DIY自己选定的模板通常需要用户投入很大的经历,反复尝试,也许用户只是想看一看其他模板的示例,结果却造成了无法挽回的后果,这个操作甚至不需要对前台进行刷新,只需一次点击。这里显然缺少对更改模板的必要说明,并且缺少撤销操作的功能。
3。“模板DIY”功能,在页面上两次出现,在页面左侧分别有“首页”、“索引页”、“单篇文章”3个链接,而在页面右侧只有“模板DIY”一个链接,如果用户点击右侧的链接并对打开页面中的样式表进行了修改,用户会想当然的认为是对整个blog的样式进行了修改,而实际上右侧的这个“模板DIY”指向的是修改首页的样式表页面,与左侧的“首页”链接等效。如果不能提供对整个blog样式整体进行修改的功能,那么在这个页面中也不应当同时出现“模板DIY”和”DIY:首页 索引页 单篇文章”这样的表达方式,用户会很自然的将这4个链接理解为包含关系。

文章:
1。页面上部的说明文字中提到的‘确定’按钮实际上并不存在。
第3处逗号应改为句号,第2处句号应改为逗号。我原以为只有我是不识句读的。
此处的说明文字过多,并且文字较小。类似的说明文字是为新手用户准备的,但是用户会很快的成为中间用户,对于中间用户这些文字就显得多余了。针对此页的实际情况,我觉得即使是对于新手用户,这些说明文字也没太大必要,何况其中有误。
2。列表中的放大镜图标提供了实用的功能,但表述却不够清楚,用户很难发现这两个功能。

评论:
1。文字说明与“文章”功能存在类似的文字,不再重复。类似的问题在其他页面中也存在。
2。第一个下拉选择框中的第一项“选择一个条件”应改为全部“全部”。当用户看到下拉选择框时已经明白了“可以选择”这个含义,在我的另外一篇文章《表单元件在说什么?—分析表单元件的语义》中有更详尽的讨论。

栏目:
1。功能上似乎存在一些缺陷。
2。“默认栏目”对于用户来说是一个不存在的目录。如果用户不增加栏目,只是一条条的添加日志,用户会理解为只是在往自己的blog中添加,而不是往blog中的某一个目录中添加。这种心理模型来自于windows操作系统,当我们将硬盘分出一个D盘驱动器后,如果直接向D盘中添加文件,文件将会存放在D盘的根目录中,而不是某一个默认的文件夹。“默认栏目”是一个典型的技术模型产物,并且是一个不符合用户心理模型的技术模型。

标题/摘要:
1。“博客标题”和“博客摘要”缺少必要的说明。尽管右侧的说明洋洋洒洒写了3段,但仍旧没有说明“博客标题”是什么,毕竟前台页面中没有“博客标题”这个字样。
2。在撰写文章的时候,用户可以改变文字的大小、颜色、是否加粗等等,“博客标题”和“博客摘要”也可以改变大小、颜色、是否加粗等等,但却要进入“模板”功能中,点击“模板DIY”链接,而不是在修改文字的时候。显然用户在修改博客标题的时候更容易想到要调整标题的大小,而不是在设定模板的时候。
3。“选择分类”也存在“一旦选择,就只能改选,不能不选”的问题,而且似乎有时没能记录上一次的选择结果。

博客更新:
这里的更新与“最近更新”中的“立即更新博客”按钮的作用是否相同?是否存在包含关系?与其他功能中的“更新首页”按钮是什么关系?

--------------------------------------

链接管理:
1。虽然有一大段说明文字,对于新手用户仍然无法知道创建一个链接列表意味着什么,自己的blog中将出现什么变化。
2。这样一个并不常用的功能,却安排在一级栏目中,仅仅是因为从功能上看,它与其他功能无法划分在一类中。

--------------------------------------

功能设置:

信息浏览:
1。“个人资料摘要”中显示了“用户名”、“真实姓名”、“邮箱地址”3项,旁边有“编辑个人资料”的链接,从文字上看,此链接打开的页面应当是能够编辑包括上述3项在内的一系列个人资料,而实际打开的页面中,只能找到“真实姓名”一项。
2。“Blog访问统计”中的“blog名称”与“博客管理>标题/摘要”重复,此处只提供浏览,不提供修改。如果“博客管理>标题/摘要”中的内容必要出现在“功能设置>信息浏览”中,那么“标题/摘要”功能为什么不在“功能管理”栏目中呢?
3。“点击次数”与“博客管理>最新更新”中的“访问次数”内容重复,前面已经提到了。
4。在我测试的过程中,“最后访问时间”始终显示为“不详”。
5。“文件空间统计”是“上传文件”页面中的部分内容,如果认为在这里有必要做简要介绍的话,那么应该相应的提供指向“上传文件”页面的链接,毕竟,“文件空间统计”和“上传文件”这两个词组从文字上看,并存在十分必然的联系。
6。与“博客管理>最新更新”页面类似,此处的“选择快捷方式”并没有帮助用户更快的完成操作,只是最下面一个链接提供了“帮助信息”。

资料:
1。“你的照片”和“联系方式”使用了14px加粗的橙色文字,标题“资料”使用了16px加粗的橙色文字(饱和度略有降低的橙色)。对于用户来说,这3处标题是很相似的,是否意味着这3个标题是并列关系呢?当然如果用户printscreen,然后在图像处理软件中分别提取文字颜色,会发现颜色并不相同,“资料”的颜色是#F37521,另外两个标题的颜色是#FF6600。如果用户精确测量文字高度就会发现,“资料”比其他两个标题高了2px。
2。“这些个人资料将用于您的……”这些说明文字是针对页面中部“是否对外公开”选项的,但却安排在了页面顶端。
3。“是否对外公开”选项有红色提示文字,但通观全页也没有找到提示文字中所说的“*”。

上传文件:
1。每一个页面都在左上角有一个橙色标题,使用16px加粗的宋体,有些标题与标签栏中的文字相同,比如“站内消息”页面,此页面标题为“我的文件”。此页面即有上传文件的功能又有管理已有文件的功能,标签栏写做“上传文件”似乎不准确。
2。“摘要”部分的内容与“信息浏览”中的“文件空间统计”相同,但却称作“摘要”。
3。“当前文件夹:inc / ”表示了用户当前的文加夹名称。如果无法修改或添加文件夹,那告诉用户当前文件夹名称有什么意义呢?
4。文件列表中复选框列的标题“删除”应改为“选择”。选中复选框并不是执行了删除操作,而是选定文件,准备删除。

站内消息:
1。从列的标题上看,左侧列表是用户收到消息的列表,但是却没有明确的标题提示,与直对应,右侧的“发送新的消息”显得更清楚、明白。
2。“发送新的消息”中的消息标题允许用户输入20个以内的文字,但是单行文本输入框却只能显示11个文字。

我写的评论:
1。“博客管理>评论”也是一个管理评论的页面,似乎那个页面是管理其他人写来的评论,而这里是管理用户自己写的评论。虽然存在这样的差别,但必定是都是评论,有什么理由一个在“博客管理”中,一个在“功能设置”中呢?一级栏目的划分的依据是什么呢?一级栏目划分的意义是什么呢?难道仅仅是因为功能太多,无法同时显示,才要将这许多的功能分在不同的一级栏目中吗?

好友:
1。“新增好友”有一个单行文本输入框,而在接下来的列表中,除去“删除”列,还有“好友”和“博客URL”两项,那么在新增好友的时候到底应该输入什么呢?增加好友有什么用呢?在blog页面上会有什么变化呢?

成员:
1。左侧的成员列表中最后一列为“除去”,显然与前面页面中的“删除”是相同的,表述为“删除”是不恰当的,表述为“除去”也是不恰当的,相同的功能使用不同的表述更不恰当。
2。右侧的两部分说明文字主要是针对新手用户的,用户一旦知道了什么是成员,如何添加新成员,也就是说,从新手用户变为了中间用户(关于“新手用户”和“中间用户”的解释可参见《软件观念革命》-Alan Cooper 第一部分 3 新手、专家和中间用户),那么这两部分文字就不再需要了,文本输入框和“邀请”按钮就成了常用的功能,而这个功能却在页面右下角,使用1024×768分辨率的显示器无法在第一屏显示。

页面显示:
1。橙色16px标题问题不再重复了。
2。页面左侧出现了两个相同的图标,竟然是问号图标,问号图标通常表示帮助信息,也就是说,问号表示用户有问题要问系统。此处使用了问号图标大概是因为项目是一个个问题,系统在问用户。
3。需要选择的项目普遍使用了下拉选择框,我认为使用成组的单选按钮效果更好。下拉选择框和单选按钮能实现类似的功能,在此处都完全可以实现功能要求。单选按钮可以将所有选项同时显示出来,使选择操作更直观。

--------------------------------------

写新文章:
“写新文章”实际上是“博客管理”中的第二项,为了使用户更容易操作,在一级栏目上添加了这一项。当用户点击一级菜单上这个链接后,页面显示为:一级栏目中“写新文章”为选中项,二级栏目中第二项“写新文章”为选中项。在前面的操作中已经向用户表示清楚了一级栏目与二级栏目的包含关系,此处的页面显示如何解释呢?一级栏目“写新文章”内包含9个二级栏目……显然不是这样的。

--------------------------------------

对逐个页面进行了一番了解后,我们可以将bokee后台存在的问题归纳为以下几个方面:

1。栏目划分不合理,彼此链接混乱。
也许是为了更清楚的表现各个功能,bokee的用户后台分为了两级,然而由于划分的不够合理,再加上各页面间混乱的链接,使整个后台的布局异常的无序,如同“一盒巧克力”,你永远也不会知道点击后将去到哪里。
2。文字、图像表述不恰当、不统一。
对于相同的内容表述不统一,使得后台中似乎增加了很多功能,而用户对某一操作的识别也变得更困难了。
3。相关功能的链接针对性不强。
在一个页面中增加其他功能的链接并不是多多益善,真正相关功能的链接能帮助用户更高效的完成任务,而过于形式化的“相关链接”往往是影响了用户对当前页面的操作。
4。功能提供的相应服务不完善。
大量功能缺乏起码的说明,即便是中间用户也不见得会用全部的功能。对于一项功能至少应说明:第一,它是干什么用的;第二,如何用;第三,操作后会出现什么后果;第四,如何撤销先前的操作。
5。与前台缺乏对应关系。
“可输出则可输入”是交互设计中一项重要的原则,正确的使用这一原则,第一,将使得前、后台的对应更清楚。第二,可以解决“如何布局众多功能?”的问题,第三,将会在很大程度上说明“操作后会出现什么后果?”这个问题。

关于“可输出则可输入”的原则,将在不久后做专门的讨论。

发表评论

您的大名: