用户界面设计实验版概要.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.复审
请两位同学复审你的界面设计，根据可用性指标或者八条黄金规则，至少给出两条意见。
（这部分必须是手写！
！
）
升级会员 