网上图书销售管理系统用户界面设计指导书.doc

PAGE / NUMPAGES 网上图书销售系统用户界面设计 文件状态： [√] 草稿 [ ] 正式发布 [ ]正在修改 文件标识： IRP- SD-UI 当前版本： V1.0 作 者： 牛玲玲 审 核： 刘骁 完成日期： 2012-05-27 重庆理工大学 重庆理工大学 版 本 历 史 版本/状态 作者 参与者 起止日期 备注 草稿 牛玲玲 2012-05-27 目 录 TOC \o 1-2 \h \z 1. 文档介绍4 1.1 文档目的4 1.2 文档范围4 1.3 读者对象4 2 应当遵循的界面设计规范4 2.1 界面设计原则4 2.2 界面设计过程规范5 3. 网页界面关系图16 4. 网页界面具体设计18 4.1 网站首页18 4.2用户中心19 4.3.卖家中心21 4.4.购物车24 4.5 新书上架24 4.6 客服中心25 1. 文档介绍 1.1 文档目的 用户界面设计报告的编制是为了工程开发者对网上图书销售网店结构和具体设计有初步理解和认识。用户界面设计报告是详细设计的主要组成部分，最后完成的网上图书销售界面与本报告符合。 1.2 文档范围 描述本工程的界面设计 描述本工程的界面功能性 描述本工程的界面间的关系性 1.3 读者对象 本用户界面设计报告的读者对象为网上图书销售工程成员以及管理员 2 应当遵循的界面设计规范 2.1 界面设计原则 良好的用户界面一般都符合下列的用户界面设计原则: 1、用户导向性原则：设计网页首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。网页的设计者要清楚，用户之间差别很大，他们的能力各有不同。 2、KISS原则：KISS原则就是Keep It Simple And Stupid的缩写，简洁和易于操作是网页设计的最重要的原则。毕竟，软件建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆集很多复杂和花哨的图片。该原则一般的要求，网页的下载不要超过10秒钟；尽量使用文本链接，而减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；软件所有的内容和服务都在显眼处向用户予以说明等。 3、布局控制：遵循的原理有：①Miller公式。一般网页上面的栏目选择最佳在5～9个之间，如果软件所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。②分组处理。对于信息的分类，不能超过9个栏目，如果内容超出了9个，需要进行分组处理。 4、视觉平衡：网页设计时，也要各种元素（如图形、文字、空白）都会有视觉作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在设计网页时需要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个道理。 5、色彩的搭配和文字的可阅读性：颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，考虑到你希望对浏览者产生什么影响，为网页设计选择合适的颜色（包括背景色、元素颜色、文字颜色、链节颜色等）。为方便阅读软件上的信息，可以参考报纸的编排方式将网页的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体，通用的字体（Arial， Times New Roman，中文宋体）最易阅读，特殊字体用于标题效果较好，但是不适合正文。 2.2 界面设计过程规范 一、界面原型设计 1、原型设计工具 Axure RP 能帮助网站需求设计者，快捷而简便的创建基于目录组织的原型文档、功能说明、交互界面以及带注释的wireframe网页，并可自动生成用于演示的网页文件和word文档，以提供演示与开发。 图2.1 原型设计工具Axure_RP 2、界面原型设计 首页 用户中心 注册 2）用户登陆 3）用户信息修改 4）账户冻结 卖家中心管理 1) 订单查询 2）未发货订单处理 图书信息管理 1） 图书库存查询 2）入库管理 3）出库管理 2 员工信息管理 1） 员工信息查询 2） 员工信息修改 3）员工信息冻结 会员信息管理 会员信息查询 会员信息修改 3）会员账户冻结处理 购物车： 客服中心： 新书上架 3. 网页界面关系图 图3.1 界面关系图 图3.2前台界面关系图 图3.3后台界面关系图 4. 网页界面具体设计 4.1 网站首页 图4.1 主页 功能介绍：网站首页是整个平台的展示窗口，其内容主要包含用户中心、卖家中心、购物车、新书上架等。同时，可以输入关键字搜索网站提供的图书、查看热销图书等。 4.2用户中心 功能介绍：用户中心主要