第二章-电子商务网站栏目规划ppt课件

《第二章-电子商务网站栏目规划ppt课件》由会员分享，可在线阅读，更多相关《第二章-电子商务网站栏目规划ppt课件（48页珍藏版）》请在金锄头文库上搜索。

1、.,第二章 电子商务网站栏目规划与设计,第一节 电子商务网站栏目规划 第二节 电子商务网站设计,.,第一节 电子商务网站栏目规划,一、逻辑组织模型 二、网站的栏目规划 三、网站的目录结构和链接结构,.,一、逻辑组织模型,通常我们把网站的结构大体上分为有两种结构：逻辑结构和物理结构。逻辑结构描述的是网页文档间的链接关系；而物理结构描述的是网页文档的实际存储位置。如果说逻辑结构是为用户而设计的，那么物理结构就是为管理员而设计的。我们也把逻辑结构的设计称为栏目规划，把物理结构的设计称为目录规划。 在web站点中，有三种主要的逻辑组织形式:线型、层次型和网络型。,.,（一）线型,最简单的线型模型如图2

2、-1-1所示，它是按顺序展现各个页面的内容。这种形式有个很大的好处就是提供了许多预见性，因为设计者确切知道用户下一步要去访问哪个网页。,.,在纯线型 (就是指没有分叉的线型)的基础上进行扩展，从而演变出更具灵活性的线型结构。如图2-1-3所示的带抉择的线型，可以根据用户不同的抉择，比如回答 yes或no，来访问不同的下一个网页。,.,图2-1-4和图2-1-5分别显示了带选项的线型和带分支的线型结构。带选项的线型可以使用户跳过一些不必要的页面，但是整体上又保证是顺序访问的。比如当某个用户在某个站点第二次购买商品时，可以不需要再填写一次送货地址、支付方式等的订单信息。带分支的线型结构使得用户在浏

3、览某个页面的时候，可以浏览一下页面中相关物体的介绍。,.,（二）层次型,几乎任何站点在整体栏目规划的时候都采用层次型结构。层次型又被称为树型，如图2-1-6所示，用户要通过树从上到下一级一级访问，才可能最终访问到最底层的网页。,.,层次模型让站点的网页组成一棵树，这最大的好处就在于使得站点内容划分得十分清晰，用户在访问某个网页时，很容易就知道自己处于站点的哪个栏目的哪个子页面中。但是这种组织形式会将很多信息隐藏起来，使得用户不容易发现这些信息，在访问较低层的页面时变得有些困难，解决这种问题有两种方法：一种是缩小站点的层次，比如2-3层，这时相当于从顶层网页发散出许多分支；另一种是建立一个良好的

4、站点导航系统.,.,（三）网络型,网络型是指多个网页之间都有相互链接的一种结构，如图2-1-7所示，在任意一个网页上都可以通过一次点击就可以到达其他任何一个页面。网络型是在所有的网页上都保留其他网页的链接。这种结构的好处是显而易见的，它能使用户更方便地在站点上游弋。但同时也带来一个庞大链接的问题。,.,（四）混合型,混合型就是把上面所介绍的三种模型混合在一起。如图2-1-8所示的就是一个简单的混合型结构图。几乎所有大的站点都是采用混合型的结构来进行组织。,.,二、网站的栏目规划,站点的栏目规划简单地 说就是确定站点的逻辑结构，它通常需要做以下两件事情： 确定站点的内容与服务，并将其分为不同的栏

5、目。 对各个栏目进行更细的栏目规划。需要做的主要有设定栏目的名字、确定栏目所含页面的内容与逻辑结构等。,.,每个站点性质不同，所含的内容与服务也不同，但是它们可以遵循一些共同的准则来进行栏目规划，这些准则有： (1)细致地划分主要内容栏目 (2) “开门见山”地列出主要内容。 (3)首页设置超级链接和搜索引擎。 (4)设定双向交流的栏目。 (5)设置信息下载和咨询服务栏目。,.,要建设一个有关服装的B2B电子商务站点，它包含这么几个栏目：用户注册与登录和服装分类栏目，包括女装、童装、男装，每一个分类栏目下又按厂商进行分类。根据上面提供的准则，主页与各个栏目之间可采用层次型的结构。用户注册与登录

