《用户界面设计与评测》实验指导书1027

1、 用户界面设计与评测实 验 指 导 书 编 写适用专业： 软件工程、 计算机科学与技术（专升本） 闽江学院_计算机系2010年7 月前 言用户界面设计在软件开发过程中占有越来越重要的地位。用户界面的好坏在很大程度上影响着软件的命运。本课程主要讲授用户界面的研究内容，用户界面设计的基本原则，用户界面设计的开发过程和基本方法，用户界面的评测方法与过程等。学生通过本课程学习后，需要掌握用户界面设计的过程和方法，具备通过综合考虑“易用性设计”、“艺术设计”和“技术实现”等原理或原则设计良好的软件用户界面的能力。为了使学生更好地理解和深刻地把握这些知识，本课程设置了“设计过程体验”、“用户界面需求分析与

2、概要设计”、“用户界面详细设计与原型开发”、“用户界面评测”四个实验项目，都为必做项目。其中“设计过程体验”为验证性实验，主要让学生体验用户界面设计过程；“用户界面需求分析与概要设计”、“用户界面详细设计与原型开发”为设计性实验，要求学生通过参与某一具体的软件系统的界面分析、设计与开发，将理论与实际相合，培养软件用户界面设计的能力；“用户界面评测”为演示性实验，要求学生演示已开发的界面原型，参与原型的评测。本实验指导书适合计算机科学与技术（专升本）、软件工程本科专业使用。目 录实验一 设计过程体验 1实验二 用户界面需求分析与概要设计 3实验三 用户界面详细设计与原型开发 5实验四 用户界面评

3、测 7实验一 设计过程体验实验学时：2学时实验类型：（验证）实验要求：（必做）一、实验目的通过本次实验让学生体会用户界面设计过程。二、实验内容每个人独立设计一个装修、产品外观、软件界面等一个作品的界面，要求可使用的，既要美观又要好用。编写符合规范的设计说明书和实验报告三、实验原理、方法和手段参考教材从p6开始的软件界面设计概述一章，同时结合案例、课件等相关内容。采用原型开发方法。上机操作四、实验组织运行要求集中授课五、实验条件piii以上机型，内存512m以上，安装visual studio2005、jdk、eclipse和其他界面设计工具、图形图像处理工具，如office visio中“软件

4、”“windows xp用户界面”、visual c+、delphi、ps、dreamweaver等。六、实验步骤步骤一：设定设计目标步骤二：列举设计原则步骤三：构思步骤四：用软件工具构造界面原型步骤五：编写设计说明书步骤六：写实验报告七、思考题八、实验报告要求实验报告的内容包括实验目的、实验设备、实验内容、实验记录、实验结论五个部分。九、其它说明每个人至少熟练掌握一种可视化界面设计工具，能独立设计各种用户界面。还未掌握的同学请参考课件和教材相关内容，自行学习界面设计工具软件的使用。界面设计是技术与艺术的结合，为了能设计出好的软件界面，除了要掌握相关软件工具之外，平时应结合教材中有关艺术设计的

5、原则，多观摩、评价好的软件界面、工业产品外观、平面艺术等作品。实验二 用户界面需求分析与概要设计 实验学时：6学时实验类型：（设计）实验要求：（必做）一、实验目的1.熟悉用户界面需求分析过程；2.掌握用户界面需求分析报告的编写； 3.熟悉用户界面设计的指导原则。二、实验内容选择一个小型软件系统（至少10个界面），调查、分析出完整、准确的小组所选定软件系统用户界面的需求和环境，编写需求分析报告，并给出初步设计。按照小组所选择软件系统给定的需求完成包图和类图。三、实验原理、方法和手段参考教材相应知识点，同时结合案例、课件中的相关内容。上机操作四、实验组织运行要求集中授课，课外学生自主练习。五、实验

