系统用户界面设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
XX系统
用户界面设计报告
文件状态：
[√]草稿
[ ]正式发布
[ ]正在修改
文件标识：
XX系统-SD-UI
当前版本：
1.0
作者：
完成日期：
10-03-14
版本历史
版本/状态
作者
参与者
起止日期
备注
1.0
新建
0.文档介绍
0.1
XX系统《用户界面设计报告》。是为了开发XX系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。
用户原则:
1.1：易用性：
按钮名称应该易懂，用词准确，屏弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好,理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
1.2易用性细则：
1):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
2):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。
8):界面空间较小时使用下拉框而不用选项框。
9):选项数叫少时使用选项框，相反使用下拉列表框。
10):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。
2.
2.1
界面名称
界面源自文库识
功能说明
宽带互联网入网登记单
accept_innet.aspx
填写客户的入网信息，提交客户入网信息。
前台管理首界面
说明
BBC_EMPLOYEE
存储用户的用户编号和密码
补充说明
读写数据表时的注意事项，若简单读取，可空白
3.1.6补充说明：
对于此界面的其他补充说明。
3.2
3.2.1页面说明
显示前台管理中的全部功能菜单。通过功能菜单进入相应得的功能界面，主显示区域显示主要业务申请—入网申请，停机申请，故障申请。
单击入网申请按钮，进入新客户入网登记单界面。
3.2.2页面迁移图
补充说明：
宽带受理和业务受理是同一个界面。
3.2.3页面说明
3.2.3.1界面原型
3.2.3.2输入
控件名称
控件类型
栏目名称
必填
约束
初值
txtAid
TextBox
业务记录查询
最小值10000
ddlTpye
DropDownList
驳回的业务类型
√
设定值：入网申请/停机申请/故障申请。
[标识符]作者，文献名称，出版单位（或归属单位），日期
例如：
[AAA]作者，《立项建议书》，机构名称，日期
[SPP-PROC-SD]SEPG，系统设计规范，机构名称，日期
0.5
缩写、术语
解释
GIF
Graphics Interchange Format的缩写－图像交换格式的缩写
1.
界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。
3.1.3页面说明
3.1.3.1界面原型
图3-1XX系统登录界面login.aspx
3.1.3.2输入
控件名称
控件类型
栏目名称
必填
约束
初值
Username
text
用户名
√
最小值10000
Password
password
密码
√
非空
6-10位
LoginButton
submit
提交
补充说明
3.1.3.3处理
入网申请
btnInNet
Input
业务受理
入网申请
btnStop
Input
业务受理
停机申请
btnTrouble
Input
业务受理
故障申请
补充说明
界面中和还有些相同的功能，其控件基本上相似就不在这里一一列出。
3.2.3.3处理
业务记录查询处理：
动作
步骤
处理说明
填写受理编号
1
输入受理编号，非空
点击搜索
2
Default.aspx
显示前台管理中的全部功能菜单。
缴费受理
fee.aspx.
提供缴费的条件。
缴费登记单
fee_print.aspx
显示对应客户的信息及帐户余额，填写客户缴费金额。
业务受理单
print.aspx
对驳回的业务受理进行信息修改。
业务受理单
print_result.aspx
显示搜索结果。
动作
步骤
处理说明
填写信息
1
输入用户名、密码
点击登录
2
单击“登录按钮”
进行验证
3
判断用户是否输入，若无，提示输入
判断资料
4
判断用户名、密码是否合法
返回信息
5
显示提示信息“您的登录尝试不成功。请重试。”
3.1.3.4输出
控件名称
控件类型
栏目名称
说明
3.1.4前置条件
前置条件
说明
3.1.5关联数据表
数据表
本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。
0.2
本文档主要包含以下几部分：
1.文档介绍
2.界面设计规范
3.界面关系图
4.主界面说明
0.3
本文档的读者主要包含以下几类：
1.界面设计人员
2.美工人员
3.编码人员
4.测试人员
0.4
提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下：
控件类型
栏目名称
说明
gvList
GridView
驳回业务受理记录
显示被审核驳回的受理记录
3.2.3.4前置条件
前置条件
说明
成功登录系统
用户使用合法的帐号成功登陆宽带管理系统
3.2.3.5关联数据表
登录成功，转向主界面main.jsp。
权限信息参见3.XX权限设置页面。
3.1.2页面迁移图
补充说明：
登录对象
标识
功能
操作
前台管理用户
Login.aspx
是非锁定的经过审核的注册用户登录到新闻管理页面，管理员则登录到管理员管理页面.
登录
施工管理用户
Login.aspx
后台管理用户
Login.aspx
3):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
4):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。
5):复选框和选项框按选择几率的高底而先后排列。
6):复选框和选项框要有默认选项，并支持Tab选择。
7):选项数相同时多用选项框而不用下拉列表框。
修改密码
user_manage.aspx
对用户的密码进行修改。
XX系统前台管理一览表
2.3
2.3.1前台管理界面关系
图2-1XX系统客户端界面关系及工作流程图
3.
3.1
3.1.1页面说明
登录页面为系统入口页面，只有通过登录方可使用系统，不同用户对应不同权限，权限不同的用户进入系统后的界面菜单项是不同的。
单击“搜索”
进行验证
3
判断用户是否输入，若无，提示输入
打开页面
4
打开处理结果页面
选择业务类型处理：
动作
步骤
处理说明
选择下拉
1
选择不同的业务受理类型
显示记录
2
显示选择的驳回业务受理记录
业务受理处理：
动作
步骤
处理说明
单击按钮
1
单击需要受理的处理按钮
打开新界面
2
显示进行的业务受理记录单
3.2.3.4输出
控件名称
用户界面设计报告
文件状态：
[√]草稿
[ ]正式发布
[ ]正在修改
文件标识：
XX系统-SD-UI
当前版本：
1.0
作者：
完成日期：
10-03-14
版本历史
版本/状态
作者
参与者
起止日期
备注
1.0
新建
0.文档介绍
0.1
XX系统《用户界面设计报告》。是为了开发XX系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。
用户原则:
1.1：易用性：
按钮名称应该易懂，用词准确，屏弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好,理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
1.2易用性细则：
1):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
2):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。
8):界面空间较小时使用下拉框而不用选项框。
9):选项数叫少时使用选项框，相反使用下拉列表框。
10):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。
2.
2.1
界面名称
界面源自文库识
功能说明
宽带互联网入网登记单
accept_innet.aspx
填写客户的入网信息，提交客户入网信息。
前台管理首界面
说明
BBC_EMPLOYEE
存储用户的用户编号和密码
补充说明
读写数据表时的注意事项，若简单读取，可空白
3.1.6补充说明：
对于此界面的其他补充说明。
3.2
3.2.1页面说明
显示前台管理中的全部功能菜单。通过功能菜单进入相应得的功能界面，主显示区域显示主要业务申请—入网申请，停机申请，故障申请。
单击入网申请按钮，进入新客户入网登记单界面。
3.2.2页面迁移图
补充说明：
宽带受理和业务受理是同一个界面。
3.2.3页面说明
3.2.3.1界面原型
3.2.3.2输入
控件名称
控件类型
栏目名称
必填
约束
初值
txtAid
TextBox
业务记录查询
最小值10000
ddlTpye
DropDownList
驳回的业务类型
√
设定值：入网申请/停机申请/故障申请。
[标识符]作者，文献名称，出版单位（或归属单位），日期
例如：
[AAA]作者，《立项建议书》，机构名称，日期
[SPP-PROC-SD]SEPG，系统设计规范，机构名称，日期
0.5
缩写、术语
解释
GIF
Graphics Interchange Format的缩写－图像交换格式的缩写
1.
界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。
3.1.3页面说明
3.1.3.1界面原型
图3-1XX系统登录界面login.aspx
3.1.3.2输入
控件名称
控件类型
栏目名称
必填
约束
初值
Username
text
用户名
√
最小值10000
Password
password
密码
√
非空
6-10位
LoginButton
submit
提交
补充说明
3.1.3.3处理
入网申请
btnInNet
Input
业务受理
入网申请
btnStop
Input
业务受理
停机申请
btnTrouble
Input
业务受理
故障申请
补充说明
界面中和还有些相同的功能，其控件基本上相似就不在这里一一列出。
3.2.3.3处理
业务记录查询处理：
动作
步骤
处理说明
填写受理编号
1
输入受理编号，非空
点击搜索
2
Default.aspx
显示前台管理中的全部功能菜单。
缴费受理
fee.aspx.
提供缴费的条件。
缴费登记单
fee_print.aspx
显示对应客户的信息及帐户余额，填写客户缴费金额。
业务受理单
print.aspx
对驳回的业务受理进行信息修改。
业务受理单
print_result.aspx
显示搜索结果。
动作
步骤
处理说明
填写信息
1
输入用户名、密码
点击登录
2
单击“登录按钮”
进行验证
3
判断用户是否输入，若无，提示输入
判断资料
4
判断用户名、密码是否合法
返回信息
5
显示提示信息“您的登录尝试不成功。请重试。”
3.1.3.4输出
控件名称
控件类型
栏目名称
说明
3.1.4前置条件
前置条件
说明
3.1.5关联数据表
数据表
本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。
0.2
本文档主要包含以下几部分：
1.文档介绍
2.界面设计规范
3.界面关系图
4.主界面说明
0.3
本文档的读者主要包含以下几类：
1.界面设计人员
2.美工人员
3.编码人员
4.测试人员
0.4
提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下：
控件类型
栏目名称
说明
gvList
GridView
驳回业务受理记录
显示被审核驳回的受理记录
3.2.3.4前置条件
前置条件
说明
成功登录系统
用户使用合法的帐号成功登陆宽带管理系统
3.2.3.5关联数据表
登录成功，转向主界面main.jsp。
权限信息参见3.XX权限设置页面。
3.1.2页面迁移图
补充说明：
登录对象
标识
功能
操作
前台管理用户
Login.aspx
是非锁定的经过审核的注册用户登录到新闻管理页面，管理员则登录到管理员管理页面.
登录
施工管理用户
Login.aspx
后台管理用户
Login.aspx
3):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
4):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。
5):复选框和选项框按选择几率的高底而先后排列。
6):复选框和选项框要有默认选项，并支持Tab选择。
7):选项数相同时多用选项框而不用下拉列表框。
修改密码
user_manage.aspx
对用户的密码进行修改。
XX系统前台管理一览表
2.3
2.3.1前台管理界面关系
图2-1XX系统客户端界面关系及工作流程图
3.
3.1
3.1.1页面说明
登录页面为系统入口页面，只有通过登录方可使用系统，不同用户对应不同权限，权限不同的用户进入系统后的界面菜单项是不同的。
单击“搜索”
进行验证
3
判断用户是否输入，若无，提示输入
打开页面
4
打开处理结果页面
选择业务类型处理：
动作
步骤
处理说明
选择下拉
1
选择不同的业务受理类型
显示记录
2
显示选择的驳回业务受理记录
业务受理处理：
动作
步骤
处理说明
单击按钮
1
单击需要受理的处理按钮
打开新界面
2
显示进行的业务受理记录单
3.2.3.4输出
控件名称