6、栏目事务性比较强，所以采用线型结构。由于购买商可能需要同时订购多种类型的服装，所以各服装的分类栏目采用网络型结构，使其更容易在不同的类别中进行切换。这样，这个站点的基本结构就规划出来了，其结构图可如图2-1-9所示。,.,.,三、网站的目录结构和链接结构,设计目录结构的原则是方便网站的管理与维护；设计链接结构的原则是方便浏览者的阅读。 （一）网站的目录结构 网站的目录是指建立网站时创建的目录, 它们通常是一个个的文件夹。在用Frontpage98建立网站时都默认建立了根目录和Images子目录。在建立目录结构的的过程中，应注意一下几个问题 ： （1）合理按排文件的目录。 （2）按栏目内容建立子

7、目录 。 （3）在每个一级目录或二级目录下都建立独立的Images目录。,.,需要注意的还有： 目录的层次不要太多，一般目录的层次不要超过5层。 不要使用中文目录。 使用意义明确的目录文件名，以便于记忆管理。,.,（二）网站的链接结构,网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说：每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。 一般建立网站的链接结构有两种基本方式： 树状链接结构（一对一）。首页链接指向一级页面,一级页面链接指向二级页面。 星状链接结构（一对多）。类似网络服务器的链接,每个

8、页面相互之间都建立有链接。,.,（三）网站的目录结构和链接结构,有些电子商务站点的内容庞大，分类明细，往往有五六级甚至更多级数的目录页面，为帮助浏览者明确自己所处的位置，网站设计师往往在页面里显示导航条 . 中国的sina(新浪网)网站页面上也有这种提示性字样，如： 您现在的位置是：首页-财经新闻-股市信息-深圳股-深发展,.,第二节 电子商务网站设计,一、 网站CI设计 二、网站导航设计 三、 网站的风格设计 四、 网站的广告条 五、网站的网页布局 六、网站设计的成功要素,.,一、 网站CI设计,（一）CIS概述 CIS（Corporate Identity System）简称CI，就是企业

9、形象识别系统，它是企业形象的形成，是提高企业形象的一种经营手段。而所谓企业形象，是指企业的关系者对企业的整体感觉、印象和认知。CIS理论的发源地一般认为是在美国。 70年代CI理论引入日本，少数有远见的企业先行导入CI，并逐渐产生了功效。进入80年代，中国南方一些企业也开始CI尝试，通过视觉元素的展现，较好的体现了企业经营理念和经营风格。 这里需要指出的是，提升企业形象的手段很多，如广告、大型活动策划、公共关系PR（Public Relations）等，CI策划只是其中之一。,.,CIS包括三部分，即MI（理念识别）、BI（行为识别）、VI（视觉识别），其中核心是MI，它是整个CIS的最高决策

10、层，给整个系统奠定了理论基础和行为准则，并通过BI、VI表达出来。所有的行为活动与视觉设计都是围绕着MI这个中心展开的，成功的BI与VI就是将企业富有个性的独特的精神准确的表达出来。BI直接反映企业理念的个性和特殊性，包括对内的组织管理和教育、对外的公共关系、促销活动、资助社会性的文化活动等。VI是企业的视觉识别系统，包括基本要素（企业名称、企业标志、标准字、标准色、企业造型等）和应用要素（产品造型、办公用品、服装、招牌、交通工具等），通过具体符号的视觉传达设计，直接进入人脑，留下对企业的视觉影象。,.,（二）企业形象的分类,（1）从内部形象和外部形象分 内部：企业的内在精神、内在管理文化（企

