电子商务网站的系统设计

电子商务网站的系统设计第1页/共27页

深入研究访问者有些网站的效果之所以不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。我们在前面系统分析阶段已经对网站用户进行需求分析，在系统设计阶段，设计人员应深入了解本网站用户群体的详细情况，例如受教育程度、收入水平、需要信息的范围及深度等，从而做到有的放矢。用户从始至终都应是规划设计网站时的关键要素。问题：在系统设计阶段，设计人员重点应当对用户考虑那些因素？第2页/共27页用户从始至终都应是规划设计网站时的关键要素。在系统设计阶段，设计人员重点应当对用户考虑如下因素：（1）用户使用什么样的浏览器：是IE还是Netscape？（2）用户想要什么：下载免费软件？新闻与信息？娱乐？或只要与产品有关的信息？(DELL)（3）用户希望什么样的多媒体效果：高品质的图像？高品质的音乐效果？或只要一般的文字就可以了？（4）用户使用什么样的网络连接？（5）用户要花多少时间在企业的网站上？（6）用户对Internet的熟悉程度如何？（7）用户的文化背景如何？第3页/共27页

网站的构思创意在明确目标的基础上，使网站设计主题鲜明、富有特色，完成网站的构思创意，是建立好站点的另一个关键环节。针对所服务的对象（机构或人）不同，Web站点应具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图像表现手法与有效的组织与通信结合起来，做到主题鲜明突出、要点明确，充分利用行业标志和公司标志，使人印象深刻。总之，要调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。第4页/共27页

网站初步设计创建新网站的一种常用方法是首先建立原型系统，再进行详细设计，最后正式实施。原型系统最主要的目标是学习、尝试采用不同的方法实现目标，修改内容和更新形象。原型系统开发过程中，要解决网站建设的一些基本问题：（1）网站结构；（2）新添文件与原有系统保持一致的措施；（3）信息的组织与管理；（4）存储信息的物理方法（采用数据库还是文件系统）；（5）文档版本控制（如何确保多个用户同时编辑同一个文件）；（6）结构的完整性和一致性的维护方法。这些问题没有绝对正确的答案，只能根据实际情况进行选择。第5页/共27页

网站详细设计画面的布局系统的内部结构实现功能维护方法等这些对于以后的系统开发和投资预算都有着极其重要的意义。进行详细设计时，网站运行模式不同，设计的方式和内容有着很大的区别。第6页/共27页4.3.3Web站点的基本模块

站点结构图（Sitemap）站点结构图是一种有关站点结构、组织方式的示意图。各主要内容或题目的详细内容将被列在其下的副标题中。当访问者点击标题、题目或副标题时，相关的网页就会出现在屏幕当中。站点结构图还可以被视作是站点的分级结构图。以这种方式组织起来的信息可以使访问者迅速找到他所需要的信息所在位置。站点结构图与导航栏的区别是：站点结构图可以而且也应该包括与导航栏类似的链接，供用户点击至相关网页，但它并不是一个单纯的导航工具。它的目的在于提供独立的、更详细的站点结构情况。第7页/共27页

导航栏（NavigationBar）当用户访问网站时，他们怎样从一个地方到另一个地方？怎样防止他们走丢？定义网站的导航系统可以解袂这些问题。导航系统出现在网站的每页上，使用户很方便地在不同部分之间跳转。如果可能，把全局导航的元素限制在5-7个之间。另一种方法是把网站的商标（公司标志）加入全局导航系统作为返回网站首页的链接。第8页/共27页局部导航可以有不同的形式，可以是主题的列表，例如igo5、Yahoo；可以是选项菜单的形式，例如GeoCities中的membersarea；或者可以是一些相关条目的列表。第9页/共27页每个Web站点都应该包括一组导航工具。它出现在此站点的每一个页面中。导航栏中的按钮应该包括：主页、联系方式、反馈及其他一些用户感兴趣的内容。这些内容应该与站点结构图中的主要题目相关联。设计导航栏应注意以下几点：（1）图表比单纯的文字效果更佳，但它必须能够清楚地体现出它所链接的内容。图表下应附有文字说明，以避免图像到达不清而引起的混淆。（2）无任何链接的内容不要做成按钮的形式。（3）使用常用颜色。避免在链接处使用特殊的颜色，应该使用标准、醒目的颜色。（4）屏幕上显示的页面所对应的按钮应该相应变成灰色，或突出显示，或以其他方式表示出来。（5）每个页面都应包括代表“返回”或“前进”的箭头。第10页/共27页

联系方式页面（ContactPage）创建可转到发送E-mail信息屏幕的连接。网站的地址可以自动地出现在“收信人”栏中。这样，访问者在录入相关内容后，点击“发送”按钮，即可完成操作。此页面还应包括其他联系方式，例如通信地址及联系人、传真、电话号码等。在导航栏中应能很方便地找到这些信息。第11页/共27页

