“学创购书网”设计文档.docVIP

学创网画面设计书 编写人 高艳萍 编写日期 2009-3-20 文档修正记录 版本编号 说明：如形成文件、变更内容和变更范围 日期 执行人 批准日期 批准人 1.0 创建文档 2009-3-20 高艳萍  设计原则 在前期需求文档充分理解的前提下，就可以开始制作界面原型图。根据需求所描述的业务流程，制作出用于演示的HTML或其他格式的页面。页面结合批注、大量的说明以及流程图画框架图wireframe，便于设计人员与客户的交互。 将自己的产品原型完整而准确的表述给UI、UE、程序工程师，市场人员等，并通过沟通会议，发现与需求描述不一支的地方，找出客户不满意的交互界面，反复修改prototype 直至最终确认，开始投入执行。给团队提供一个真实的高精度的能够模拟运行的产品原型。这也为后期开发工作做好准备。 原型设计完毕后，下一步就可以由美工美化界面，比如使用photoshop工具画图。由视觉设计师把握整体设计风格，如要和企业的品牌形象相关。 在界面设计时，我们应该遵循的基本原则是： 以客户为中心 容易操作 设计符合网站内容 置界面于客户的控制之下 减少客户的记忆负担 保持界面的一致性。 明确DEMO/原型的制作标准 明确画面/帐票等的布局、字体、对齐方式等标准 画面总体迁移图 通过一个或多个迁移图，说明一个模块或者一个系统各个子模块之间的全部画面之间的迁移关系。 前台迁移图 后台迁移图 我的帐户 概要 首页包含图书分类?、最新上架、折扣图书、学创网动态、新书推荐、商品搜索、登录、注册 系统构成图 图5.5.2我的账户系统结构图 注册新用户 概要 用户输入个人信息：姓名、密码、注册邮箱信息经过三步完成在学创网的注册。 注册后可以将购物车已选购图书下订单，完成购买操作。 画面迁移图 图5.5.4.注册新用户画面迁移图 画面详细 图 5.5.4 注册新用户画面详细 输入输出表 5.5.3.3注册新用户画面输入输出表 ID 表名称 种别 用途 1 T_User I 前台注册用户表 ■种別　　I：插入　　Ｒ：读取　　Ｕ：更新　　Ｄ：删除 输入输出项目 表 5.17.2 注册新用户画面输入输出项目列表 编号 项目名 输入输出内容 格式 区分 表名 列名 位数(byte) 必须 初始值 输入范围 备注 1 邮箱 也是用户的登录客户名 TextBox O T_User LoginName nvarchar(20) 是 无 已经存在的合法邮箱 2 密码 密码 TextBox O T_User Password nvarchar(20) 是 无 密码要求由英文字母 (a-z大小写均可)、阿拉伯数字 (0-9) 组成且长度为6-16位字符 3 用户名 用户真实姓名，在订单中可以作为地址的一部分使用。 TextBox O T_User UserName nvarchar(10) 是 无 4 邮箱 需要激活使用的电子邮件 TextBox O T_User Email nvarchar(30) 是 无 已经存在的合法邮箱 控制项目-主要事件 表 5.5.4.3 注册新用户画面控制项目列表 编号 项目名 处理内容 处理方法 初始值 备注 1 完成 将用户信息插入到数据库中。 button Enable 处理詳細 业务逻辑 用户邮箱作为用户以后登录的有效用户名。 注册过程经过三步：同意协议，填写注册信息，验证邮箱。 必输入项：邮箱，用户名，密码，验证码 用户名不是登录名，是为用户以后生成订单发货使用的名字。 已经注册用户可以继续购物，可以查看自己的订单状态，可以修改自己的信息。 Message 表 5.17.5 グループ検索画面消息列表 ID MSG-ID 类型 内容概要 内容详细 控件 1 MSG-5545-001 警告 密码输入长度不符合要求 TextBox 2 MSG-5545-002 警告 邮箱重复输入不一致，或者不是一个合法邮箱。 TextBox 3 MSG-5545-003 警告 注册邮箱已经被使用过。 TextBox 4 MSG-5545-004 警告 密码两次不一样。 TextBox 5 MSG-5545-005 警告 验证码输入错误。 TextBox 影响范围 无。 登录 概要 图书分类模块显示学创书库全部图书分类信息。单击某分类，进入图书分类页面，图书按照分类在右侧以列表形式显示图书信息。每一行显示一个图书的信息，包含图书的书名、出版社、定价、折扣价、现在是否有货。 画面迁移图 图5.5.5 登录画面迁移图 画面详细 图 5.17.3画面详细 输入输出表 表 5.5.5.3 登录画面输入输出表列