第4章 電子商務(wù)平臺的選擇和設(shè)計

1、電子商務(wù)網(wǎng)站設(shè)計 商務(wù)網(wǎng)站的概念、功能 頁面的設(shè)計、布局主要內(nèi)容 細分市場（，送貨到家） 大而全或者說一站式：一站式母嬰產(chǎn)品商城、一站式戶外產(chǎn)品商城、一站式寵物產(chǎn)品商城等商品商務(wù)網(wǎng)站案例 網(wǎng)站創(chuàng)意 百萬美元網(wǎng)站 相信很多人都知道這個點子，把網(wǎng)頁分割成100萬個象素，每個象素賣一塊錢，當(dāng)然都得買10X10以上的才能看的到，很多人買更多的象素。 在這個網(wǎng)站誕生之前，恐怕對大多數(shù)人來說，這個主意聽著真夠蠢的，誰跟你買呀?可是這位發(fā)明這個概念的21歲年輕人已經(jīng)變成百萬富翁了，他的100萬個象素在很短時間內(nèi)全部賣光。現(xiàn)在有很多人在模仿。 Tew于2005年8月份創(chuàng)立M網(wǎng)站，目的是為其3年的大學(xué)課程籌集到

2、足夠的學(xué)費。這個網(wǎng)站被劃分為一萬個格子，每個格子100像素。任何公司都可以購買一個或一個以上的格子來存放其廣告logo，當(dāng)鼠標點擊這些logo時，來訪者就會進入該公司的網(wǎng)站。每個廣告格子的售價為100美元(54英鎊)。 創(chuàng)意建立商務(wù)網(wǎng)站什么是商務(wù)網(wǎng)站 商務(wù)網(wǎng)站是指一個企業(yè)、機構(gòu)或公司在互聯(lián)網(wǎng)上建立的站點，商務(wù)網(wǎng)站是指一個企業(yè)、機構(gòu)或公司在互聯(lián)網(wǎng)上建立的站點，其目的是為了宣傳企業(yè)形象、發(fā)布產(chǎn)品信息、提供商業(yè)服務(wù)其目的是為了宣傳企業(yè)形象、發(fā)布產(chǎn)品信息、提供商業(yè)服務(wù)等等 。電子商務(wù)電子商務(wù)網(wǎng)站的作用網(wǎng)站的作用是企業(yè)開展網(wǎng)絡(luò)營銷的工具是企業(yè)開展網(wǎng)絡(luò)營銷的工具是體現(xiàn)電子商務(wù)是體現(xiàn)電子商務(wù)個性化服務(wù)的平臺

3、個性化服務(wù)的平臺是企業(yè)商家的門戶是企業(yè)商家的門戶是進行電子商務(wù)活動是進行電子商務(wù)活動信息交流的樞紐信息交流的樞紐 商務(wù)網(wǎng)站中遵循：簡單就是美。 英文中KISS(keep it simple, stupid)，簡單最好找到了麥當(dāng)勞等于找到了廁所談網(wǎng)站定位風(fēng)格：網(wǎng)站整體風(fēng)格是指站點的整體形象給瀏覽者的綜合感受，這種感受是抽象的。 整體形象所包含的因素 站點的CI（標志、色彩、字體、標語） 版面布局 瀏覽方式 文字 語氣 內(nèi)容價值 。 確定風(fēng)格是建立在有價值的內(nèi)容之上的：質(zhì)量、價值 其實風(fēng)格就是一句話：與眾不同 如何建立有獨特風(fēng)格的網(wǎng)站n風(fēng)格應(yīng)該建立在豐富的有價值的內(nèi)容基礎(chǔ)之上n必須搞清楚自己給人的