11、业员工素质、企业管理水平和风格、企业经营理念、企业竞争观念） 外部：外部经营战略、物质设备形象、质量形象、品牌形象 （2）从实态形象和虚态形象分 实态：实际经营活动的成果水平（产品质量、利润、规模） 虚态：关系者对企业整体的主观印象,.,（3）从视觉识别形象与行为识别形象、理念识别形象分 视觉：基本设计（企业名称、品牌标志、标准字、标准色、企业造型、企业象征图案、企业宣传标语、口号、吉祥物），设计应用（办公器具、设备、招牌、旗帜、标识牌、建筑外观、橱窗、衣着制服、交通工具、产品、包装用品、广告传播、展示、陈列） 行为：对内的干部教育、员工教育、生产福利、工作环境、生产效益、废弃物处理、公害对策

12、、研究发展，对外的市场调查、产品开发、公共关系、流通政策、银行关系、股市对策、公益性、文化流动等。 理念：企业精神、座右铭、企业风格、经营战略策略、厂歌、员工的价值观等,.,企业网站建设与企业的CI策划密切相关，已经导入CI的企业，网站建设时为了使网站更好地反映企业文化，通过网站真正达到宣传的目的，一般需要采用的CI资料： 1.公司VI系统资料：徽标及标准色等等 2.公司介绍性MI资料：如公司简介、形象图片、宗旨、口号等； 3.公司业务资料：产品的文字资料，产品及图片、包装样品、市场资料等；,.,企业网站的信息发布过程包括： 网站主题定位：网民定位、交互方式、制作手段、营销宣传 企业网站形象设

13、计：网站的标志、标准色彩、标准字体、广告词 网站栏目设置：文字内容、动画图片、动态声音影像 网站整体风格创意：目录结构、链接结构、版面布局、首页及下级页面设计 信息生成：静态页面（编写格式）、动态页面（数据库生成）,.,（二）电子商务网站的CI设计,电子商务网站CI(Corporate Identity)，是指通过网站上的网页视觉来统一企业的形象。 首先需要设计制作一个网站的标志即logo。就如同商标一样，logo是网站特色和内涵的集中体现，logo是网站的标志。 (1) 网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛

14、的篮球鲨鱼。 (2) 网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。 (3) 最常用和最简单的方式是用自己网站的英文名称作标志。,.,其次是设计网站的标准色彩。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。 “标准色彩”是指能体现网站型象和延伸内涵的色彩。例如，IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使人觉得很贴切，很和谐。 一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要 用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，

15、绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。,.,再次是设计网站的标准字体。标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。用户可以根据自己网站所表达的内涵，选择更贴切的字体。 最后是设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；Intel的“给你一个奔腾的心”。,.,二、网站导航设计,站点导航对于一个站点来说非常必要，它能帮助用户快速地找到自己所需的信息。 （一）站点导

16、航的种类 站点导航无外乎分为两种：一种是并列式；一种是层次式。在并列式中，所有的导航内容都是处于同一个层次的，分别索引不同的栏目。这种形式通常用在站点的首页和第一级栏目的首页，比如新浪网的栏目导航。而在层次式中，导航条精确地描述了各个导航内容的层次关系及其位置。这种形式通常用在具有层次关系的栏目内部，比如新浪网的栏目内的位置导航。,.,（二）导航的位置 导航可以出现在页面上的任何一个位置，它并没有特别的要求，完全取决于站点设计者的品味与要求。但是人们总是有一种从左到右、从上到下的阅读习惯，而且网页的一般扫描方向也是从左到右、从上到下，所以大多数站点都会将用于栏目的并列式导航放在页面的左边或者上边。 （三）导航的实现方法 导航总是以链接的形式出现的，所以它的实现方法就是链接的实现方法。通常是文字链接和图片链接。当然除了这两种基本的链接外，现在还有许多网页技术也可以实现链接，如Flash、Java Applet等， （四）导航的设计目标 导航的设计目标就是让访问者能快速有效地在站点内找到他们所需要的信息。是否拥有一个好的导航也