電子商務系統(tǒng)的分析與設計-第7章.ppt

第七章 電子商務網(wǎng)站的設計,主講人： 張 苗,7.1網(wǎng)站與電子商務系統(tǒng) 7.2企業(yè)信息門戶網(wǎng)站 7.3網(wǎng)站的設計原則 7.4網(wǎng)站設計過程 7.5典型電子商務網(wǎng)站功能設計,一、網(wǎng)站與電子商務系統(tǒng),網(wǎng)站是發(fā)布商務信息、實現(xiàn)商務管理和交易的重要方式，是電子商務系統(tǒng)的“窗口”。 電子商務系統(tǒng)是基于Internet并支持企業(yè)價值鏈增值的信息系統(tǒng)，而網(wǎng)站僅僅是這個系統(tǒng)的一個部分或者技術手段之一。 網(wǎng)站與電子商務系統(tǒng)間的關系： 1.網(wǎng)站與電子商務系統(tǒng)兩者之間不可等同 2.沒有網(wǎng)站的電子商務系統(tǒng)是不完整的 3.將企業(yè)電子商務系統(tǒng)等同于網(wǎng)站是不全面的,圖7-1 網(wǎng)站與電子商務系統(tǒng)的關系,網(wǎng)站的作用,網(wǎng)站無論在電子商務系統(tǒng)中，還是在企業(yè)的商務活動中都起著重要的作用具體表現(xiàn)在以下幾個方面： 1、在客戶關系方面，網(wǎng)站能增加企業(yè)與用戶的接觸，是用戶能通過網(wǎng)站-這種更直接的途徑與企業(yè)溝通、交流。 2、企業(yè)可以通過網(wǎng)站，一方面獲得客戶的個人喜好信息，從而為客戶提供更加個性化的產(chǎn)品；另一方面，根據(jù)客戶提出的要求，可為用戶提供定制產(chǎn)品。 3、網(wǎng)站作為整個企業(yè)唯一的、一直的對外服務窗口，使得客戶能夠更方便、更快捷的購物、付款和交付。 4、有利于發(fā)展企業(yè)的商業(yè)網(wǎng)絡，建立一個包括供應商和分銷商等所有合作伙伴的“供應鏈網(wǎng)”。 5、通過網(wǎng)站，利用Internet可以提高工作人員的生產(chǎn)效率和工作的持續(xù)性，減少管理費用。,電子商務網(wǎng)站的構成,電子商務網(wǎng)站一般有網(wǎng)站支撐環(huán)境、網(wǎng)站應用以及相關硬件構成 1、網(wǎng)站支撐環(huán)境 網(wǎng)站的支撐環(huán)境一般指網(wǎng)站的軟件支撐環(huán)境，是網(wǎng)站構成的基本要素，最基本的網(wǎng)站支持環(huán)境包括： 操作系統(tǒng)，如Windows、Linux等。 網(wǎng)站服務器，如ISS、Apache等。 其它軟件運行環(huán)境，如運行JSP網(wǎng)站所需的JRE。 2、網(wǎng)站應用 網(wǎng)站應用指網(wǎng)站為用戶提供的內容展現(xiàn)、商務交易等。該部分功能一般是在操作系統(tǒng)、web服務器軟件、數(shù)據(jù)庫服務及安全管理等支撐環(huán)境之上工作的，其所含功能按作用和使用目標可以區(qū)分為內容管理和商務處理兩大部分，其具體內容會根據(jù)網(wǎng)站類型不同有較大區(qū)別，下圖是一個典型的B2C營銷網(wǎng)站應用的結構。,典型的B2C營銷網(wǎng)站構成,圖 7-2 網(wǎng)站應用結構,3、網(wǎng)站的硬件環(huán)境 網(wǎng)站的硬件環(huán)境指運行網(wǎng)站所需的服務器、網(wǎng)絡及相關接入設備等，包括： 網(wǎng)站服務器，包括各類PC服務器及UNIX服務器等。 網(wǎng)絡設備，包括網(wǎng)卡、交換機及其他相關設備。 接入設備，一般只將服務器通過JSP接入Internet的設備，如各類專線接入設備等。,電子商務網(wǎng)站的基本類型,電子商務網(wǎng)站類型很多，例如按照交易的規(guī)?？煞殖葿2B、B2C、C2C的網(wǎng)站，按照網(wǎng)站的屬主劃分，可以分成政府網(wǎng)站、企業(yè)網(wǎng)站等。 一般的，電子商務系統(tǒng)中的商務網(wǎng)站服務的對象主要包括： 企業(yè)員工 普通消費者 供應商 采購商 根據(jù)電子商務網(wǎng)站組成元素之間的相互關系以及商務網(wǎng)站需要提供的功能，可以分為幾種主要類型 如表7-1 商務網(wǎng)站的主要類型,表7-1 商務網(wǎng)站的主要類型（P173）,電子商務網(wǎng)站的基本類型（續(xù)）,另外根據(jù)行業(yè)特性的差別，以及企業(yè)的建站目的和主要目標群體的不同，可以分為三種主要類型： 基本信息型 主要面向客戶、業(yè)界人士或者普通瀏覽者 以介紹企業(yè)的基本資料、幫助樹立企業(yè)形象為主 電子商務型 主要面向供應商、客戶或者企業(yè)產(chǎn)品（服務）的消費群體 以提供某種直屬于企業(yè)業(yè)務范圍的服務或交易、或者為業(yè)務服務的服務或者交易為主 多媒體廣告型 主要面向客戶或者企業(yè)產(chǎn)品（服務）的消費群體 以宣傳企業(yè)的核心品牌形象或者主要產(chǎn)品（服務）為主 實際應用中，很多網(wǎng)站往往不能歸于某一種類型，而是可能涵蓋了兩種或兩種以上的類型,二、企業(yè)信息門戶網(wǎng)站,發(fā)展背景 在企業(yè)信息化過程中，隨著各類應用系統(tǒng)的使用，企業(yè)的數(shù)據(jù)以幾何級數(shù)迅速增長，這些數(shù)據(jù)通常都存儲在企業(yè)的數(shù)據(jù)庫，主機，文件服務器上，只有少數(shù)有特許訪問權的用戶能獲取這些數(shù)據(jù)，從而使得信息化的巨大優(yōu)勢無法完全發(fā)揮出來。由于Internet的普及和發(fā)展，當今的商業(yè)競爭已經(jīng)到了比技術，比服務，比反應速度的以客戶為中心的多企業(yè)協(xié)作的階段。Internet已經(jīng)把產(chǎn)品與服務的的供需雙方，把企業(yè)和所有合作伙伴緊緊聯(lián)系起來。這就需要通過Internet/Intranet實現(xiàn)企業(yè)內部，企業(yè)與企業(yè)之間以及企業(yè)與客戶之間的端到端業(yè)務集成，即為企業(yè)提供一種組織，搜索和獲取真正有價值的信息的解決方法，使其具有能向各種類型的用戶包括企業(yè)內部雇員，合作伙伴，供應商和顧客提供個性化的信息搜索，訪問和分析的功能，幫助他們通過有效利用企業(yè)的信息資源做出最佳的業(yè)務分析和決策。因此，“企業(yè)信息門戶（Enterprise Information Portal，EIP）”這一概念就應運而生。,盡管已經(jīng)歷了十年左右的發(fā)展，但EIP這一概念并沒有形成一個統(tǒng)一的定義，不同的專業(yè)人士和機構對其有不同的理解。 Documenttum公司的EIP概念可以理解為一個簡單的公式；企業(yè)文件系統(tǒng)+Web，將其傳統(tǒng)的文件管理系統(tǒng)增加了在Web上自動生成摘要，審核和發(fā)布功能，實際上形成了一個企業(yè)知識門戶。 Sybase公司則認為，企業(yè)信息門戶是一個應用系統(tǒng)，它使企業(yè)能夠釋放存儲在企業(yè)內部和外部的各種信息，使企業(yè)員工，客戶和合作伙伴能夠從單一的渠道訪問其所需的信息。用戶利用從這個渠道獲得的信息做出合理的業(yè)務決策并加以執(zhí)行 企業(yè)信息門戶有3個特點：單一的訪問方式（瀏覽器+企業(yè)主頁），對已有應用系統(tǒng)的集成，個性化。 一個企業(yè)信息門戶的3個關鍵組成部分： 應用提供集成化的用戶環(huán)境。 服務將業(yè)務運作系統(tǒng)與散亂的文檔和工作信息集成起來，并通過可拓展的應用界面為EIP提供集成化的服務。 集成集成當今信息技術組織中各種技術的應用。,EIP的基本結構,EIP是內聯(lián)網(wǎng)的一種擴展形式，它使員工和客戶能以有組織的方式與公司進行交互。因此，對于EIP來說，各類數(shù)據(jù)，應用及服務的集成，內容組織以及內容表示是EIP的基本組成模板。,圖 7-5 EIP基本結構,EIP為用戶提供服務的過程,圖7-6 EIP服務過程示例（P176）,EIP的特點和作用,特點: 1、是企業(yè)的統(tǒng)一信息訪問渠道 2、與現(xiàn)有系統(tǒng)緊密集成 3、具有強大的內容管理能力 4、可提供個性化的應用服務 5、具有高度的可擴展性,作用: 1、提供了一個單獨的網(wǎng)關來訪問信息和應用 2、能夠將存儲在公司數(shù)據(jù)庫、數(shù)據(jù)倉庫和文件中的數(shù)據(jù)轉換為可用的信息 3、提供了一種對傳統(tǒng)的個人桌面工作模式的改進方法 4、使得企業(yè)和客戶、合作伙伴以及供應商之間的商業(yè)往來變得很容易,EIP的基本功能,企業(yè)信息門戶的貢獻不只在于幫助一個企業(yè)了解手中的大量信息，更重要的是使用戶能夠應付那些由于分散的信息資源和處理過程維護能力下降而產(chǎn)生的問題。 對于一個企業(yè)來說，其EIP一般需針對不同的用戶提供不同的服務，如圖7-7所示。,EIP的基本功能,圖7-7 EIP的基本功能,EIP的基本結構,EIP通常包含以下幾項主要功能 1.產(chǎn)品展示 通過圖片，文字，動畫等方式介紹企業(yè)的各類展品；實現(xiàn)企業(yè)產(chǎn)品的分類目錄及搜索功能，以方便用戶查詢；以各種專題方式進行重點產(chǎn)品的宣傳等。 2.信息發(fā)布 發(fā)布企業(yè)的新聞，招聘，合作及代理等信息，以使訪問者能交強對該企業(yè)的了解。 3.企業(yè)形象宣傳 介紹企業(yè)的背景，文化（包括企業(yè)形象理念，歷史，Logo，經(jīng)營策略等）等信息。 4.交流平臺 提供論壇，留言板以及客服E-mail等方式，是向企業(yè)的交流，以盡可能的爭取潛在的客源。 5.信息服務 提供企業(yè)產(chǎn)品說明及相關各類文檔（如產(chǎn)品驅動程序）的下載等基本信息服務功能。 6.各類服務入口 為用戶提供各類商業(yè)服務功能及網(wǎng)上商務子系統(tǒng)的鏈接，使用戶能快速進入到相應的服務模塊中。,三、網(wǎng)站設計原則,網(wǎng)站設計的一般原則：目標性、實用性、可用性、藝術性、專業(yè)性、搜索引擎友好性。 目標性：任何一個網(wǎng)站，必須首先具有明確的目的和目標群體。應著重考慮以下幾點 (1)目的的明確性 在設計過程中目的應該是定義明確的，而不是籠統(tǒng)地說要做一個平臺、要搞網(wǎng)站建設，應該清楚主要希望誰來瀏覽，具體要實現(xiàn)哪些內容，提供怎樣的服務，達到什么效果 (2)目的的可操作性 在當前的資源環(huán)境下能夠實現(xiàn)，而不能脫離了自身的人力、物力以及整個外部環(huán)境等因素盲目制定目標，分清主次，循序漸進。 2.實用性：網(wǎng)站提供的功能是為網(wǎng)站建設目標服務的，所提供的功能應與該目標密切相關，突出重點與繁簡層次，而不是不分主次地提供大而全的網(wǎng)站功能。 3.可用性：可用性也可被稱作易操作性，及網(wǎng)站通過各種方式讓用戶較容易地完成網(wǎng)站提供等功能，使用戶能快速地檢索到所需信息或完成某種功能。,能吸引大多數(shù)web客戶重復訪問的網(wǎng)站具有4個共同點 擁有高質量的內容 易于使用 經(jīng)常更新 響應時間短 4.藝術性：在網(wǎng)站設計過程中，應遵循基本的美術設計原則，符合基本美學原理和排版原則，對于主題和次要對象的處理符合排版原理，全站的設計具有整體的一致性，整體視覺效果特點鮮明。需要注意：藝術性華麗。 5.專業(yè)性：本條原則是針對企業(yè)網(wǎng)站而言，主要指信息內容應該充分展現(xiàn)企業(yè)的專業(yè)特性。由于通過網(wǎng)站對外介紹企業(yè)自身時，最主要的目的是向外界介紹企業(yè)的業(yè)務范圍、性質和實力，因為，內容應包括： 完整無誤的表述企業(yè)的業(yè)務范圍（產(chǎn)品、服務）及主次關系。 應該齊備的介紹企業(yè)的地址、性質、聯(lián)系方式。 提供企業(yè)的年度報表將有助于瀏覽者了解企業(yè)的經(jīng)營狀況、方針和實力。 如果是上市企業(yè)，則提供企業(yè)的股票市值或者到專門的財經(jīng)網(wǎng)站的鏈接將有助于瀏覽者了解企業(yè)的實力,如果是上市企業(yè)，則提供企業(yè)的股票市值或者到專門的財經(jīng)網(wǎng)站的鏈接將有助于瀏覽者了解企業(yè)的實力 如果提供行業(yè)內的信息服務，則這些信息服務應具備以下特性。 全面性：對所在行業(yè)的相關知識、信息的綜述涵蓋范圍應該全面，以使對企業(yè)自身產(chǎn)品性能的介紹更具權威性 專業(yè)性：所提供的信息應該是專業(yè)的、有說服力的 時效性：所提供的信息必須至少是沒有失效的，這保證了信息是有用的 獨創(chuàng)性：具有原創(chuàng)性、獨創(chuàng)性的內容更能得到重視和認可，有助于提升瀏覽者對企業(yè)本身的印象 6.搜索引擎友好性：搜索引擎友好性是指網(wǎng)站的內容組織及結構等應使各類搜索引擎（如Google、百度等）能夠方便快捷地對該網(wǎng)站進行搜索、發(fā)現(xiàn)以及關鍵詞整理和引用。 為保持對搜索引擎的友好性，需要從如下幾方面進行設計： 加大網(wǎng)站關鍵詞的密度，特別是首頁的關鍵詞密度 突出關鍵詞，提高關鍵詞的應用效率 提供有好的內容及結構,網(wǎng)站的可用性設計,網(wǎng)站的可用性設計：內容的層次性、風格及內容的一致性、界面的精簡性、交互的易操作性、網(wǎng)站的兼容性、更新的及時性、高訪問性能。 內容的層次性: 內容的層次性主要體現(xiàn)在網(wǎng)站內容安排具有條理清晰的結構，網(wǎng)站和板塊劃分合理，包括： 板塊的劃分應該有充分的依據(jù)并且是容易理解的 不同板塊的內容盡量做到?jīng)]有交叉和重復內容，共性較多的內容盡量劃分到同一板塊 在最表層盡量減少劃分的版塊數(shù)量，通?？刂圃?6個之間比較合適 劃分后的結構層次不宜過深，通常不超過5層 此外，常用的信息內容、功能服務應盡量放到更淺的層次，信息的獲取和功能的服務過程盡量控制在35步內，不得不需要更多的步驟時應有明確提示 風格及內容的一致性： 頁面完整設計風格的一致性，即整個頁面布局和用圖用色風格前后一致 界面元素命名的一致性，即同樣的元素應該用同樣的命名；同類元素命名滿足一致性，做到即使某個元素的表述不清楚也能從少上下文中推斷其義 功能一致性，即完成同樣的功能應該盡量使用同樣的元素,元素風格一致性，即界面元素的視覺風格、擺放位置在同一個界面和不同界面之間都應該是一致的 界面的精簡性: 界面的精簡性是指網(wǎng)站的界面設計盡量簡潔清晰，使用戶能盡快調出所需頁面，并避免其他非必要信息的干擾，需要考慮的因素包括： 每個界面調出的時間應該在可以接受的范圍之內，當必須耗用較長的時間時，應該有明確提示并最好有進度顯示 當不同的方式能夠達到相同或近似的效果時，總是應該選取令客戶訪問或使用更簡單快捷的方式（在開發(fā)資源差別可忽略的情況下） 主要界面盡量不超過瀏覽器高度的2倍 大量信息內容盡量不超過瀏覽器高度的5倍，如果超過，應該使用頁面內定位或者進行分頁 交互的易操作性：主要指網(wǎng)站所提供的動態(tài)交互功能操作方式明確、容錯性好，使用戶能較快地正確完成交互操作。為此，在網(wǎng)站設計過程中，應考慮以下幾個方面 每個服務必須有定義清晰的流程，每個步驟需要什么條件、產(chǎn)生什么結果、由誰來操作、如何實現(xiàn)等都應該是清晰無誤的,實現(xiàn)功能服務的程序必須是正確的、健壯的（防錯的）、能夠及時響應的、能夠應付預想的同時請求服務樹峰值的 需要人工操作的功能服務應該設有常備服務人員和相應的責權制度 用戶操作的每一個步驟（無論正確與否）完成后應該提示當前出于什么狀態(tài) 網(wǎng)站的兼容性: 由于用戶使用的上網(wǎng)軟硬件設備相差很大，因此在網(wǎng)站設計的過程中要針對目標群體的需要充分考慮瀏覽器兼容性、字體兼容性和插件流行程度等，以便提供較滿意的效果 更新的及時性: 及時更新是保持網(wǎng)站活力的根本要求，因此為保持網(wǎng)站內容更新的及時，在設計過程中要充分考慮內容更新的難度及任務量，設計易于操作的內容更新系統(tǒng)。同時在更新過程中，還要注意內容的前后一致及連貫性，并建立相關的機制保障內容的及時更新,高訪問性能: 對于一般的用戶來說，網(wǎng)站的訪問性能主要體現(xiàn)在響應時間及正確性上，而對于網(wǎng)站設計、開發(fā)及管理者來說，要實現(xiàn)網(wǎng)站的高性能，必須在設計中充分考慮到網(wǎng)站的容量（及同時在線人數(shù)或并發(fā)訪問量）、穩(wěn)定性、安全性及網(wǎng)站應用程序設計性能等方面因素。 為保證網(wǎng)站的可用性，在設計過程中還考慮其他一些因素，具體包括： 應該具有明確的導航欄和網(wǎng)站地圖提供快速導航操作，以避免網(wǎng)絡迷航 主要的信息應該放在突出的位置上，常用的功能則應該放到容易操作的位置上 命名應該是簡潔的、定義清晰的、且不易相互混淆的 不要出現(xiàn)錯誤或者無效的鏈接 對于專業(yè)的術語、復雜的操作等有直接的、容易理解的幫助,四、網(wǎng)站設計過程,一個網(wǎng)站的建立通常要經(jīng)歷以下3個階段： 網(wǎng)站規(guī)劃與設計 網(wǎng)站開發(fā) 網(wǎng)站測試與發(fā)布 其中，網(wǎng)站規(guī)劃與設計是本書討論的重點，又可分為目標定位，內容及功能設計，結構設計，網(wǎng)站開發(fā)及運行環(huán)境準備，網(wǎng)站預算等步驟。整個過程如圖7-9所示。,圖 7-9 電子商務網(wǎng)站設計的一般過程,網(wǎng)站目標定位與分析,網(wǎng)站定位：研究為什么做、為誰而做 包含三個階段 明確競爭優(yōu)勢 本質是排列網(wǎng)站可用于定位的各種要素，確定網(wǎng)站在哪些要素上具有優(yōu)勢的過程 選擇競爭優(yōu)勢 根據(jù)網(wǎng)站的目的和特點，選擇本網(wǎng)站可采用的定位要素，培養(yǎng)它，使之超過競爭對手 示意競爭優(yōu)勢 采取各種手段、通過各種途徑向目標市場示意自己的定位,網(wǎng)站目標定位與分析（續(xù)）,確定網(wǎng)站的類型和領域，重點考慮： 擅長的專業(yè)領域 需投資的規(guī)模 可獲取的技術與人才 各類網(wǎng)站的市場需求狀況 確定網(wǎng)站的服務對象，重點考慮： 用戶的年齡與性別結構 用戶的文化層次 用戶的職業(yè)與專業(yè)分布 用戶的地域分布 用戶的個性偏好 確定網(wǎng)站的主題和服務范圍，基本原則為： 主題要小而精 題材最好是自己擅長或者喜愛的內容 題材不要太濫或者目標太高,網(wǎng)站內容及基本功能分析,規(guī)劃業(yè)務內容或者網(wǎng)站欄目規(guī)劃時一般注意以下問題： 內容一定要緊扣主題； 2.要把最直接表現(xiàn)主題且最吸引的內容放在最突出的位置； 3.應設立一個最近更新和網(wǎng)站指南欄目； 4.應該提供可雙向溝通的欄目。,網(wǎng)站結構設計,網(wǎng)頁結構設計 指規(guī)劃網(wǎng)站應包含哪些頁面？它們之間的鏈接結構是什么？ 目標：用最少的鏈接，使得瀏覽最有效率 基本的鏈接結構形式 樹狀結構 星狀結構 實際常采用兩種形式的混合 適時顯示導航欄 網(wǎng)站板塊設計 各版塊要有相對獨立性； 各版塊要有相互關聯(lián)； 版塊的內容要圍繞站點主題。 子站點設計,網(wǎng)站結構設計（續(xù)）,表 7-2 各節(jié)點所需頁面,對于商品專賣業(yè)務可以規(guī)劃出如表7-2所示的頁面。,網(wǎng)站環(huán)境準備,指為網(wǎng)站的開發(fā)建設和運營準備必要的軟、硬件條件 主要工作包括： 運行空間準備 網(wǎng)絡接入條件準備 域名及IP申請 開發(fā)調試環(huán)境的搭建 ,運行空間準備,網(wǎng)絡接入條件準備,表 7-4 常見專線接入方式對比,網(wǎng)站費用估計