4、印象是什么，對象是誰，n確定印象后，努力實現(xiàn)和加強這種印象nLogo出現(xiàn)在每個頁面上n對一個網(wǎng)站來說，要突出色彩確定網(wǎng)站的CI CI：corporate identity(企業(yè)識別) , 是通過視覺統(tǒng)一企業(yè)的形象logo中的BF設(shè)為百度紅藍色，代表一男一女。字體及位置的設(shè)計，則包含“眾里尋他千百度”中不期而遇的美麗寓意。 色彩 色彩搭配一直以來是個很模糊的事情，就是我們常說的憑“感覺”，而且每個人對于色彩的感覺都是不一樣的，所以有些網(wǎng)站在某些人看來，非常漂亮，而某些人看起來卻非常難看。 顏色絕不會單獨存在。事實上，一個顏色的效果是由多種因素來決定的：反射的光，周邊搭配的色彩，或是觀看者的欣賞角

5、度。 色彩的分類：無色彩、有色彩 色彩的三要素：明度、 色相、 純度 色相：色彩的相貌。例如紅、黃、藍、綠等。 明度：色彩的明暗程度，即素描關(guān)系。明度高，就是說顏色亮。 純度：色彩的純凈度，指色彩中其他雜色所占成分的多少。純度高指色彩鮮明，反之則灰。色相:色彩是由于物體上的物理性的光反射到人眼視神經(jīng)上所產(chǎn)生的感覺。色的不同是由光的波長的長短差別所決定的。作為色相，指的是這些不同波長的色的情況。波長最長的是紅色，最短的是紫色。把紅、橙、黃、綠、藍、紫和處在它們各自之間的紅橙、黃橙、黃綠、藍綠、藍紫、紅紫這6種中間色共計12種色作為色相環(huán)。在色相環(huán)上排列的色是純度高的色，被稱為純色。這些色在環(huán)上的

6、位置是根據(jù)視覺和感覺的相等間隔來進行安排的。用類似這樣的方法還可以再分出差別細微的多種色來。在色相環(huán)上，與環(huán)中心對稱，并在180度的位置兩端的色被稱為互補色。 紅色藍色紫色 黃色紅色橙色 黃色藍色綠色 色彩傳遞的信息色彩在食品偏好中起著重要作用.一次調(diào)查: 被調(diào)查的家庭主婦分別品嘗了放在棕、藍、紅、黃四種容器中的咖啡（所有咖啡都是一樣的，并對被調(diào)查者隱瞞了品牌）結(jié)果：75%的婦女認為放在棕色容器中的咖啡味道過苦；85%的人認為紅色容器中的咖啡最濃；幾乎所有人感覺藍色容器中的咖啡味道較淡；而黃色容器中的咖啡幾乎沒味.雅格布、柯恩、沃西和吉恩曾做過有關(guān)部門跨文化的顏色比較的深入研究。他們對中國、韓

7、國、日本以及美國消費者進行調(diào)查，發(fā)現(xiàn)亞洲人往往把灰色和廉價聯(lián)系在一起，這恰恰與美國人相反，美國人認為灰色貴重且有高品質(zhì)。亞洲人認為紫色為富貴之色，美國人卻認為紫色有廉價感。不過，藍色、紅色、黃色與黑色倒是不約而同地分別與高品質(zhì)、愛、幸福及力量聯(lián)系在一起。一般地都認為綠色象征著純潔和值得信賴。 可口可樂的瓶子在不經(jīng)意間傳遞了許多信息：瓶子頸部凸起的花紋使人感到握在手中不會脫落；瓶子外觀別致、造型優(yōu)雅，似乎透射著飲料能帶給你一份輕松；里面所裝的液體，看起來比標注的份量多，有了一種實在感；coca-cola的斯賓塞體字形，與白色字體形成強烈對比的紅色標準色，流動的水線等，無不在傳遞著青春、活力、輕松

8、與自在。綜合型藝術(shù)主導(dǎo)高低高低功能功能藝術(shù)藝術(shù)/形式形式功能主導(dǎo)隨著技術(shù)的發(fā)展，邊界先向外移動網(wǎng)站的宣傳標語怎樣樹立網(wǎng)站的風(fēng)格 色調(diào)：是活潑還是莊重，是素還是艷。 食品網(wǎng)站選擇的色彩很艷麗，但如果選擇素的色彩，可能就無法體現(xiàn)出水果和蔬菜的那種生氣。 手工藝品網(wǎng)站的色調(diào)是以素為主，突出了手工藝品的典雅。 美國工藝品網(wǎng)站色調(diào)選擇和色彩搭配，突出了手工藝品的巧奪天工。藍色、灰白色、草綠色、淡黃色都是手工藝品常用的顏色，形成了站點風(fēng)格的一致性。 有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：普通網(wǎng)站上你看到只是堆砌在一起的信息，總之。只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；有風(fēng)格的網(wǎng)站上你可以獲得