6、条件piii以上机型，内存512m以上，安装visual studio2005、jdk、eclipse和其他界面设计工具、图形图像处理工具，如office visio中“软件”“windows xp用户界面”、visual c+、delphi、ps、dreamweaver等。六、实验步骤步骤一：调查、分析、整理用户需求，并以文字或图形方式准确描述；步骤二：用户特性分析；步骤三：任务（功能）分析步骤四：编写符合规范要求的需求分析报告；步骤五：进行初步的用户界面设计；步骤六：编写一份用户界面需求分析与概要设计实验报告。七、思考题八、实验报告要求实验报告的内容包括实验目的、实验设备、实验内容、实验记

7、录、实验结论五个部分。九、其它说明 在熟悉需求分析过程和方法的前提下，分小组（3-5人）选择一个小型软件系统（至少10个界面），每组开始讨论、编写符合标准的需求分析报告及用户界面需求分析与概要设计实验报告，课内无法完成的利用课外时间。下一次实验课时提交。实验三 用户界面详细设计与原型开发 实验学时：6学时实验类型：（设计）实验要求：（必做）一、实验目的1. 对所选定的软件系统用户界面进行详细设计并实现界面原型； 2. 掌握用户界面设计的指导原则； 3. 掌握用户界面设计的过程及方法。二、实验内容按照小组所选定软件系统给定的需求，使用工具设计、实现系统完整的界面原型。要求可操作，各个界面体现功能

8、性、易使用性和艺术性。以界面设计的黄金规则和各类界面设计的具体原则、艺术原则为衡量标准。包括系统的界面类型设计、交互设计、艺术设计、屏幕显示与布局设计、帮助与出错界面设计等。用界面设计工具实现界面原型。三、实验原理、方法和手段参考教材第二章中软件界面开发过程相关知识点，同时结合案例、课件中的相关内容。上机操作、上机整理相关文档。四、实验组织运行要求集中授课，课外学生自主练习。五、实验条件piii以上机型，内存512m以上，安装visual studio2005、jdk、eclipse和其他界面设计工具、图形图像处理工具，如office visio中“软件”“windows xp用户界面”、vi

9、sual c+、delphi、ps、dreamweaver等。六、实验步骤步骤一：界面类型设计、交互设计等；步骤二：屏幕显示和布局设计；步骤三：艺术设计；步骤四：帮助与出错界面设计；步骤五：原型建立与界面实现；步骤六：编写一份用户界面详细设计与原型开发实验报告。七、思考题八、实验报告要求实验报告的内容包括实验目的、实验设备、实验内容、实验记录、实验结论五个部分。九、其它说明 在熟悉界面设计过程、原则和方法的前提下，分小组（3-5人），每组开始讨论、分工设计界面原型，编写符合标准的用户界面设计报告和用户界面详细设计与原型开发实验报告，课内无法完成的利用课外时间。本次实验课结束时提交可演示的界面原

10、型、用户界面设计报告和用户界面详细设计与原型开发实验报告。界面设计是技术与艺术的结合，为了能设计出好的软件界面，除了数量掌握相关软件工具之外，平时应结合教材中有关艺术设计的原则，多观摩、评价好的软件界面、工业产品外观、平面艺术等作品。实验四 用户界面评测 实验学时：2学时实验类型：（演示）实验要求：（必做）一、实验目的掌握软件用户界面的评测过程和方法。 二、实验内容班级内循环，每组对班级内另一组同学的软件系统界面原型进行评测，编写评测报告。三、实验原理、方法和手段用户界面评价方法包括观察方法、咨询方法、实验方法等。上机操作四、实验组织运行要求集中授课五、实验条件piii以上机型，内存512m以

11、上，安装visual studio2005、jdk、eclipse和其他界面设计工具、图形图像处理工具，如office visio中“软件”“windows xp用户界面”、visual c+、delphi、ps、dreamweaver等。六、实验步骤步骤一：参照需求分析报告和设计报告进行完整性和准确性评价；步骤二：确定评测过程和方法；步骤三：根据所掌握的界面设计的原则，按照所确定评测过程和方法，对每个界面进行评测并做说明（包括优点和缺点），要求给出相应界面的截图；步骤四：对整个系统的界面做整体性评测结论，给出等级或评分；步骤五： 编写符合规范的评测报告和用户界面评测实验报告。七、思考题八、实验报告要求实验报告的内容包括实验目的、实验设备、实验内容、实验记录、实验结论五个部分。九、其它说明