交互式软件工程实验指导书..doc

人机交互的软件工程 实 验 指 导 书 计算机科学系 2016、3、1前 言 良好的交互性能和用户体验，已经成为决定交互式软件系统成功的核心要素之一。iPod、iPhone以及iPad等产品的相继成功也使人们意识到，好的交互系统并不需要具有多么复杂的功能，相反，简单易用的产品更容易获得普通用户的喜爱。理想的交互式软件产品开发中应该包含如下三类人：交互设计师、视觉设计师和程序设计师。其中，交互设计师的作用是构筑产品核心功能的交互过程和框架，大到任务的具体执行过程，小到在何处放置按钮以及菜单如何组织等；视觉设计师的作用是让界面内容更加美观，比如设计特定的图标和按钮样式等；程序设计师的工作是通过编程让交互任务得以实现。现实生活中，程序设计师通常会兼顾交互设计的工作。因此，让程序设计人员学习一些交互知识，对于提升最终产品的用户体验具有至关重要的作用。本着理论与实践相结合的原则，实验指导书对学员学习本课程要求完成的实验任务提供了详尽而细致的指导。 实践内容主要通过教师讲解，同学们自己动手实验，实验要求学生在学习交互式软件工程课的同时，要课外阅读一些有关实验的资料和参考书籍，作好预习；提倡以小组合作方式完成实验，并在实验后按要求完成实验报告。目 录 实验一 软件界面设计基础实验 1 实验二 软件界面可用性设计实验 3 实验三 基于可视化设计的软件易用性实验 8 实验四 交互式系统设计实验 14 实验一 软件界面设计基础实验 一、实验目的 通过实验熟悉常用控件的设计、布局方法，并进而为软件界面设计打下必要的基础。当然，软件界面设计有多种工具，如网站设计的各种工具，图形动画的制作处理工具等都可作软件界面的设计工具。工具的选择要做到前台设计与后台编程方便统一，以此考量，可视化编程环境是最佳的软件界面设计工具。本课程以visual studio 编程环境为实验平台，首先要求熟悉和掌握visual studio 编程环境的控件操作。 控件的创建方式有以下两种：一种是在对话框模板中用编辑器指定控件，即将对话框看作控件的父窗口。另一种是编程方式，在visual studio 编程环境中，调用MFC相应控件类的成员函数Create来创建，并在Create函数指定控件的父窗口指针。本次实验重点学习第一种方法。 二、实验要求 1、熟悉visual studio 编程环境 2、掌握在对话框中设计文本框、单选按钮、复选按钮、列表框、组合框、命令按钮等常用控件的操作方法. 3、分析思考软件界面设计实验中如何体现交互式软件工程的设计理念，如用户体验设计的沉浸性、交互性、易用性，以用户为中心的思想，总结你的体会感受，准备讨论交流。 三、实验环境 visual studio 编程环境 四、实验内容 设计以下“学生个人信息登记表”对话框，完成如下功能：当用户输入了该对话框中对应信息后，单击【OK】按钮，这些信息将显示到学生信息编辑框中，如图所示。 图1 对话框人机界面 对话框是人机界面的接口，而对话框类是对话框与主程序框架交流的桥梁。 设计操作步骤如下： 1、新建对话框工程。在向导对话框中单击“Dialog based”创建一个基于对话框的应用程序，其它默认。 2、打开控件工具栏，将相应的控件拖动到对话框中，并对控件按图1进行布局。 3、为控件添加成员变量。其中为姓名对应的编辑框添加成员变量m_name，为学号对应的编辑框添加成员变量m_num，为性别对应的编辑框添加成员变量性别sex，为学院对应的编辑框添加成员变量m_xueyuan，为其它对应的编辑框添加成员变量其他other 4、添加“OK”按钮的消息函数和事件代码，代码如下： void CMy1Dlg::OnOK() { // TODO: Add extra validation here UpdateData(TRUE); m_info=姓名+m_name+\r\n+学号+m_num+\r\n+性别+sex+\r\n+学院+m_xueyuan+\r\n+其他+other+\r\n; UpdateData(FALSE); //CDialog::OnOK(); } 至此工程完成，编译运行如图1所示。 五、实验结果讨论（写在实验报告中） 1、格式塔（Gestalt）心理学：研究人是如何感知一个良好组织的模式的，而不是将其视为一系列相互独立的部分，强调界面设计原则： 相近性原则（相似性原则）：设计界面时，应按照相关性对组件进行分组。 连续性原则：将组件对齐，更有助于增强用户的主观感知效果。 完整性原则：人们倾向于忽视轮廓的间隙而将其视作一个完整的整体 。 对称性