电子商务信息系统第07章 网站详细设计.ppt

第7章 电子商务网站设计 徐 天 宇 本章主要介绍以下内容： ⑴电子商务网站概述 ⑵网站分析与设计； ⑶网站的信息构架设计 7.4页面流程设计与典型页面流程 页面流程设计的任务是确定为完成某一功能，访问者可能经历的可视化页面，并把这一流程描述出来。 等级主题结构 商品浏览典型信息获取页面流程 商品查找典型信息获取页面流程 7.5.3页面流程设计 页面流程设计又称为用户经历设计。页面流程反映了访问者在浏览网站时的访问经历。 设计者为访问者设计这些浏览经历的工作就是页面流程的设计。 对于用户的一些特殊的功能，其页面流程是非典型的，需要专门描述。 页面流程设计 非典型页面流程设计是依据是： 调查结果 特殊业务的业务流程图 特殊业务的数据流程图 划分网站页面 网站访问者的访问经历是由网站的一系列有序网页所构成的。 网站访问者之所以要沿着有序的网页进行访问，一定是基于某种目的。 这种目的主要可划分为两种： 完成某种业务活动 获取某种信息 访问的目的性确定了网站页面有序链接 7.4.2.1基本页面链接结构 网站通常采用的页面链接结构形式可归纳为三种: 线性结构、 树状结构、 网状结构。 1.线型结构 线型结构是将多个网页按照一定的先后次序链接起来的网页逻辑结构。 访问者只能按设计的网页顺序依次访问。 线型结构 带选择的线型链接结构1 带选择的线型链接结构2 2.层次链接结构 首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构页面在被浏览时，一级一级地进入，一级一级地退出。 优点是：条理清晰 缺点是：浏览效率低 层次链接结构 ③网状结构 这种结构方式可以把访问者带到一个站点的其他功能模块中去，也可以把他带到其他的站点中去，其目的就是要充分利用网上的资源和链接。 优点：符合人脑的联想记忆和思维方式，能够最大限度的尊重访问者的自主性，充分发挥人的学习潜力。 缺点：导航力弱、容易产生信息迷航的缺陷。 这种链接结构还有的三个缺点： 必须专门在网页上留出一块地方安置链接枢纽，占用宝贵的网页面积； 链接太多，容易使浏览者迷失方向，搞不清自己在什么位置，看了多少内容； 这种链接要求每次翻页都会将页面全屏刷新，在显示速度上会慢了许多。 7.5.3.2页面流程设计要求 页面流程设计有如下设计要求： ⑴用矩形框表示页面，用箭线表示流向； ⑵应标明页面名称和文件名称； ⑶应符合业务处理逻辑或信息组织逻辑； 例 7.5信息构架的物理设计 信息构架的物理设计的任务根据各个信息节点上确定的子功能，确定每一信息节点的可能有的文件形式，并确定这些文件的物理存储位置，最后确定整个网站的物理结构 网站物理结构设计 网站的物理结构是指网站文件的物理存储结构，也就是网站文件在服务器上存储的方式。网站的物理结构体现为网站在服务器上的目录结构(反映网站的管理层次)。 信息构架物理设计的结果可用网页规格说明表来描述 网页规格说明表 网站物理结构设计 接上图 图书商品文件夹中包含的页面 网站目录结构的设计通常遵循以下原则 ①不应将所有的文件都放在根目录下； ②根据栏目规划和功能来设计目录结构； ③每个目录下都建立独立的images子目录； ④目录的层次不宜太多； ⑤最好不要使用中文目录名； ⑥将可执行文件与不可执行文件分开放置； ⑦数据库文件单独放置。 7.6导航系统设计 导航是指借助一定的信息，引导用户，使之能够快速正确地到达其预定目标的行为。 导航设计的目标是方便用户浏览，将整个网站的内容有机地链接在一起。 7.6导航系统设计 网站导航体系需要解决以下问题: 我在哪里? 我曾经去过哪里? 我可以去哪里? 7.6.1导航系统的特点和作用 Web导航的基本模式是从一个页面跳转到另一个页面，从一个站点跳转到另一个站点。 导航系统实现了网站的信息组织结构和信息流程 7.6.2基本导航系统 7.6.2.1全局导航(Global Navigation ) 全局导航指的是能够链接到网站信息一级类目及主要功能模块入口的，存在于每一页上的哪些设置。 导航 ⑵局部导航 ⑵局部导航(Local Navigation ）:与全局导航相对，作为全局导航系统的补充，用于对每个全局导航项下所包括的子网站进行导航，确定一个主题内容领域的等级。引导用户对当前所在全局导航项所表示的信息做全面浏览。 ⑶上下文导航 上下文导航(Contextual Navigation )又称语境导航，是通过链接或指引到与网站信息内容相关的其它网页或链接，构建一个主题相关体系，向用户提供相关内容主题信息参考服务的导航方式，以弥补全局导航与局部导航的不足。 三种导航系统在同一个页面上的相对关系 7.6.3辅助导航系统 辅助导航系统作为网站基本导航系统的补充形式