Money2007交互易用性分析(一)

来源:百度文库 编辑:神马文学网 时间:2024/04/27 18:02:59
此次研究的微软最新的个人财务工具管理软件Money2007,此系统界面风格与上次研究的Money2003软件差异较大,界面功能也做了很多改善。软件的易用性比Money2003版本也有显著提升,整体软件风格统一,以蓝色为主色调,不像Money2003每个模块都是一种主色调。
下面主要分析一下此系统各部分的交互特色:包括界面整体布局,登陆界面,工作台及其自定义,列表和表单展示方式(六种),图表和列表展示方式(五种),帮助界面及其他一些小控件的交互方式等等。界面中有一些交互方式较有新意,值得我们借鉴。
Money2007整体布局如下:

上图就是微软money2007的界面,和以前老版本相比,界面布局发生了一些变化,整个系统采用的都是纯B/S的交互特色。
界面中的窗体按钮没有采用系统自带的效果,而是重新设计了3个图片,其中关闭按钮当鼠标移上去时变为红色效果,非常醒目;而其他2个按钮仅仅是色彩加深,从中可以看出此软件更加注重细节的设计。
此系统导航也发生了变化,以前Money2003系统功能结构是二层,而目前的这款软件时是分为三层:主导航---子导航----功能区。
工具栏按钮也比以前多了四个:跳转输入框,跳转,停止,刷新。这些按钮比以前更加实用,以前工具栏和导航栏摆放在一行,彼此挨得太紧,容易造成干扰,而新版本采用分两行显示的方式解决了此易用性问题。
同时系统把一些常用功能用大图标加文字的方式摆放在工具栏后面,功能图标支持自定义,保留了以前旧系统的一些导航特色,方便老用户快速熟悉此新系统。新产品的图标尺寸变大,使得图标更醒目也相应提高了其可读性。
此系统去掉了老版本中的状态栏,工作区还是保持原样,子功能也是如此。
系统很多模块还是采用向导的交互方式进行新增记录,系统中采用大量注释文字的特色来帮助用户熟悉此界面功能。
系统右键功能很强大,基本上所有相关的功能都可以通过右键进行操作,不过很有右键功能界面上没有相对应的操作按钮。
列表和图表的展示方式都作了一些调整,增强了其统计效果。
界面增加了记忆功能,如果用户在表单中选择了某日期,继续新增其他记录时,日期输入框自动显示上次设置的值,比较友好。
系统增强了校验功能,如果用户输入一个错误的值,如日期,系统会自动修改成正确的格式,无须弹出警告框。
在文字超连接方面做得不够统一,容易使用户有些困惑。
系统界面详细交互特色如下:
1.登陆界面效果如下,用户需要注册msn帐号密码才可以进行登陆,登陆界面上有个“记住密码”复选框,在界面下方还有一个忘记密码的超链接。
界面布局比较合理,就是字体感觉有点偏小,阅读信息不太方便。
[Next>]按扭距离帐号密码输入框太远,使得用户的阅读视线跨度较大,鼠标移动间距偏大,使用起来不太方便。

2.系统工作台目前只有一种效果,去掉了以前的那种“基于任务”的页面,目前工作台界面效果如下:

界面左边除了显示了系统的版本号和日期,还把常用功能模块的部分文字链接显示出来,此部分不支持自定义。
工作区的界面各部件可以进行折叠操作,可以选择一个任务点击后面的“go”按钮快速调整到对应的功能界面,类似我们系统的快速通道。用户可以自定义需要显示在下拉列表框中的任务,自定义界面如下:

此界面默认状态时,所有操作按钮都是灰色状态,当选中某一项时,对应的操作按钮才会被激活。
我们系统有些界面按钮在没有输入内容时也显示为激活状态,是不合理的,需作相应改善。
此界面支持一次选择多条记录进行增删操作,支持向上或者向下排序操作。界面中还提供了[恢复默认值]按钮功能。
工作台的各部件可以自定义,用户可以通过点击右上方的[自定义内容或面板]按钮,在弹开的窗口中进行调整,界面如下:

此自定义界面与任务自定义界面差异较大,不支持批量添加或者移除。
图(3)处显示的是图(1)中选择的某条功能的详细说明,比较友好。
图(2)处只有[添加][移除]按钮,图(4)处显示了目前工作台上面的各部件,采用了类似缩略图的方式。
图(5)处的调整各部件位置的操作按扭布局很有特色,采用了物理空间中的上下左右概念,和用户的概念模型很吻合,如果此控件已经移到左下边,那么对应的[左移]和[下移]按扭会置灰。
此界面不支持直接拖动进行排序的交互方式,也不支持右键操作。
列表和表单有以下六种不同的展示方式:
3.布局方式一:帐户模块列表

此列表没有相应的视图,仅显示当前用户定义的所有帐号情况;界面采用分类的表达方式,不同大类下面的记录可以通过点击前面的小图标进行折叠操作,系统不支持单击此行进行展开,目前图标太小不易于点击。
系统自动对各类的帐号金额进行汇总统计,列表底部最后一行显示帐号总的情况。
系统支持相关的右键操作,如上图,不过界面上面没有此右键相对应的操作按扭,这些功能感觉有点过于隐蔽。
点击列表头各字段可以进行升降排序。系统支持鼠标对各列进行拖动操作且对拖动后的状态自动进行保存。
点击具体某一个帐号,系统切换到此帐号详细的交易明细列表,界面效果如下:

此列表上方有一个视图,用户可以在视图中进行诸如排序等操作。列表最后一行进行汇总统计当前帐号情况。
列表下方有一个“显示交易表单”的复选框,当然是处于选中状态。
点击上方的列表记录,下方的表单会显示对应的详细记录。同时可以在表单中进行新增,编辑等操作。
如果没有选中此复选框,此时在列表下方会出现相应的操作按钮,点[新增]后,效果如下:

用户可以直接在列表记录下进行新增操作,这是一个非模式窗体,一旦鼠标点击其他区域,此表单区域内容会自动消失,操作体验感不错。我们系统有些界面新增记录字段较少的界面就可以采用此表达方式,这样就可以减少弹出窗体的烦扰。
4.布局方式二:账单模块列表

此列表交互方式和账号模块列表差异较大,此列表支持双击此列表记录进行粗略信息查看及编辑,如上图所示。
点击右上角的自定义视图按钮就可以进行列表字段的调整,效果如下,此界面中的[恢复默认值]按钮放在[下移]按钮下方,而自定义任务列表中却是放在界面左下角,从操作合理性来说按钮应该放在左下角。
系统默认焦点定位到[恢复默认值]按钮上,容易导致用户误点击此按钮而导致以前设置的样式全部丢失,焦点应该默认定位到[确定]按钮上面比较妥贴。

点击列表下方的“显示日历”复选框,界面效果如下,可以通过点击具体日期查看当前交易情况,此日历控件对中文处理仍然不够理想,“星期”字样还是没有显示正确。

如果点击列表下面的[新增]按钮,则系统会打开一个新的窗体(非弹出窗体),用户可以在此界面完成资料的输入,界面效果如下:

此表单界面有一个特色:不可编辑字段内容直接显示在界面上,而我们系统采用对输入框进行置灰的显示方式,其实我们系统这种交互方式是不对的,应该直接把内容显示出来。
界面中必添字段仍然是采用加“*”的表达方式,这种方式不太理想,微软crm对必添字段进行变色加粗的交互方式。
点击界面中的[split]按钮,弹出的窗体如下:

用户可以直接点击列表行进行记录的新增或者修改操作,系统会自动对调整的信息进行保存,列表最下方是对此列表的明细进行汇总。
感觉[确认]和[取消]按钮放的位置有点怪,应该放在窗体右下角比较合理。
5.布局方式三:预算模块列表

此列表是主要是收入和开销进行对比分析,列表中的内容不可编辑,只能进行查看。用户可以通过上方的视图查看不同时间段的收支情况。列表最下方对其各列进行汇总统计。
此列表支持双击大分类所在行进行展开或折叠其分类下的所有记录,账号模块列表没有这种交互方式。
选中某条记录后,点击上面的[改变计划账号],弹出的对话框效果如下:

此界面最上方是相关的提示说明文字,界面下方是三个单选项。选中某条记录后,点击上面的[查看交易]按钮,弹出的对话框效果如下,点击界面下方的“历史图表”则会切换成相应的图表展示效果。双击列表中的记录会弹出一个对应的详细信息窗体。
360pskdocImg_15