反馈表（FreedbackForms）利用反馈表，访问者可以随时提出信息需求，而不必再打电话联系。反馈表还为那些没有E-mail账号的用户提供了方便。每一个反馈对企业来说都是一个不断提高服务质量，以满足用户需求的机会。从反馈表中可以发现，在站点中哪些信息是重要的，哪些是无关紧要的。此外，还可以考虑加设消息栏，用户可以在此发表一些评论，提出他们所关心的问题。这不仅可以使他们与企业保持联系，而且可以让他们互相之间进行交流。第12页/共27页

引人入胜的内容（CompellingContent）在每页中都要包含相关的、引人入胜的内容。特别是当要销售某种产品的时候，每个页面都要用精心修饰的内容和图像。企业的目的是为了吸引普通用户，所以站点上所使用的语言也应该通俗易懂，并对专业用语及技术术语进行解释；可将特别重要的内容用符号标记出来，但不要用得过多，以保持页面的简洁，不要把站点建成单纯的网上公司介绍。第13页/共27页

常见问题解答（FAQs）创建FAQs可以避免重复回答相同的问题，如果将问题列于

FAQs页面的上部，并将每个问题与答案连接在一起，可以节省企业和访问者双方的时间和精力。需确认在导航栏中包含有FAQs按钮。

精美的图像（GoodGraphics）图像不应使用过多，但要选择合适的、无需太多内存及下载时间的图像。有两种保持图像的方法：可以通过将图像保存为16色而不是256色来处理图像；也可以对每页的文字和图像进行限制。第14页/共27页

搜索工具（SearchingMechanisms）用户可以在搜索工具中键入关键词语或词组，在点击“查寻”按钮后，本站点中与关键词相关的网页列表就会出现在屏幕中。注意，要提供关于有效查询的说明。

新闻页面（NewsPage）

引导用户访问新信息有以下几种方法：（1）在最新的信息旁边，加注一个亮丽的小图标——“新！”。（2）为最新消息创建单独页面，并在一段时间后，将新闻放置于适当的目录下。（3）在主页或每个页面下加注一行文字，表明本站点或每个页面最近一次被更新的时间。

0相关站点链接（RelevantLinks）成功的网站通常都可以链接到其他站点，以提供更多相关信息。对每个链接都要做简要说明，以方便访问者选择最适合其需求的站点。企业需要对所链接站点做定期的访问，删除那些死站点，以免使访问者感到厌烦。每周维护一次就足够了，但要持之以恒。第15页/共27页4．4网站设计常用技术

(1)网页设计技术(2)

数据库技术(3)

表单回收技术邮件列表技术

全文检索技术搜索引擎技术第16页/共27页4.4.6搜索引擎技术

这个技术可以把与企业相关的资料、网站集合在一起，从而使用户迅速查阅与企业产品、服务、权益等相关的各项资料。例如，企业的网站是彩电类的，应用搜索引擎技术，通过网站就可以链接到大量的与彩电知识相关的网站；企业的网站是留学类的，应用搜索引擎技术，通过网站就可以链接到各种与留学咨询相关的网站。这样的网站自然是特别容易受到用户的欢迎，这也是目前最为流行的“企业门户网站”概念。第17页/共27页图4.1网站基本结构

4.4.7电子商务技术采用电子商务技术，可以实现网上的订购与交易功能，但由于此项技术涉及到资金的转移，因而难度很高，目前尚未形成气候。但此项技术将是企业网站的发展方向之一，所以在网站设计时应该留一个发展的余地。理论上说，囊括了上述技术的网站无异将是非常出色的。但有一点必须注意，如果全部采用上述技术，其投入的费用相当高。因此，在实际运作中，企业应该根据自己的实际情况和实际能力，量力而行。在知识爆炸的信息时代，要想建立一个成功的网站，吸引大量的来访者，必须要有迅捷的连接速度、丰富的内容和不断的更新，同时也要有一套完善的安全机制。这样除了完善对采编人员的管理机制外，网站的合理结构和高性能就成为决定性因素。典型的网站结构如图4.l所示。网站的性能包括网络性能（包括网络带宽、拓扑结构等）、服务器性能（包括

CPU，RAM等）、系统软件性能（包括操作系统、Web服务器、数据库等）、应用程序性能（包括程序结构、数据结构、算法效率等）。第18页/共27页4.5首页设计

首页设计是一个网站成功与否的关键。是否能够吸引浏览者留在站点上，是不是能够促使浏览者继续点击进入，全凭首页设计的效果。所以，首页的设计和制作是绝对要重视和花心思的。从根本上说，首页就是全站内容的目录，也是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？这需要处理好以下几方面的工作。第19页/共27页案例：北京晚报与北京青年报网页评定北京工业大学继续教育学院国际贸易一班第20页/共27页第21页/共27页

北京晚报首页

北京青年报首页第22页/共27页第23页/共27页第24页/共27页评定结论：北京晚报：网页设计陈旧！没新意！没有实现商业运作！以及网上信息传播的作用，没有抢占第四媒体的优势！北京青年报：设计新颖！能够抓住网络信息传播的方式，以扩大报纸本身的宣传！版样的直接预览使得读者对整体版面会有很好的理解！第25页/共27页4.5.1确定首页的功能模块（一）

首页的内容模块是指在首页上需要实现的主要内容和功能。Web站点首页应具备的基本成分包括：

(1)页头，准确无误地标识企业的站点和标志；