软件界面设计说明书模板

RJ010807班VB项目组天涯通讯录界面设计说明书编写人员：邓峰校对人员：刘志强编写日期：2010年06月14日文档版本：1.0.0版《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第2页共12页目录1简介.......................................................................................................................................31.1目的................................................................................................................................31.2范围................................................................................................................................31.3参考资料........................................................................................................................31.4概述................................................................................................................................32界面设计...............................................................................................................................42.1用户登录........................................................................................................................42.2数据维护........................................................................................................................53用户界面设计规范...............................................................................................................83.1用户界面设计原则........................................................................................................83.2界面一致性....................................................................................................................83.3布局合理化....................................................................................................................83.4鼠标与键盘对应............................................................................................................93.5快捷键............................................................................................................................93.6出错信息警告................................................................................................................93.7一般交互......................................................................................................................103.8信息显示......................................................................................................................103.9数据输入......................................................................................................................104项目信息.............................................................................................................................114.1版权和相关..................................................................................................................114.2系统响应时间的界面表现..........................................................................................125附录与说明.........................................................................................................................12《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第3页共12页1简介1.1目的本文档编写目的在于根据需求规格说明书设计软件人机界面，并说明界面设计中较为复杂的操作流程。本文档的编制是为了让用户和软件开发者双方对该开发软件的UI（UserInterface）初始规定有一个共同的理解，定义所要开发的“天涯通讯录”的用户界面布局、风格等设计目标。是整个项目中软件产品开发设计与实现的重要根据，也是软件产品的测试和验收的依据。该说明书的读者为该项目的客户以及项目开发人员。1.2范围本文档根据需求规格说明书中描述的数据需求和功能需求，设计满足需求的软件人机界面及界面操作流程。本文档描述范围在于：说明界面布局；描述具体功能的操作流程，不去说明实现功能流程的方法。1.3参考资料[1]GB/T11457：软件工程术语[2]GB/T8566—1995：计算机软件开发规范[3]GB8567：计算机软件产品开发文件编制指南1.4概述本产品是一个通讯录，记录同学信息，方便查找同学联系方式等。本文档按照需求规格说明书中功能的划分进行描述。《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第4页共12页2界面设计2.1用户登录图1-a通讯录初始化界面注：并无登陆用户名和口令，方便用户使用。《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第5页共12页图1-b软件使用效果图2.2数据维护添加个人信息图3-a添加个人数据《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第6页共12页注：添加联系人时，在联系人管理的下拉菜单里面选择追加联系人图4-a初始化数据图注：点击追加联系人后出现此画面，在相应的条款处可以编辑信息图5-a更改资料注：若要更改通讯录的联系人资料，则在联系人管理下拉菜单里面选择更改资料《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第7页共12页图6-a更改资料图图7-a追加联系人组注：在组管理下拉菜单里面可以实现对组的操作。《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第8页共12页图6-a追加联系人组“软件七班”后3．用户界面设计规范3.1用户界面设计原则本通讯录坚持图形用户界面（GUI）设计相关原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然，上手快。强调“以用户为中心的设计”原则，界面设计应该明确软件中用户是所有处理的核心，不应该由应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。界面设计必须经过最终的实际用户确认才能完成。3.2界面一致性在本系统的界面设计中应该保持了界面的一致性。一致性既包括各子界面使用标准的控件以及一致的框架结构，也使用相同的信息表现方法，在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。3.3布局合理化原则通讯录在一个窗口之内实现了从公司到家庭到个人的信息统计，合理使用了界面布局。在编辑窗口中按tab键，移动聚焦的顺序是先从左至右，再从上至下。信息能够完整输入。《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第9页共12页3.4鼠标与键盘对应本项目遵循的是可不用鼠标的原则：应用中的基本功能只用键盘也应当可以完成。在更换图片的时候，必须用鼠标进行操作3.5快捷键本项目快捷键与window快捷键一致。3.6出错信息和警告出错信息和警告是指出现问题时系统给出的坏消息，在本项目中，出错信息指的是编辑用户时没有添加姓名。图7-a没有姓名时候的通讯录警告《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第10页共12页3.7一般交互本项目一般交互遵循以下原则：1）一致性：菜单选择、数据显示以及其它功能都应使用一致的格式。2）提供有意义的反馈，如：姓名缺失警告。3）减少在动作间必须记忆的信息数量4）按功能对动作分类，并按此排列屏幕布局5）提供项目信息3.8信息显示本系统信息显示遵循以下原则：1）不要用数据将用户包围，只显示当前联系人的信息；2）产生有意义的出错信息，见图7-a；5）图像功能可以全屏显示便于用户分辨信息；6）使用下拉控件分隔不同类型的信息；7）合理的界面大小，高效利用显示器。3.9数据输入本系统数据输入遵循以下原则：1）尽量减少用户输入动作的数量；2）维护信息显示和数据输入的一致性；3）交互应该时灵活的，对键盘和鼠标输入的灵活性提供支持；4）在当前动作的语境中使不合适的命令不起作用：如在显示情况下试图更改信息；5）让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序（如果允许的话）以及在不退出系统的情况下添加删除更改信息；《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第11页共12页4．项目信息4.1版权和相关图8-a关于项目信息注：点击确定退出信息，点击系统信息转到windows系统信息体现了项目组成员对知识的尊重和对知识产权的深刻的认识《天涯通讯录界面设计说明书》版本【1.0.0】开发组织名称第12页共12页