软件界面设计说明书模板.docVIP

RJ010807班VB工程组

天涯通讯录

界面设计说明书

编写人员：邓峰

校对人员：刘志强

编写日期：2010年06月14日

文档版本：版

目录

TOC\o1-3\u1简介 3

1.1目的 3

1.2范围 3

1.3参考资料 3

1.4概述 3

2界面设计 4

2.1用户登录 4

2.2数据维护 5

TOC\o1-3\u3用户界面设计标准 8

3.1用户界面设计原那么 8

3.2界面一致性 8

3.3布局合理化 8

3.4鼠标与键盘对应 9

3.5快捷键 9

3.6出错信息警告 9

3.7一般交互 10

3.8信息显示 10

3.9数据输入 10

4工程信息 11

4.1版权和相关 11

4.2系统响应时间的界面表现 12

5附录与说明 12

1简介

1.1目的

本文档编写目的在于根据需求规格说明书设计软件人机界面，并说明界面设计中较为复杂的操作流程。

本文档的编制是为了让用户和软件开发者双方对该开发软件的UI〔UserInterface〕初始规定有一个共同的理解，定义所要开发的“天涯通讯录”的用户界面布局、风格等设计目标。是整个工程中软件产品开发设计与实现的重要根据，也是软件产品的测试和验收的依据。

该说明书的读者为该工程的客户以及工程开发人员。

1.2范围

本文档根据需求规格说明书中描述的数据需求和功能需求，设计满足需求的软件人机界面及界面操作流程。

本文档描述范围在于：

说明界面布局；

描述具体功能的操作流程，不去说明实现功能流程的方法。

1.3参考资料

[1]GB/T11457：软件工程术语

[2]GB/T8566—1995：计算机软件开发标准

[3]GB8567：计算机软件产品开发文件编制指南

1.4概述

本产品是一个通讯录，记录同学信息，方便查找同学联系方式等。

本文档按照需求规格说明书中功能的划分进行描述。

2界面设计

2.1用户登录

图1-a通讯录初始化界面

注：并无登陆用户名和口令，方便用户使用。

图1-b软件使用效果图

2.2数据维护

添加个人信息

图3-a添加个人数据

注：添加联系人时，在联系人管理的下拉菜单里面选择追加联系人

图4-a初始化数据图

注：点击追加联系人后出现此画面，在相应的条款处可以编辑信息

图5-a更改资料

注：假设要更改通讯录的联系人资料，那么在联系人管理下拉菜单里面选择更改资料

图6-a更改资料图

图7-a追加联系人组

注：在组管理下拉菜单里面可以实现对组的操作。

图6-a追加联系人组“软件七班”后

3．用户界面设计标准

3.1用户界面设计原那么

本通讯录坚持图形用户界面〔GUI〕设计相关原那么，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然，上手快。

强调“以用户为中心的设计”原那么，界面设计应该明确软件中用户是所有处理的核心，不应该由应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。

界面设计必须经过最终的实际用户确认才能完成。

3.2界面一致性

在本系统的界面设计中应该保持了界面的一致性。一致性既包括各子界面使用标准的控件以及一致的框架结构，也使用相同的信息表现方法，在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。

3.3布局合理化原那么

通讯录在一个窗口之内实现了从公司到家庭到个人的信息统计，合理使用了界面布局。

在编辑窗口中按tab键，移动聚焦的顺序是先从左至右，再从上至下。信息能够完整输入。

3.4鼠标与键盘对应

本工程遵循的是可不用鼠标的原那么：应用中的根本功能只用键盘也应当可以完成。

在更换图片的时候，必须用鼠标进行操作

3.5快捷键

本工程快捷键与window快捷键一致。

3.6出错信息和警告

出错信息和警告是指出现问题时系统给出的坏消息，在本工程中，出错信息指的是编辑用户时没有添加姓名

。

图7-a没有姓名时候的通讯录警告

3.7一般交互

本工程一般交互遵循以下原那么：

1〕一致性：菜单项选择择、数据显示以及其它功能都应使用一致的格式。

2〕提供有意义的反应，如：姓名缺失警告。

3〕减少在动作间必须记忆的信息数量

4〕按功能对动作分类，并按此排列屏幕布局

5〕提供工程信息

3.8信息显示

本系统信息显示遵循以下原那么：

1〕不要用数据将用户包围，只显示当前联系人的信息；

2〕产生有意义的出错信息，见图7-a；

5〕图像功能可以全屏显示便于用户分辨信息；

6〕使用下拉控件分隔不同类型的信息；

7〕合理的界面大小，高效利用显示器。

3.9数据输入

本系统数据输入遵循以下原那么：

1〕尽量减少用户输