9、除內(nèi)容之外的更感性的認識，比如站點的品位，對瀏覽者的態(tài)度等。 創(chuàng)意：如網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生IP電話 頁面布局網(wǎng)站外形尺寸：網(wǎng)頁黃金分割網(wǎng)站外形尺寸：網(wǎng)頁黃金分割http:/ “T”結(jié)構(gòu)布局：頁面頂部為橫條網(wǎng)站標志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因為菜單條背景較深，整體效果類似英文字母“T”,所以我們稱之為“T”形布局。這是網(wǎng)頁設(shè)計中用的最廣泛的一種布局方式。這種布局的優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明。是初學(xué)者最容易上手的布局方法。缺點是規(guī)矩呆板，如果細節(jié)色彩上不注意，很容易讓人看之無味。 同字型布局 特點：頁面頂部為水平放置的主導(dǎo)航欄，其下體大致分為左，中，右3欄 “口”型布局這是

10、一個象形的說法，就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情連接等，中間是主要內(nèi)容。這種布局的優(yōu)點是充分利用版面，信息量大(我的主頁首頁即屬于這種布局)。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設(shè)計，例如網(wǎng)易壁紙站。 POP布局：POP引自廣告術(shù)語，就是指頁面布局象一張宣傳海報，以一張精美圖片作為頁面的設(shè)計中心。常用于時尚類站點。優(yōu)點顯而易見：漂亮吸引人。缺點就是速度慢。作為版面布局還是值得借鑒的。 對稱對比布局：顧名思義，采取左右或者上下對稱的布局，一半深色，一半淺色，一般用于設(shè)計型站點。優(yōu)點是視覺沖擊力強，缺點是將兩部分有機的結(jié)合比較困難。 封面型 一般出現(xiàn)在

11、首頁，大部分為一些精美的平面設(shè)計結(jié)合一些小的動畫。平面設(shè)計是將不同的基本圖形，按照一定的規(guī)則在平面上組合成圖案的。主要在二度空間范圍之內(nèi)以輪廓線劃分圖與地之間的界限，描繪形象。而平面設(shè)計所表現(xiàn)的立體空間感，并非實在的三度空間，而僅僅是圖形對人的視覺引導(dǎo)作用形成的幻覺空間。 無論使用何種手段對畫面中的元素進行組合，都要遵循以下原則 統(tǒng)一：設(shè)計作品的整體性，一致性。 連貫：頁面的相互關(guān)系 分割：是將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。 對比: 就是通過矛盾和沖突，使設(shè)計更加富有生氣。對比手法很多，如: 黑與白、強與弱等 和諧：是指整個頁面符合美的法則，渾然一體。和諧不

12、僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產(chǎn)生心靈的共鳴。網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。即：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。而且，這些點并不是分布在一個平面上，而是存在于一個立體的空中。研究網(wǎng)站的鏈接結(jié)構(gòu)的目：用最少的鏈接，使得瀏覽最有效率。 樹狀結(jié)構(gòu)鏈接（一對一） 優(yōu)點：條理清晰 缺點：瀏覽效率低 http:/ 網(wǎng)狀鏈接結(jié)構(gòu)（一對多） 優(yōu)點：瀏覽方便，隨時可以到達自己喜歡的頁面。 缺點：鏈接太多，容易使瀏覽者迷路，搞

