人机交互课程报告

南京大学《人机交互》课程报告

**网站界面设计

——副标题

姓名：

专业：

学号：

测试执行的时间：

报告编制日期：

一、概述

1.1 网站设计目的和意义

阐述所设计的网站的总体目的和意义，

阐述所负责分页面的目的和意义

1.2 网站界面设计的原则

根据课堂上介绍的各界面设计原则，结合你所负责的分网站的特点，归纳出你在实际工作中考虑到的哪些原则

1.3 网站界面设计环境和工具

阐述你在实验中使用到的工具、软件。

二、用户需求分析

从整体网站来考虑用户及其需求，同一项目组不能雷同，各自考虑。

界面需求分析是从人机交互处理的角度，对人机交互处理过程所反映的系统功能和信息的交互处理需求、界面的分布、人机交互方式、人机交互流程、输入输出设备及工作性质和用户特征等方面所做的分析工作。

界面需求分析的依据是系统需求文档。界面需求分析是用户界面设计工作的基础，其包含的工作如下。

2.1交互需求分析

交互需求分析的主要工作是收集、分析、整理信息系统和用户之间所存在的人机交互处理的需要和内容，分析的主要依据是系统需求文档。交互需求分析是一项十分细致和复杂的工作，需要系统分析员详细分析信息系统和用户之间存在的功能和数据交互内容。交互需求分析可以分析用例图和顺序图中参与者与系统交互的内容，并用对话设计的形式描述出来。

2．2界面分布分析

界面分布分析的工作是从总体上确定信息系统中各节点的类型、构成和分布情况，设计的所有用户界面将来就要分布在这些节点上。界面分布分析的主要依据是系统结构设计中的系统节点分布。

2.3交互方式分析

交互方式分析的任务是确定信息系统各个节点所采用的人机交互方式。可供选择的交互方式有联机和脱机两种方式，应该根据实际业务处理的需要确定对应的交互方式。对采用混合方式的节点还要确定具体的联机方式处理和脱机方式处理的分工和时间分配。

2.4交互流程分析

交互流程指人机交互过程的顺序程式。交互流程分为固定流程和随机流程两种形式。在交互流程分析过程中，一般不需要对随机流程进行分析，只需要分析和确定在人机交互过程存在的所有固定流程。交互流程分析可以在对话设计的基础上进行，每一个对话设计本身就已经描述了人机交互的过程和顺序，但对话设计只是描述一个个单一功能的交互过程，没有反映具有复合功能的完整业务的交互流程。因此需要我们从完整的业务处理过程的需要出发，设计出所有交互的固定流程。

2.5输入输出设备分析

除了以上分析之外，还需要对各个节点上的输入输出设备的类型、性能进行分析。因为交互处理工作最后就要落实到各个具体的输入输出设备上，交互处理所采用的设备性能会加强或制约输入输出效果。

2.6用户分析

用户界面最终要提供给用户使用，因此，需要我们对用户类型及其喜好、习惯等特征进行认真分析，以设计出满足用户需要的用户界面。

我们可以把用户分为外行型、初学型、熟练型和专家型四类，根据不同的用户类型进行界面设计。

三、网站界面结构设计

分析你所负责的分站点的界面结构

3.1 网站功能结构分析

可用文字也可用图示

举例；书店信息系统功能结构

计划采购管理

计划管理：编辑图书计划，查询图书计划，输出图书计划，计划执行情况统计

订单管理：编辑图书订单，查询订单信息，输出图书订单

合同管理：编辑合同，查询合同，输出合同，合同执行情况统计

书目管理：编辑书目，查询书目，输出书目信息

到货处理：登记到货图书，打印入库单，统计到货情况

供书商管理：编辑供书商信息，查询供书商信息，输出供书商信息

书库管理

入库管理：编辑入库信息，查询入库信息，输出入库信息

出库管理：编辑出库信息，查询出库信息，输出出库信息

盘库管理：盘库处理，打印盘库单

报损管理：报损处理，打印报损单

图书销售管理

领书处理：编辑出库图书，查询出库图书，打印出库单

图书上架：编辑上架图书，查询上架图书，打印架存报表

销售图书

售书处理：打印书单，收书款，出售图书

浏览图书销售信息

打印图书销售报表

结账：销售汇总，打印销售账单

盘架：盘架处理，打印盘架单

资金结算：汇总收款数据，打印结算单

事务管理

员工基本信息管理：编辑员工基本信息，浏览员工基本信息，输出员工信息

员工工资管理：员工工资管理，员工工资发放

员工勤绩管理：编辑员工勤绩信息，浏览员工勤绩信息，员工勤绩统计

日常事务管理。

3.2 网站界面框架

可用图示表示网站不同功能之间的界面关联关系

四、网站界面

采用截图的方式把各主要页面截图展示出来，要求有一定的逻辑组织能力。每副截图都要有标题和相应的文字说明该图是实现什么功能。

五、总结

5.1 学习体会

通过对人机交互的设计，发现在设计过程中建立模型，构建视图还是比较繁琐的，因为要考虑到界面中的各方面功能。在设计过程中，将在课堂中的一些知识也得到了实践，深刻的体会到在网页设计中。例如合理的布局，合理的色彩搭配都是很重要的。在深入实验的过程中发现人机交互界面的在现实应用中很重要。在这过程中我深刻的学习和掌握了dreamweaver 这个网页制作软件，对网页制作有了较深的体会。

5.2 存在的不足或者进一步学习的地方

通过自己的实践，发现对人机界面的把握还很浅薄，对人机交互界面设计的原则把握还是了解不够，对知识的应用还不是很连贯。在使用dreamweaver这个软件时还不是很熟练，有一些解决不了的问题以后要加强这方面的学习。