人机交互基础教程贾江涛

中北大学软件学院实验报告专业软件工程课程名称人机交互基础教程学号1121010146姓名贾江涛辅导教师唐菁成绩实验日期2013.04.02实验时间19：001、实验名称：人机交互界面表示模型2、实验目的：掌握人机交互界面表示模型中的GOMS、LOTOS和UAN的方法。3、实验要求：1、简述GOMS和LOTOS表示模型的方法。2、结合GOMS和LOTOS对任务“中国象棋对弈”进行描述。3、UAN描述“文件拖入垃圾箱”。4、实验内容：1、简述GOMS和LOTOS表示模型的方法。GOMS（目标操作方法和选择行为模型）是在交互系统中用来分析用户复杂性的建模技术，个任务进行多层次的细化LOTOS语言是用一套形式化和严格的表一系列进程组成进程行为用“行为表达式”来描述复杂的行为由简单的行为表达式通过表示实现关系的LOTOS算符组合而成，在将LOTOS思想用于人机交互的行为模型时用进程之间的约束关系来描述交互子任务之间的关系。2、结合GOMS和LOTOS对任务“中国象棋对弈”进行描述。GOAL:中国象棋[:GOAL:运行|||:*GOAL:走棋ACTION:自动记录棋谱:GOAL:当前方走:OPRATOR:拾取棋子OPRATOR:放置棋子GOAL:对弈方走OPRATOR:拾取棋子OPRATOR:放置棋子*GOAL:打谱[]:OPRATOR:加速OPRATOR:减速OPRATOR:暂停OPRATOR:恢复GOAL:退出3、UAN描述“文件拖入垃圾箱”。UAN预定义的动作标志符（部分）用户动作标志符：move_mouse(x,y)移动鼠标至(x,y)release_button(x,y)在(x,y)位置释放鼠标按钮highlight(icon)使icon高亮显示de_highlight(icon)取消icon的高亮显示。用户动作标志符~[X]£按下鼠标¢!,使对象高亮显示-!取消对象的高亮显示Display,显示图形对象Erase,取消显示对象。UAN预定义的条件标志符（部分）while(condition)TASK当条件condition为真时循环执行任务TASKif(condition)thenTASK如果条件condition满足TASKiterationA*orA+表示迭代操作waiting表示等待任务draganddropafiletotherecyclebin用户行为界面反馈界面状态mouse_down(x,y)drag_icon(x,y)mouse_up(x,ythenhighlight(icon)show_outline(icon)thenhighlight(bin)thenhide(icon)show_bin_ull()ifintersect(icon,x,y)icon=selectedifintersect(bin,x,y)ifintersect(bin,x,y)5、心得（结论）：通过实验,我们了解和掌握了人机交互界面表示模型中的GOMS、LOTOS和UAN的方法.指导教师唐菁成绩实验日期2013.04.02实验时间19：001、实验名称：WEB界面设计2、实验目的：掌握WEB界面设计的原则，了解页面内容、风格、布局、色彩设计的方法。3、实验要求：1、找到三种类型的网站：旅游景区、购物网站、政府部门网站，每种类型找三个以上网站，总结功能、布局、风格、色彩设计有什么相同和不同。4、实验内容：1、找到三种类型的网站：旅游景区、购物网站、政府部门网站，每种类型找三个以上网站，总结功能、布局、风格、色彩设计有什么相同和不同。1.旅游景区：内容上简洁明确，直接显示了很多观光景点以及价格、订票系统等，很有目的性，在“同”字型的网站布局下，用导航栏以及侧边栏中都有确的旅游景区提示，中间则2.色彩方面这些网站用大量的图片和鲜亮的文字5、心得（结论）：通过实验，我们了解到不同的Web界面设计实例都有其各自的特点，不同的界面风Web界面设计在人机交互中的重要之处。辅导教师唐菁成绩实验日期2013-4-2日实验时间时至时1实验名称：移动界面设计2、实验目的掌握移动界面设计的原则3、实验内容比较移动界面设计与WEB界面设计有什么相同和不同。4、实验原理或流程图移动界面设计的原则：1.简单直观；2.个性化设计；3.易于检索；4.界面风格一致；5.避免不必要的文本输入；6.根据用户的要求使服务个性化；7.最大限度地避免用户出错；8.文本信息应当本地化。5、实验过程或源代码相同点不同点移动界面设计使用者都是用户；都要求简洁明快，易于检索；设计的界面都要求人性化；都要保证其一致性；个性化设计；避免不必要的文本输入；根据用户的要求使服务个性化；最大限度地避免用户出错；文本信息应当本地化；由于移动设备功能的局限性，无法达到一些复杂要求；需要考虑交互方式；Web界面设计以用户为中心；体现特色；兼顾不同的浏览器；明确的导航设计；可以适当使用一些复杂的功能；交互方式比较广泛；8、心得通过实验，我们获知了Web界面设计和移动界面设计的类似和区别，使我们更加明确了不同界面设计中要遵循的原则以及应当注意的一些细节问题。辅导教师：唐菁成绩实验日期2013.04.14实验时间19：001、实验名称：可用性分析与评估2、实验目的：掌握可用性分析与评估的方法。3、实验要求：对某个网上银行进行可用性分析与评估（银行自定）。4、实验内容：对某个网上银行进行可用性分析与评估（银行自定）。1.评估指标的建立：①内容/服务关联性内容的相关性；表达方式界面使用的语言简洁明了、被用户所熟悉；深度和广度网站信息的深度和广度；实时性网站内容是否及时更新；服务提供动态的、能满足特定用户独特需求的能力。②效率交互效率用户使用该网站能多快完成任务；易用性新老用户能很容易地使用网站各项功能；容错性帮助用户识别、诊断及从错误中恢复。③用户满意度用户在使用过程中的感受2.启发式评估：①优缺点及改进评估者进行评估②启发对导航、易用性、反馈效率等进行评估③对问题严重性进行评分对一些可用性问题的严重程度进行评分④评估结果分析3.用户测试：①测试对象：工商银行网上银行②测试目的：通过观察“用户如何在网上实现特定的目的或完成特定的任务”，同时完成网上银行在特殊情况下的安全性等方面的测试。结合用户的体验，来评价工商银行网上银行对用户而言是否好用，以此确定网站可用性方面的内容哪些需要保留、扩展或改变，并提出改进的建议。③测试时间和地点：测试地点由测试工程师指定，时间为5天④测试用户：测试用户最少为200人，其中年龄以中青年为主，特招一批专业人员进行安全性测试。⑤测试操作步骤：让测试用户在网站上完成5个指定任务，并记录下执行结果。完成任务以后，让测试用户完成问卷中的问题。⑥测试结果：用统计学的方法统计结果，对网站的可用性进行分析，提出改善建议。4.问卷调查（选择题）①您的专业：②上网频率：③上网经验：④上网方式：⑤是否进行网购：⑥是否信任网上银行：⑦网站是否好用：⑧操作速度是否满意：⑨哪些方面需要改进（简答）：⑩满意程度：……5、心得（结论）通过实验，我们了解到可用性分析和评估方法和一些基本的分析、评估过程，体会到了它对交互系统的重要性。