13、不清自己在什么位置，看了多少內(nèi)容網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計（續(xù)） 這兩種基本結(jié)構(gòu)都只是理想方式，在實際的網(wǎng)站設(shè)計中，總是將這兩種結(jié)構(gòu)混合起來使用。我們希望瀏覽者既可以方便快速的達到自己需要的頁面，又可以清晰的知道自己的位置。所以，最好的辦法是： 首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。 例子 其中，首頁，財經(jīng)新聞頁，娛樂新聞頁，IT新聞頁之間是星狀鏈接，可以互相點擊，直接到達。而財經(jīng)新聞頁和它的子頁面之間是樹狀連接，瀏覽財經(jīng)新聞1后，你必須回到財經(jīng)新聞頁，才能瀏覽IT新聞2。所以,有站點為了免去返回一級頁面的麻煩，將二級頁面直接用新開窗口(POP up windows)打開

14、，瀏覽結(jié)束后關(guān)閉即可。 注意：以上我們都是用的三級頁面舉例。如果您的站點內(nèi)容龐大，分類明細，需要超過三級頁面，那么建議你在頁面里顯示導(dǎo)航條，可以幫助瀏覽者明確自己所處的位置。就是您經(jīng)?？吹皆S多網(wǎng)站頁面頂部的，類似這樣：“您現(xiàn)在的位置是：首頁-財經(jīng)新聞-股市信息-深圳股-深發(fā)展” 關(guān)于鏈接結(jié)構(gòu)的設(shè)計，在實際的網(wǎng)頁制作中是非常重要一環(huán)。采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。例如你的主菜單放在什么位置，是否每頁都需要放置，是否需要用分幀框架，是否需要加入返回首頁的鏈接。在連接結(jié)構(gòu)確定后，再開始考慮鏈接的效果和形式，是采用下拉表單，還是用DHTML動態(tài)菜單等等。 隨著電子商務(wù)的推廣，網(wǎng)站競爭的越來

15、越激烈，對鏈接結(jié)構(gòu)設(shè)計的要求已經(jīng)不僅僅局限于可以方便快速的瀏覽，更加注重個性化和相關(guān)性。例如，一個愛嬰主題網(wǎng)站里，在8個月嬰兒的營養(yǎng)問題頁面上，你需要加入8個月嬰兒的健康問題鏈接，智力培養(yǎng)鏈接，或者是有關(guān)奶粉宣傳的鏈接，一本圖書，一個玩具的鏈接。因為父母不可能到每個欄目下去尋找關(guān)于8個月嬰兒的信息，他們可能在找到需要的問題后就離開網(wǎng)站了。如何盡可能留住訪問者，是網(wǎng)站設(shè)計者未來必須考慮的問題。 導(dǎo)航系統(tǒng) 網(wǎng)站中的導(dǎo)航系統(tǒng)就是網(wǎng)頁上各種導(dǎo)航條的總稱，用戶通過導(dǎo)航系統(tǒng)中的各種導(dǎo)航元素，可以快速查詢到自己所需要的信息。 導(dǎo)航系統(tǒng)用來建立網(wǎng)頁信息內(nèi)容之間的上下文關(guān)系，為用戶在新環(huán)境下快速定位提供語境，從

16、而使用戶明確下面三個問題：我在哪？我曾經(jīng)去過哪？我可以去哪。全局導(dǎo)航 全局導(dǎo)航（Persistent Navigation）又稱主導(dǎo)航，它是出現(xiàn)在網(wǎng)站的每一個頁面上一組通用的導(dǎo)航元素，以一致的外觀出現(xiàn)在網(wǎng)站的每一頁，扮演著對用戶最基本的訪問方向性指引。 局部導(dǎo)航 局部導(dǎo)航是子頁面相同頁面組的內(nèi)部導(dǎo)航，使用戶在一個內(nèi)容領(lǐng)域里按層次瀏覽 局部導(dǎo)航（副導(dǎo)航）：全局導(dǎo)航的延伸，設(shè)計靈活、變化頻繁、指向同級或下級頁面。使用要點： 局部導(dǎo)航的過渡應(yīng)平滑、一致，不應(yīng)將用戶帶出網(wǎng)站，或是跳轉(zhuǎn)到其它類別。局部導(dǎo)航可以是主導(dǎo)航項目的下級分類、同級分類、某一特定類別等等。局部導(dǎo)航和全局導(dǎo)航的組合舉例： 語境導(dǎo)航（上

