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

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

林叶郁、陈雄峰编写

适用专业：软件工程

闽江学院_计算机系

2017年 9 月（修订）

前言

用户界面设计在软件开发过程中占有越来越重要的地位。用户界面的好坏在很大程度上影响着软件的命运。本课程主要讲授用户界面的研究内容，用户界面设计的基本原则，用户界面设计的开发过程和基本方法，用户界面的评测方法与过程等。学生通过本课程学习后，需要掌握用户界面设计的过程和方法，具备通过综合考虑“易用性设计”、“艺术设计”和“技术实现”等原理或原则设计良好的软件用户界面的能力。

为了使学生更好地理解和深刻地把握这些知识，本课程设置了“设计过程体验”、“用户界面需求分析与概要设计”、“用户界面详细设计与原型开发”、“用户界面评测”四个实验项目，都为必做项目。其中“设计过程体验”为验证性实验，主要让学生体验用户界面设计过程；“用户界面需求分析与概要设计”、“用户界面详细设计与原型开发”为设计性实验，要求学生通过参与某一具体的软件系统的界面分析、设计与评测，将理论与实际相合，培养软件用户界面设计的能力。

本实验指导书适合软件工程本科专业使用。

目录

实验一设计过程体验 1 实验二用户界面需求分析与概要设计 3 实验三用户界面详细设计与原型开发 5 实验四用户界面评测 7

实验一设计过程体验

实验学时：2学时

实验类型：（验证）

实验要求：（必做）

一、实验目的

通过本次实验让学生体会用户界面设计过程。

二、实验内容

每个人独立设计某类软件系统中的一个页面，要求易用美观。编写符合规范的《设计说明书》和《实验报告一》

三、实验原理、方法和手段

参考教材第2、3章内容，同时结合案例、课件等相关内容。

采用原型开发方法。

上机操作

四、实验组织运行要求

集中授课

五、实验条件

PIV以上机型，内存512M以上，建议安装jdk(建议5.0及以上)、eclipse等软件开发工具，安装PhotoShop、Dreamweaver、AxureRP等界面设计工具。

六、实验步骤

步骤一：设定设计目标

步骤二：列举设计原则

步骤三：构思

步骤四：用软件工具构造界面原型

步骤五：编写设计说明书和实验报告。

步骤六：实验报告

七、思考题

八、实验报告

要求实验报告的内容包括实验目的、实验设备、实验内容、实验记录、实验结论五个部分。九、其它说明

每个人至少熟练掌握一种可视化界面设计工具，能独立设计各种用户界面。本课程将着重介绍

AxureRP原型制作工具的使用，其它界面设计工具请自行学习。

界面设计是技术与艺术的结合，为了能设计出好的软件界面，除了要掌握相关软件工具之外，平时应结合教材中有关艺术设计的原则，多观摩、评价好的软件界面、工业产品外观、平面艺术等作品。

实验二用户界面需求分析与概要设计

实验学时：6学时

实验类型：（设计）

实验要求：（必做）

一、实验目的

1.熟悉用户界面需求分析过程；

2.掌握用户界面需求分析报告的编写；

3.掌握用户界面设计的指导原则。

二、实验内容

选择一个小型软件系统（至少10个界面），调查、分析出完整、准确的小组所选择软件系统用户界面的需求和环境，编写《需求分析报告》，并给出初步设计。

三、实验原理、方法和手段

参考教材相应知识点，同时结合案例、课件中的相关内容。

上机操作

四、实验组织运行要求

集中授课，课外学生自主练习。

五、实验条件

PIV以上机型，内存512M以上，建议安装jdk(建议5.0及以上)、eclipse等软件开发工具，安装PhotoShop、Dreamweaver、AxureRP等界面设计工具。

六、实验步骤

步骤一：调查、分析、整理用户需求，并以文字或图形方式准确描述（初步描述）；

步骤二：用户特性分析；

步骤三：任务（功能）分析

步骤四：编写符合规范要求的《需求分析报告》；

步骤五：进行初步的用户界面设计；

步骤六：编写一份《用户界面需求分析与概要设计》实验报告。

七、思考题

八、实验报告

要求实验报告的内容包括实验目的、实验设备、实验内容、实验记录、实验结论五个部分。九、其它说明

在熟悉需求分析过程和方法的前提下，分小组（3-4人）选择一个小型软件系统（至少10个界面），每组开始讨论、编写符合标准的《需求分析报告》及《用户界面需求分析与概要设计》实验报告（即实验报告二），课内无法完成的利用课外时间。

在需求分析及概要设计环节，需要进行至少一次的DIY可用性测试，并把测试结论写在实验报告二的实验结论处（包括测试过程中发现的问题及进一步的改进建议）

实验三用户界面详细设计与原型开发

实验学时：6学时

实验类型：（设计）

实验要求：（必做）

一、实验目的

1. 对所选择的软件系统，详细设计并实现界面原型；

2. 掌握用户界面设计的指导原则

3. 掌握用户界面设计的过程及方法。

二、实验内容

按照小组所选择软件系统给定的需求，使用工具设计、实现系统完整的界面原型。要求可操作，各个界面体现功能性、易使用性和艺术性。以界面设计的黄金规则和各类界面设计的具体原则、艺术原则为衡量标准。

包括系统的界面类型设计、交互设计、艺术设计、屏幕显示与布局设计、帮助与出错界面设计等及原型实现。按照小组所选择软件系统给定的需求完成包图和类图。

三、实验原理、方法和手段

参考教材中软件界面开发过程相关知识点，同时结合案例、课件中的相关内容。

上机操作、上机整理相关文档。

四、实验组织运行要求

集中授课，课外学生自主练习。

五、实验条件

PIV以上机型，内存512M以上，建议安装jdk(建议5.0及以上)、eclipse等软件开发工具，安装PhotoShop、Dreamweaver、AxureRP等界面设计工具。

六、实验步骤

步骤一：任务设计；

步骤二：界面类型设计、交互设计等

步骤三：屏幕显示和布局设计；

步骤四：艺术设计；

步骤五：帮助与出错界面设计；

步骤六：原型建立与界面实现；

步骤七：编写《用户界面设计报告》和《用户界面详细设计与原型开发》实验报告。