用户界面设计实验版概要.docx
- 文档编号:6372518
- 上传时间:2023-05-10
- 格式:DOCX
- 页数:29
- 大小:501.47KB
用户界面设计实验版概要.docx
《用户界面设计实验版概要.docx》由会员分享,可在线阅读,更多相关《用户界面设计实验版概要.docx(29页珍藏版)》请在冰点文库上搜索。
用户界面设计实验版概要
中南民族大学
《用户界面设计》实验报告
学号:
201421091004
姓名:
汤慧莹
班级名称:
计科1401班
指导教师:
程鹏
实验日期:
实验1:
应用系统人机界面评估
本实验要求评估6个应用系统的人机界面,根据可用性指标的相关要素进行。
应用系统的类别如下:
(可参考实验讲义)
(1)自动取款机,可以选择工行、建行、中行、交行、民生银行、招行、邮政储蓄银行等银行。
(2)评估微软的Word
(3)评估手机的人机界面
(4)评估一个电子邮件系统
(5)评估一个门户网站
(6)评估一个自己喜欢的游戏
实验1-1被评估的应用系统:
中行自动取款机
运行界面截图:
(拷屏画面)
序号.
类别
重要程度
目标值
实际值
最高
最低
1
2
3
4
5
时间
时间
1
学习时间
√
1分钟
1分钟
2
执行速度
√
低
中
高
很高
低
中
高
很高
3
出错的比率
√
√
√
4
用户满意度
√
√
√
5
记忆程度
√
√
√
在空白处填上问题的答案,答案值范围1~5,1代表否,5代表是,3代表一般。
如果问题不能回答,请给0。
序号.
类别
成绩
不
一般
是
1
2
3
4
5
N/A
6
术语是否一致?
√
7
术语是否合适?
√
8
术语是否在用户词汇表中?
√
9
指令是否一致?
√
10
指令是否准确地描述了任务?
√
11
显示信息布局是否简化了任务?
√
12
错误提示信息是否有帮助?
√
13
是否容易纠错?
√
14
联机帮助信息是否一致,是否有用?
√
No.
说明
15
对于提升软件的性能,你有哪些建议?
可以再增加几种语言。
16
对于这个软件的界面设计,你有哪些满意的地方?
界面简洁明了、大气。
给人的视觉感特别好。
实验1-2被评估的应用系统:
评估微软的Word
运行界面截图:
(拷屏画面)
序号.
类别
重要程度
目标值
实际值
最高
最低
1
2
3
4
5
时间
时间
1
学习时间
√
0(视功能而定)
0(视功能而定)
2
执行速度
√
4
4
低
中
高
很高
低
中
高
很高
3
出错的比率
√
√
√
4
用户满意度
√
√
√
5
记忆程度
√
√
√
在空白处填上问题的答案,答案值范围1~5,1代表否,5代表是,3代表一般。
如果问题不能回答,请给0。
序号.
类别
成绩
不
一般
是
1
2
3
4
5
N/A
6
术语是否一致?
√
7
术语是否合适?
√
8
术语是否在用户词汇表中?
√
9
指令是否一致?
√
10
指令是否准确地描述了任务?
√
11
显示信息布局是否简化了任务?
√
12
错误提示信息是否有帮助?
√
13
是否容易纠错?
√
14
联机帮助信息是否一致,是否有用?
√
No.
说明
15
对于提升软件的性能,你有哪些建议?
可以多设置一些word的快捷键,如Photoshop里面有很多快捷键,用起来很方便的。
16
对于这个软件的界面设计,你有哪些满意的地方?
微软word的界面简单大方,上面是工具栏,下面有页码、页面、行列、字数等。
实验1-3被评估的应用系统:
评估手机的人机界面
运行界面截图:
(拷屏画面)
序号.
类别
重要程度
目标值
实际值
最高
最低
1
2
3
4
5
时间
时间
1
学习时间
√
1分钟
1分钟
2
执行速度
√
低
中
高
很高
低
中
高
很高
3
出错的比率
√
√
√
4
用户满意度
√
√
√
5
记忆程度
√
√
√
在空白处填上问题的答案,答案值范围1~5,1代表否,5代表是,3代表一般。
如果问题不能回答,请给0。
序号.
类别
成绩
不
一般
是
1
2
3
4
5
N/A
6
术语是否一致?
√
7
术语是否合适?
√
8
术语是否在用户词汇表中?
0
9
指令是否一致t?
√
10
指令是否准确地描述了任务?
√
11
显示信息布局是否简化了任务?
√
12
错误提示信息是否有帮助?
√
13
是否容易纠错?
√
14
联机帮助信息是否一致,是否有用?
√
No.
说明
15
对于提升软件的性能,你有哪些建议?
可以将苹果手机的移动数据弄一个快捷方式,不然每次开流量都需要在设置里打开蜂窝移动网络,略麻烦。
16
对于这个软件的界面设计,你又哪些满意的地方?
1.从手机低端往上滑,会出现一些常用功能的按钮,例如WiFi开关、手电筒、计算器、相机图标等等,非常方便。
2.将一些不常用的小软件收纳在一个文件夹里,给用户一种很舒心的体验。
实验1-4被评估的应用系统:
电子邮件系统
运行界面截图:
(拷屏画面)
序号.
类别
重要程度
目标值
实际值
最高
最低
1
2
3
4
5
时间
时间
1
学习时间
√
2
执行速度
√
低
中
高
很高
低
中
高
很高
3
出错的比率
√
√
√
4
用户满意度
√
√
√
5
记忆程度
√
√
√
在空白处填上问题的答案,答案值范围1~5,1代表否,5代表是,3代表一般。
如果问题不能回答,请给0。
序号.
类别
成绩
不
一般
是
1
2
3
4
5
N/A
6
术语是否一致?
√
7
术语是否合适?
√
8
术语是否在用户词汇表中?
√
9
指令是否一致t?
√
10
指令是否准确地描述了任务?
√
11
显示信息布局是否简化了任务?
√
12
错误提示信息是否有帮助?
√
13
是否容易纠错?
√
14
联机帮助信息是否一致,是否有用?
√
No.
说明
15
对于提升软件的性能,你有哪些建议?
QQ邮箱里的漂流瓶很烦人,建议将QQ邮箱里的漂流瓶设置为可关掉其功能。
16
对于这个软件的界面设计,你又哪些满意的地方?
1.可分类管理邮件
2.发送出去的邮件自己也备份了一份,挺好的。
实验1-5被评估的应用系统:
刀刀网站(一个学长自己做的)
运行界面截图:
(拷屏画面)
序号.
类别
重要程度
目标值
实际值
最高
最低
1
2
3
4
5
时间
时间
1
学习时间
√
2
执行速度
√
低
中
高
很高
低
中
高
很高
3
出错的比率
√
√
√
4
用户满意度
√
√
√
5
记忆程度
√
√
√
在空白处填上问题的答案,答案值范围1~5,1代表否,5代表是,3代表一般。
如果问题不能回答,请给0。
序号.
类别
成绩
不
一般
是
1
2
3
4
5
N/A
6
术语是否一致?
√
7
术语是否合适?
√
8
术语是否在用户词汇表中?
0
9
指令是否一致t?
0
10
指令是否准确地描述了任务?
√
11
显示信息布局是否简化了任务?
√
12
错误提示信息是否有帮助?
√
13
是否容易纠错?
√
14
联机帮助信息是否一致,是否有用?
0
No.
说明
15
对于提升软件的性能,你有哪些建议?
此网站略显花哨,技术上很不错,有很多动画技巧,但是可以稍微考虑一下网站的排版设计问题。
16
对于这个软件的界面设计,你又哪些满意的地方?
此网站的设计很青春很活力,符合年轻人的气质,有青春风范。
实验1-6被评估的应用系统:
游戏“暖暖环游世界”
运行界面截图:
(拷屏画面)
序号.
类别
重要程度
目标值
实际值
最高
最低
1
2
3
4
5
时间
时间
1
学习时间
√
5分钟
5分钟
2
执行速度
√
低
中
高
很高
低
中
高
很高
3
出错的比率
√
√
√
4
用户满意度
√
√
√
5
记忆程度
√
√
√
在空白处填上问题的答案,答案值范围1~5,1代表否,5代表是,3代表一般。
如果问题不能回答,请给0。
序号.
类别
成绩
不
一般
是
1
2
3
4
5
N/A
6
术语是否一致?
√
7
术语是否合适?
√
8
术语是否在用户词汇表中?
0
9
指令是否一致t?
0
10
指令是否准确地描述了任务?
√
11
显示信息布局是否简化了任务?
√
12
错误提示信息是否有帮助?
√
13
是否容易纠错?
√
14
联机帮助信息是否一致,是否有用?
√
No.
说明
15
对于提升软件的性能,你有哪些建议?
暖暖环游的地图不能缩放,建议制作成课缩放的,更利于玩者的体验。
16
对于这个软件的界面设计,你又哪些满意的地方?
画风清新唯美,少女心弥漫了整个游戏,通过玩这个游戏来加强自己的搭配审美,很受女生青睐。
实验2:
设计一个应用系统的人机界面
本实验要求根据可用性指标设计一个应用系统的图形化人机界面。
首先,可以选择一个可以完成用户需求的系统,分析需要实现全部功能,完成用户需求分析设计;其次,用visualstudio201x画出应用界面,全部功能必须出现在界面上,必要包含一个登录界面、一个主界面、全部的辅助界面;最后,根据人机界面设计的八条黄金规则解释、分析设计的依据。
1.系统需求
主要内容包括:
目标和用户需求
随着社会网络技术的的发展,网络购物被越来越多的人所接受。
因此开网店的人也越来越多。
既然是卖东西就涉及到一些进货出货的问题,虽然网店的的规模比不上一般的商店大,但如果是要人工记录这些信息的话,不仅耗费人力,还容易出错。
所以需要一个进货出货记录系统,来代替人完成这项工作。
1.1目标
1基本资料
即通过该系统可以查询和修改商品的基本资料,比如查询商品的型号,价格等等。
2采购管理
即对商品的的采购信息进行记录,例如需采购商品的数量,时间等等
3销售管理
对商品的销售信息进行管理。
4库存管理
该系统功能提供对库存商品信息的管理和查询。
5系统维护
该系统功能提供对该系统能行维护的功能。
6帮助
对不会使用该系统的人提供说明和使用使用帮助
1.2用户需求
能记录下各个商品的基本信息,能够查询商品的进货记录和出货记录,一边来做账,能对库存商品进行查询,来确定什么商品需要补货。
2.功能设计
进货出货记录系统包括基本货物资料、采购管理、销售管理、库存管理、系统维护、帮助六个基本功能。
3.应用界面
3.1登录界面
3.2主界面
3.3其他界面
商品资料界面:
增加商品资料界面:
修改商品资料界面:
查找界面:
采购管理界面:
修改采购单界面:
销售管理界面:
库存查询界面:
用户管理界面:
4.你的界面和其他类似的界面比较
1、相对来说,此系统功能与其他系统相比,功能太少,处理问题不够全面,有待进一步改进。
2、布局较为合理,操作简便,易于被绝大多数人接受。
5.原则
1)确定用户水平
使用本系统的一定是普通用户,并非专业的计算机工作者,所以本系统的特点是简单、明了、方便、易学易用。
同时也设计了用户帮助手册,有助于他们的学习和使用。
并且具有很强的针对性和保密性。
同时针对一些常用功能都具有相应的快捷键。
2)任务识别
在确定用户后进行任务的识别,高层次行为被分解为多个层次的任务行为,并能进一步精化为用户通过一个命令、一次菜单选择等就能完成的原子任务行为。
对于使用频率高的功能设计快捷键。
3)选择交互风格
(1)该系统的设计要本着直接操作的原则,易于学习,容易记忆,可以避免错误,并予以用户较高的满意度。
(2)该系统菜单设计的原则为:
缩短学习时间,减少按键,支持错误控制,可以是决策结构化。
(3)表格填充的原则为尽量少的让用户输入数据,只要输入需求即可得到数据结果。
(4)设计命令语言的原则:
灵活,支持用户的主动性。
4)八条黄金规则
(1)一致性原则:
整个系统风格基本一致,不会使用户有混乱感。
(2)适用于不同用户:
可以适用于不同用户,只需进行各自的权限设置即可使用。
(3)操作反馈:
可以根据提供的信息绘制成图表,提供相应的反馈。
(4)操作步骤提示
(5)预防错误:
对于错误的输入可以给出相应的提示,并且足够的提示可以使用户预防错误。
(6)允许轻松的反向操作。
(7)支持内部控制点:
有数据备份和恢复功能,可以更好的管理信息,防止信息的丢失。
(8)减少短时记忆:
界面简单明了,一目了然,方便记忆,易于操作。
5)预防错误原则
可以了解错误的本质,有正确的操作,完整的序列,具有普遍可用性,减少错误。
6.指南
流出设计界面时依据的指南.(具体要和你的界面联系起来一起评判)
1)界面导航
该系统将任务序列化,方便用户的使用;使用了唯一的描述性标题;并提供可打印的操作;同时该系统也为每个框架加上了标题,这样可以方便用户的使用。
2)组织显示
该系统具有一致的数据显示,可以让用户有效地吸收信息,较少了用户记忆的负担,并且可以让用户灵活的控制数据的显示。
使用并维护高分辨率的显示器,从而提高显示质量
3)引起用户注意
亮度高,画面色彩和谐,易于让用户接受;字体大小合适,既满足用户又不浪费空间;尺寸大小也较为适中。
4)数据输入
该系统的数据输入具有一致性,在所有条件下应使用相似的操作系列、分隔符和缩略语,并且尽量减少用户的操作,同时可以让用户灵活的进行数据的输入。
也可以减少用户的记忆负担。
5)预防错误
对于错误的输入可以给出相应的提示,并且足够的提示可以使用户预防错误。
7.复审
请两位同学复审你的界面设计,根据可用性指标或者八条黄金规则,至少给出两条意见。
(这部分必须是手写!
!
)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 用户界面 设计 实验 概要