17、下文導(dǎo)航）：遵循主題或內(nèi)容相似性來設(shè)計，通常會跨越不同層級的頁面。分為關(guān)聯(lián)性鏈接和相關(guān)鏈接：出現(xiàn)在內(nèi)容區(qū)域，指向類似同級頁面或網(wǎng)站。常見類型：首頁商品撤換的ROI原則 C=A/B C為商品價值度，A表示最近7天某商品的銷售額，B表示該件商品所對應(yīng)的訪客數(shù)。商品詳情的倒三角形結(jié)構(gòu)：最上層是概括方向的內(nèi)容，而越往下越細致 越往上，越概括套餐搭配 關(guān)聯(lián)推薦的設(shè)計 與套餐不同，關(guān)聯(lián)推薦通常不會有折扣 關(guān)聯(lián)推薦的本質(zhì) 客戶購物車里應(yīng)該有的但是卻沒有 關(guān)聯(lián)推薦在線上是為了縮短客戶找到目標商品的最短路徑，客戶是因為邏輯相關(guān)且購買順手才購買多件的 關(guān)聯(lián)營銷的兩種類型 商品因為自身屬性相關(guān) 特定人群相關(guān)客戶訂單

18、明細(請自畫商品同現(xiàn)表格)顧客訂單包含項A橙汁，可樂B橙汁C可樂，雪碧D奶茶，橙汁E可樂，雪碧，橙汁F維生素水，綠茶，奶茶G維生素水，雪碧H雪碧 支持度 置信度 提升度：用該指標度量關(guān)聯(lián)強度的真實性 例：如果購買產(chǎn)品A，則購買產(chǎn)品B的置信度為3.57%，如何看待這條關(guān)聯(lián)規(guī)則？如果產(chǎn)品B在整體交易數(shù)據(jù)的比例就已經(jīng)超過3.57%達到4.07%，則提升度為3.57%/4.07%1，提升度大于1，關(guān)聯(lián)結(jié)果才好。注冊域名 域名是企業(yè)在Internet上發(fā)布信息或提供服務(wù)的身份標識，是企業(yè)在網(wǎng)絡(luò)上的地址和在線的商標。 Internet 域名是 Internet 網(wǎng)絡(luò)上的一個服務(wù)器或一個網(wǎng)絡(luò)系統(tǒng)的名字，在全

19、世界，沒有重復(fù)的域名。域名的形式是以若干個英文字母和數(shù)字組成，由“ . ”分隔成幾部分， 如 就是一個域名。從社會科學(xué)的角度看，域名已成為了 Internet 文化的組成部分。 從商界看，域名已被譽為“企業(yè)的網(wǎng)上商標”。沒有一家企業(yè)不重視自己產(chǎn)品的標識 - 商標， 而域名的重要性和其價值，也已經(jīng)被全世界的企業(yè)所認識。 中國企業(yè)可以注冊的域名大致分為國際域名和國內(nèi)域名。再按不同的頂級類型可細分為： .com （商業(yè)機構(gòu)）； .net （從事互聯(lián)網(wǎng)服務(wù)的機構(gòu)）； .org （非贏利性組織）； （國內(nèi)商業(yè)機構(gòu)）； （國內(nèi)互聯(lián)網(wǎng)機構(gòu)）； （國內(nèi)非贏利性組織）。 網(wǎng)站的命名和推廣方法 命名其實該域名是來

20、自四通利方98年并購對象華淵網(wǎng)的域名，sina一詞源于拉丁文的中國sino，在英語書面語中也經(jīng)常應(yīng)用，如sino-american是中美關(guān)系的意思。sina的中文名稱新浪是當(dāng)時的總裁王志東起的，這個域名很好地表達了新浪網(wǎng)希望自己成為中華區(qū)最大門戶的決心。 一切始自一個拼寫錯誤。大衛(wèi)維塞(David Vise)在其所著的撬動地球的Google(The Google Story)一書中稱，谷歌(Google)的創(chuàng)始人們曾花費數(shù)天，群策群力為公司起名，但始終沒想出來。這時候，有人在白色書寫板上寫下了一個詞Googleplex。 這是一個數(shù)學(xué)術(shù)語，意思是1后面跟著101個“0”，它切合了該公司遠大的科

