用户界面设计实验(2016版)

中南民族大学《用户界面设计》实验报告学号：201421091004姓名：汤慧莹班级名称：计科1401班指导教师：程鹏实验日期：实验1:应用系统人机界面评估本实验要求评估6个应用系统的人机界面，根据可用性指标的相关要素进行。应用系统的类别如下：（可参考实验讲义）（1）自动取款机，可以选择工行、建行、中行、交行、民生银行、招行、邮政储蓄银行等银行。（2）评估微软的Word（3）评估手机的人机界面（4）评估一个电子邮件系统（5）评估一个门户网站（6）评估一个自己喜欢的游戏实验1-1被评估的应用系统:中行自动取款机运行界面截图：（拷屏画面）序号.类别重要程度目标值实际值最高最低12345时间时间1学习时间√1分钟1分钟2执行速度√在空白处填上问题的答案，答案值范围1~5，1代表否，5代表是，3代表一般。如果问题不能回答，请给0。实验1-2被评估的应用系统:评估微软的Word运行界面截图：（拷屏画面）低中高很高低中高很高3出错的比率√√√4用户满意度√√√5记忆程度√√√序号.类别成绩不一般是12345N/A6术语是否一致?√7术语是否合适?√8术语是否在用户词汇表中?√9指令是否一致?√10指令是否准确地描述了任务?√11显示信息布局是否简化了任务?√12错误提示信息是否有帮助?√13是否容易纠错?√14联机帮助信息是否一致，是否有用?√No.说明15对于提升软件的性能，你有哪些建议?可以再增加几种语言。16对于这个软件的界面设计，你有哪些满意的地方?界面简洁明了、大气。给人的视觉感特别好。在空白处填上问题的答案，答案值范围1~5，1代表否，5代表是，3代表一般。如果问题不能回答，请给0。序号.类别重要程度目标值实际值最高最低12345时间时间1学习时间√0（视功能而定）0（视功能而定）2执行速度√44低中高很高低中高很高3出错的比率√√√4用户满意度√√√5记忆程度√√√序号.类别成绩不一般是12345N/A6术语是否一致?√7术语是否合适?√8术语是否在用户词汇表中?√9指令是否一致?√10指令是否准确地描述了任务?√11显示信息布局是否简化了任务?√12错误提示信息是否有帮助?√实验1-3被评估的应用系统:评估手机的人机界面运行界面截图：（拷屏画面）13是否容易纠错?√14联机帮助信息是否一致，是否有用?√No.说明15对于提升软件的性能，你有哪些建议?可以多设置一些word的快捷键，如Photoshop里面有很多快捷键，用起来很方便的。16对于这个软件的界面设计，你有哪些满意的地方?微软word的界面简单大方，上面是工具栏，下面有页码、页面、行列、字数等。序号.类别重要程度目标值实际值最高最低12345时间时间1学习时间√1分钟1分钟2执行速度√低中高很高低中高很高在空白处填上问题的答案，答案值范围1~5，1代表否，5代表是，3代表一般。如果问题不能回答，请给0。实验1-4被评估的应用系统:电子邮件系统运行界面截图：（拷屏画面）3出错的比率√√√4用户满意度√√√5记忆程度√√√序号.类别成绩不一般是12345N/A6术语是否一致?√7术语是否合适?√8术语是否在用户词汇表中?09指令是否一致t?√10指令是否准确地描述了任务?√11显示信息布局是否简化了任务?√12错误提示信息是否有帮助?√13是否容易纠错?√14联机帮助信息是否一致，是否有用?√No.说明15对于提升软件的性能，你有哪些建议?可以将苹果手机的移动数据弄一个快捷方式，不然每次开流量都需要在设置里打开蜂窝移动网络，略麻烦。16对于这个软件的界面设计，你又哪些满意的地方?1.从手机低端往上滑，会出现一些常用功能的按钮，例如WiFi开关、手电筒、计算器、相机图标等等，非常方便。2.将一些不常用的小软件收纳在一个文件夹里，给用户一种很舒心的体验。在空白处填上问题的答案，答案值范围1~5，1代表否，5代表是，3代表一般。如果问题不能回答，请给0。序号.类别重要程度目标值实际值最高最低12345时间时间1学习时间√2执行速度√低中高很高低中高很高3出错的比率√√√4用户满意度√√√5记忆程度√√√序号.类别成绩不一般是12345N/A6术语是否一致?√7术语是否合适?√8术语是否在用户词汇表中?√9指令是否一致t?√10指令是否准确地描述了任务?√11显示信息布局是否简化了任务?√12错误提示信息是否有帮助?√实验1-5被评估的应用系统:刀刀网站（一个学长自己做的）运行界面截图：（拷屏画面）13是否容易纠错?√14联机帮助信息是否一致，是否有用?√No.说明15对于提升软件的性能，你有哪些建议?QQ邮箱里的漂流瓶很烦人，建议将QQ邮箱里的漂流瓶设置为可关掉其功能。16对于这个软件的界面设计，你又哪些满意的地方?1.可分类管理邮件2.发送出去的邮件自己也备份了一份，挺好的。在空白处填上问题的答案，答案值范围1~5，1代表否，5代表是，3代表一般。如果问题不能回答，请给0。序号.类别重要程度目标值实际值最高最低12345时间时间1学习时间√2执行速度√低中高很高低中高很高3出错的比率√√√4用户满意度√√√5记忆程度√√√序号.类别成绩不一般是12345N/A6术语是否一致?√7术语是否合适?√8术语是否在用户词汇表中?09指令是否一致t?010指令是否准确地描述了任务?√11显示信息布局是否简化了任务?√12错误提示信息是否有帮助?√13是否容易纠错?√14联机帮助信息是否一致，是否有用?0No.说明15对于提升软件的性能，你有哪些建议?此网站略显花哨，技术上很不错，有很多动画技巧，但是可以稍微考虑一下网站的排版设计问题。16对于这个软件的界面设计，你又哪些满意的地方?此网站的设计很青春很活力，符合年轻人的气质，有青春风范。实验1-6被评估的应用系统:游戏“暖暖环游世界”运行界面截图：（拷屏画面）在空白处填上问题的答案，答案值范围1~5，1代表否，5代表是，3代表一般。如果问题不能回答，请给0。序号.类别重要程度目标值实际值最高最低12345时间时间1学习时间√5分钟5分钟2执行速度√低中高很高低中高很高3出错的比率√√√4用户满意度√√√5记忆程度√√√序号.类别成绩不一般是12345N/A6术语是否一致?√7术语是否合适?√8术语是否在用户词汇表中?09指令是否一致t?010指令是否准确地描述了任务?√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.复审请两位同学复审你的界面设计，根据可用性指标或者八条黄金规则，至少给出两条意见。（这部分必须是手写！！）