第10章 电子商务网站设计

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

第10章电子商务网站设计本章内容:10.1电子商务网站的基本概念10.2电子商务网站分析设计10.2电子商务网站分析与设计10.2.1电子商务网站分析10.2.2网站设计10.2.3项目实施10.2.4电子商务网站分析设计技术10.2.5导航设计10.2电子商务网站分析与设计10.2.1电子商务网站分析确定网站的建设目标为电子商务网站定位,确定网站类型,确定业务领域,确定服务对象。网站的需求分析⑴目标客户的调查分析⑵竞争对手网站的调查分析⑶网站构建的市场定位分析⑷业务流程分析⑸数据流程分析10.2.2网站设计一般网站设计过程和内容如下:1.网站的总体结构设计确定网站的组成部分及各部分之间的关系2.网站的内容和功能设计考虑目标对象,综合可读性与功能性、网站粘性3.网站的信息结构设计①确定栏目;确定内容的组织;②确定网站的目录结构;③设计网站的链接结构;④定义导航等。内容设计与功能设计、显示设计、导航设计系统目标确定确定网站访问对象的特点信息需求内容设计功能设计导航设计显示设计10.2.3项目实施开发制作网站进入开发阶段,边开发边测试,不要等完全制作完毕再测试。调试完善宣传推广网站的宣传推广应该放在首位搜索竞名推广邮件推广、广告条交换、付费广告维护及时相应客户反馈;网站流量统计分析和相应对策;尽量推广和使用企业的网址;内容的及时更新和丰富。10.2.4电子商务网站分析设计技术1.网站定位分析2.网站业务内容组织3.网站的信息结构设计4.页面流程设计10.2.4电子商务网站分析设计技术1.网站定位分析⑴确定网站的类型根据企业的经营发展战略,确定网站的发展战略。据此,企业进一步确定网站的电子商务模式,亚模式及商务模型,网站的类型也就基本确定。⑵确定网站的业务领域在确定了网站的类型之后,网站目标定位就需要进一步具体,需要进一步确定电子商务网站经营的产品和服务领域。⑶确定网站的服务对象在确定了网站的类型与业务领域的基础之上,确定网站的服务对象,即访问网站的消费者、客户、合作伙伴或其他用户。2.网站业务内容组织(1)规划业务内容规划业务内容时需从两方面入手:①围绕定位的主题广泛收集和组织各种相关资料内容。②配合所收集的资料,设计网站将要提供产品和服务的具体内容。合理化内容分类如果要提供的内容比较多,应对内容分类,合理划分、列表、确定它们的层次,这种层次将来基本就是网页的层次。项目1项目2项目2.1项目2.2项目2.2.1项目2.2.2项目3项目4项目4.1项目4.2项目5网站内容的组织原则:达到企业网站目标满足访问者需求清晰性创造性内容组织的形式网站内容可以同时运用多种模式的组织,以其中之一为主线,其他为辅线。通常,按照时间(Time)地点(Location)种类(Category)层次(Level)等模式来组织信息用字母顺序(Alphabet)排列。⑵栏目规划内容组织通过网页实现,表现为栏目的设计和网页的层次。在首页,栏目规划的最基本任务是如何把网站的最主要内容表达出来。要确定哪些是必需的栏目,那些是重点栏目,建立栏目的层次结构。对于一个制造企业网站来说,公司简介、产品展示、服务内容、技术支持、联系方式等是一般必需有的栏目。⑵栏目规划网站的重点栏目往往与网站的目的与功能相关。网站的一级栏目是有限的,而当网站的内容较多时,常常在一级栏目下再建二级栏目,甚至三级栏目,从而形成栏目的层次结构。设计栏目应注意:①栏目列出的都应是网站最有价值的内容;②与网站定位无关的栏目应删除;③栏目的设计应方便访问者的浏览与查询。网页层次划分和优化层次结构几乎是网站的必需结构。因为大多数页面和链接的设置将取决于层次结构,浏览者可以通过你站点的层次结构找到他所需要的信息。网站的顶层结构如果有些信息需要浏览者能够直接访问到,那这类信息就应该设计成网站的顶层页面。网站最高层是与网站的首页处于同一层次。其实无论什么类型的网站其顶层大致都有:“网站地图”,“联系方法”,“关于我们”,“版权信息”,“信息反馈”等。层次——死页层次也不能设计得太深,这样会将很多信息埋葬在太多层的下方,就会形成“死页”。所谓“死页”就是指被浏览者访问到的比率小于5%的页面。企业网站的深层次划分企业网站的不平衡层次结构企业网站的网页层次结构图⑶网站的静态内容和动态内容网站的内容包有网站的静态内容网站的静态内容是指网站内容中相对不变的部分。一个网站的静态内容最主要的作用是维持整个网站的风格,给网站的固有访问者一个熟悉的环境。另外一些不经常改变的页面也可以称作网站的静态内容,例如公司简介、联系方式、帮助信息、版权信息等等。网站的动态内容网站的动态内容是网站内容的主体,整个网站的价值就体现在这里,因此这部分是网站建设者必须重视的内容。一般来说,网站的动态内容是网站经常更新的内容。3.网站的信息结构设计网站信息结构是指从方便用户的角度设计和组织网站的信息。网站的信息结构设计内容包括:①确定网站的物理结构(目录结构);②设计网站的逻辑链接结构;③定义导航等。网站物理结构设计网站的物理结构是指网站文件的物理存储结构。是网站文件在服务器上存储的方式。网站文件在服务器上的目录结构根据网站文件的功能、地位和大致的逻辑结构来建立,通常呈树状结构,其结构不应十分复杂,层次也不应太多。网站目录结构的设计网站目录结构的设计通常遵循以下原则:①不应将所有的文件都放在根目录下;②根据栏目规划来设计目录结构;③每个目录下都建立独立的images子目录;④目录的层次不宜太多;⑤最好不要使用中文目录名;⑥将可执行文件与不可执行文件分开放置;⑦数据库文件单独放置。一个网上商城的目录结构3.1根目录页面名称全路径说明index.jsp/index.jsp首页文件夹名称全路径说明user/user用户管理文件夹ware/ware商品文件夹buy/buy购物文件夹about/about关于商城的相关信息的文件夹help/help商城帮助文件夹images/images图片文件夹include/include被包含的头文件和脚注文件文件夹js/js存放JavaScript脚本文件的文件css/css存放样式表的文件夹一个网上商城的目录结构页面名称全路径页面说明index.jsp/user/index.jsp注册协议页面logon.jsp/user/logon.jsp登录页面register.jsp/user/register.jsp注册页面modify.jsp/user/modify.jsp修改用户信息页面forget.jsp/user/forget.jsp忘记密码页面manage.jsp/user/manage.jsp管理用户页面succeed.jsp/user/succeed.jsp用户注册成功details.jsp/user/details.jsp填写用户详细信息amenddetails.jsp/user/amenddetails.jsp修改用户详细信息consignee.jsp/user/consignee.jsp填写收货人信息amendconsignee.jsp/user/amendconsignee.jsp修改收货人信息amendpsword.jsp/user/amendpsword.jsp修改密码forget1.jsp/user/forget1.jsp取回密码第一步forget2.jsp/user/forget2.jsp取回密码第二步sendpsword.jsp/user/sendpsword.jsp发送密码成功addscore.jsp/user/addscore.jsp增加用户积分页3.2用户管理一个网上商城的目录结构3.3商品部分页面名称全路径页面说明index.jsp/ware/index.jsp产品专柜首页,也是数码专柜首页machine.jsp/ware/machine.jsp整机专柜首页sort.jsp/ware/sort.jsp更多页面detail.jsp/ware/detail.jsp商品详细信息页面add.jsp/ware/add.jsp添加商品页面,只有管理员才有权限modify.jsp/ware/modify.jsp修改商品页面,只有管理员才有权限manageclass.jsp/ware/manageclass.jsp管理商品专柜类别页面,只有管理员才有权限search.jsp/ware/search.jsp搜索产品页面advanced.jsp/ware/advanced.jsp高级搜索createhotsort.jsp/ware/createhotsort.jsp生成商品热卖排行页面head.jsp/ware/head.jspfoot.jsp/ware/foot.jsp一个网上商城的目录结构3.4购物部分页面名称全路径页面说明index.jsp/buy/index.jsp购物车首页balance.jsp/buy/balance.jsp结算中心recept.jsp/buy/recept.jsp填写接受人页面orderform.jsp/buy/orderform.jsp确认订单页面mgform.jsp/buy/mgform.jsp若订单为被处理,则用户可以修改订单,否则,只有编辑可以使用。编辑可以将订单状态修改为已处理sort.sjp/buy/sort.jsp用户查看订单页面head.jsp/buy/head.jspfoot.jsp/buy/foot.jsp一个网上商城的目录结构3.5其他页面页面名称全路径页面说明index.jsp/help/index.jsp帮助首页,也是常见问题页面aftersell.jsp/help/aftersell.jsp售后条款pay.jsp/help/pay.jsp付款方式send.jsp/help/send.jsp如何配送demo.jsp/help/demo.jsp演示如何购物和送货service.jsp/help/service.jsp找客服一个网上商城的目录结构3.6关于部分页面页面名称全路径页面说明discount.jsp/about/discount.jsp优惠政策leagueterm.jsp/about/leagueterm.jsp加盟条件league.jsp/about/league.jsp马上加盟flow.jsp/about/flow.jsp订单流程serviceterm.jsp/about/serviceterm.jsp配送条款payment.jsp/about/payment.jsp支付方式aftersell.jsp/about/aftersell.jsp售后条款quality.jsp/about/quality.js双重质保indemnity.jsp/about/indemnity.jsp先行赔付oos.jsp/about/oos.jsp缺货登记pourout.jso/about/pourout.jsp在线投诉touch.jsp/about/touch.jsp联系我们目录结构表页面名称全路径说明index.jsp/index.jsp首页⑵网站的逻辑连接结构网站的链接结构是指网页页面之间相互链接的关系。逻辑链接结构是建立在网站物理结构之上而又跨越物理结构。我们研究网站的链接结构的目的在于:用最少的链接,使浏览最有效率。如果把这种关系画成示意图表,就好像一个拓扑结构图。每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。在网站设计中设计链接结构的原则有两条:要符合浏览者的思维习惯和浏览习惯;要使网站中最重要的信息有最多的机会与浏览者见面。链接结构有三种基本形式:①线型结构线型结构是将多个网页按照一定的先后次序链接起来的网页逻辑结构。访问者只能按设计的网页顺序依次访问。①线型结构带选择的线型链接结构1带选择的线型链接结构2②层次链接结构层次链接结构又称网页的树形关系。这样

1 / 64
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功