21、技意圖。將其縮寫為“Google”，是因為他們覺得好玩，同時這也迎合（當(dāng)時的）互聯(lián)網(wǎng)精神，無疑靈感來自雅虎(Yahoo)兩個“o”的效果這個看似毫無意義的詞匯隱含著神秘的含義。第二天，有人經(jīng)過白板時才指出，這個詞的正確拼寫應(yīng)該是Googol。 而這個不到10年前想出的名字，如今已成為全球最強大的品牌。 推廣方法建立合作關(guān)系和加入聯(lián)盟搜索引擎：百度推廣傳統(tǒng)方式病毒營銷：網(wǎng)路電郵服務(wù)Hotmail的創(chuàng)始者史帝夫賈維森（Steve Jurvetson），以病毒營銷說明Hotmail成長背後的原理。每一次某位Hotmail使用者發(fā)出電郵，郵件最後都有一行暗示使用者背書的邀請：現(xiàn)在就到Hotmail申請

22、你自己的免費電郵帳號。網(wǎng)路科技提升了口碑的製造、傳遞和回應(yīng)。除此之外，使用者感染的病毒，其實是一個概念：Hotmail是使用電郵的正確方式。在哪里申請域名 中國互聯(lián)網(wǎng)信息中心() 中國萬網(wǎng)( )注冊域名要考慮的問題例如：（網(wǎng)易netease，丁磊，1997）選用企業(yè)已有商標或企業(yè)名稱 (一個著名的域名如同一個著名的品牌、一個著名的商標一樣，具有無形資產(chǎn)價值。例如，是美國Microsoft公司的域名，是美國Intel公司的域名，是日本Sony公司的域名。)選擇簡單和易記易用的名字 域名的自我保護 SohuSinaAmazon Baidu M Z網(wǎng)站的評價方法 網(wǎng)站流程指標評價法 專家評價法 投票

23、選舉法 網(wǎng)絡(luò)影響因子分析法 信心構(gòu)建評價方法網(wǎng)站流程指標統(tǒng)計法 通過特定的統(tǒng)計、分析網(wǎng)站的瀏覽量。國際上著名的咨詢調(diào)查機構(gòu)如mediametri公司等采用獨立用戶訪問量指標來確定網(wǎng)站流量，并據(jù)此定期發(fā)布網(wǎng)站排名，國內(nèi)，如中國互聯(lián)網(wǎng)絡(luò)信息中心的第三方網(wǎng)站流量認證系統(tǒng)、網(wǎng)易中文網(wǎng)站排行榜也是采用網(wǎng)站流量指標排名方法。 專家評價 1999年11月，美國個人電腦雜志(PC Magazine)評出了本年度排名前100位的全美知名網(wǎng)站。在此次評選中，評委將此100網(wǎng)站按照網(wǎng)上求職、網(wǎng)上社區(qū)、網(wǎng)上娛樂等詳細分成20類，每類選出5個網(wǎng)站，由此產(chǎn)生全美100頂尖網(wǎng)站，在世界范圍內(nèi)產(chǎn)生一定影響。 CTC 中國競賽在線（http:/）于1999年10月舉辦的“99中國優(yōu)秀網(wǎng)站評選”，將網(wǎng)站分為10個類別：綜合與門戶、政府與組織、電腦與網(wǎng)絡(luò)、科技與教育、衛(wèi)生與健康、工業(yè)與商業(yè)、新聞與媒體、金融與證券、文娛與體育、生活與服務(wù)。初選由評選機構(gòu)選定20個以內(nèi)的候選網(wǎng)站，評選活動首先由公眾在網(wǎng)上投票并發(fā)表意見，最終結(jié)果則由