電子商務網站內容設計分析

/電子商務網站內容設計分析一、前言

隨著網上購物越來越普遍和流行，B2B模式，C2C模式在我國是快速發(fā)展，如阿里巴巴，淘寶，拍拍，及百度有啊的推出，電子商務被大眾越來越普遍提及，因此電子商務也是越來越受到企業(yè)和人們的關注，電子商務網站在我國是快速發(fā)展。電子商務網站主要面對供應商、客戶或者企業(yè)產品（服務）的消費群體，以供應某種直屬于企業(yè)業(yè)務范圍的服務或交易、或者為業(yè)務服務的服務或者交易為主的網站。依據(jù)電子商務模式可以分為：B2B、C2C、B2C等。二、調查時間：2010年10月18日———2010年10月26日調查對象：國內著名幾個電子商務網站：B2B模式1、阿里巴巴2、中國制造網3、環(huán)球資源4、數(shù)百億網5、慧聰網C2C模式1、淘寶2、拍拍3、百度有啊4、易趣網B2C模式家電數(shù)碼：京東商城、新蛋網、一點達、綠森數(shù)碼、世紀電器城家居擺設：多樣屋、九洲鹿美容護膚：致美網、NO.時尚廣場、果皮網、sasa莎莎服裝配飾：麥考林、凡客、馬薩瑪索、衣服網核心結論網頁內容設計需遵循下面五個規(guī)則：a.頁面易讀、b.簡潔閱讀、c.便利查找、d.風格布局保持一樣、e.頁面快速下載五、報告內容(通過對國內著名電子商務網站的分析)總結網站頁面建設閱歷，網頁內容設計需遵循下面五個規(guī)則：頁面易讀、簡潔閱讀、便利查找、風格布局保持一樣、頁面快速下載。規(guī)則一：頁面易讀可能你的目標用戶正在運用完全不同的電腦、顯示器、網絡連接，以及閱讀器。事實上，沒有人能夠精確知道潛在消費者是怎樣查看你的站點的，他們可能運用筆記本電腦、可能運用撥號連接或者高速連接、可能運用蘋果電腦，故站點設計者須要供應盡可能多的平臺、閱讀器，以及網絡速度。因此，作為一個通用的規(guī)則，在你向主要的站點書目提交你的站點之前，網頁中的每一項目都須要在主要的閱讀器和兩種電腦上時清楚易讀。下面列出了頁面易讀方面的微小環(huán)節(jié)：(1)你的站點設計者不該將你文本的字體設置得太小或者太大。假如站點是特地為視力損傷的客戶設計，那么文檔的字體大小應當進行相應地調整。(2)全部圖片中的文本都應當清楚易讀。高對比度的顏色，以及字體和字樣的選擇對于圖片的易讀性是特殊重要的。(3)文字的顏色也很重要，不要使背景的顏色沖淡了文字的視覺效果，一般來說，以淡色背景下的深色文字為佳。(4)為便利或快速閱讀可將網站的內容分欄設計，甚至雙欄也要比整整一頁的視覺效果要好許多。(5)運用詞語要正確得體，一個語法混亂、錯別字連篇的網站是不會受人歡迎的。對于電子商務網站也要考慮到鼓動性和吸引性的用語。(6)動畫都不應當動得太快，那樣會使你的目標客戶無法閱讀。假如你的目標用戶必需循環(huán)地看三遍甚至更多遍才能捕獲全部信息，那么動畫就是動得太快。(7)當你的站點設計或者再設計正處于模板階段，試著用不同的閱讀器、不同的平臺、不同的網絡連接查看。要留意IE6.0、IE7.0和Firefox對網頁顯示的不同，還要留意寬屏筆記本和窄屏，以及辨別率的差別的自適應性。(8)搜尋的HTML文檔必需在圖片開啟和圖片關閉的狀況下都能清楚易讀。這就意味著在制作HTML文檔、背景圖片和圖片中文本的時候，要運用對比度高的顏色。(9)站點設計者不該運用那些使你的文檔變得模糊的背景，或者那些給閱讀造成困難的顏色。規(guī)則二：簡潔閱讀“簡潔閱讀”意味著你的目標客戶在任何時候訪問站點都能知道他們所處的位置。假如他們迷路了，他們應當能去看看站點地圖、幫助部分、站點搜尋，或者從任何一個網頁到主頁。這可以讓閱讀者清楚，他們在哪兒，他們想去哪兒，以及他們曾經去過哪兒。站點書目的編輯者通常會考慮到你的目標客戶。假如專業(yè)的站點書目編輯者，通常是閱歷豐富的網絡運用者，當你在閱讀你的站點時遇到了許多困難，你的目標客戶就很可能也會在閱讀你站點時遇到同樣的問題。導航明確、導向清楚、運用便利。由于人們習慣于從左到右、從上到下閱讀，所以主要的導航條應放置在頁面左邊，對于較長頁面來說，在最底部設置一個簡潔導航也很有必要(只要兩項就夠了：主頁和頁面頂部)。確定一種你滿意的模式之后，最好將這種模式應用到同一網站的每個頁面，這樣，閱讀者就知道如何找尋信息。你文本鏈接的顏色應當被你的目標客戶所熟悉。藍色加下劃線的文本通常標記一個還未訪問的鏈接;紫色或褐紅色加下劃線的文本通常標記一個已經訪問過的鏈接。運用超文本鏈接或圖片鏈接，使人們能夠在網站上自如地前進或后退，而不要讓他們總是運用閱讀器上的前進或后退按鈕。鏈接文本的顏色最好用約定俗成的(未訪問為藍色，點擊過的用紫色或栗色);在全部圖片上ALT標識符注明圖片名稱或說明，以便那些不情愿自動加載圖片的用戶能夠了解圖片的含義;在每個頁面上都應供應“上一頁”“下一頁”“首頁”“回子書目”等超鏈接。你全部的超鏈接應當對你的目標客戶都很清楚。像閱讀按鈕或者文件制表符這樣的圖片應當明顯地標記出來，便利閱讀。正如站點設計的第一條規(guī)則中說的那樣，你的站點設計者應當選擇站點圖片的顏色、背景、紋理和特殊效果，這樣才能對主要的閱讀器、電腦屏幕，以及平臺來說都是清楚易讀的。許多站點設計者寵愛不在文本超鏈接上加下劃線。假如你設計的站點針對的用戶是有閱歷的網絡運用者，那么只要超鏈接文本是獨特的，這個設計技術就沒有問題。然而，假如你的目標用戶并沒有許多網絡閱歷，那么最好在超文本鏈接下面加上下劃線。規(guī)則三：便利查找網站供應的獨特的產品、服務，以及信息應當很簡潔地在你的目標用戶登錄站點后找到。一般來說，你的目標客戶不想在登錄你的主頁后四處找尋信息，人們情愿閱讀干脆包含他們找尋的信息的網頁。假如他們不能干脆去那些包含特定信息的網頁，他們往往要特殊不情愿地通過七八次的點擊才能找到信息。假如他們必需點擊更多次，可能就會灰心，然后離開你的站點。你的目標客戶在找到包含他們找尋的信息的網頁后，須要看到那些信息“在折疊的上方”或者是在屏幕的頂端。即使人們不能立即在屏幕的頂端看到你的產品或者服務，他們須要了解的搜尋內容就在這個特定的網頁上。因為人們不愿定會滾動網頁，以確認他們搜尋的信息在這個網頁上可以獲得。一個經常被問到的問題網頁就是一個那些站點設計者沒能很好地利用“在折疊的上方”策略的例子。比如說你將10個問題放在你的網頁上，而你的目標用戶找尋的信息是問題6的答案。假如你一個問題一個答案地進行排列，可能問題6就不在上面須要下拉，這簡潔讓人忽視，假如你將問題列在一起，然后供應超鏈接跳轉到答案，這樣就可以讓用戶第一眼就可以找到所須要的內容。你全部的FAQs網頁都應當依據(jù)這樣的格式排列。這個策略是很有利的，不僅因為對那些最終客戶有益，而且這種格式是搜尋引擎友好的布局。頂部或者尾部要放上相關的內容，如：“關于我們”的網頁或區(qū)域、“聯(lián)系我們”的網頁或區(qū)域、“地址”的網頁或區(qū)域等。潛在消費者找尋你的聯(lián)系信息和你公司的正確拼法檢查的最可能的地方就是“關于我們”網頁，因此，即使你在其他地方供應了聯(lián)系信息，但將這些信息放在“關于我們”部分也是一個好方法。尤其是在你把你的聯(lián)系信息放在尾部時，許多最終用戶是不會滾動到他們所看網頁的底部去查找信息的。規(guī)則四：風格布局保持一樣網站的風格和布局應當保持一樣。布局意味著在你的站點上欄目排布、導航、圖片和留白的位置。這是你放置你的文本、圖片以及閱讀內容的地方，是你屏幕中的“真正的財產”。布局設計的一樣性能夠幫助你的目標客戶在閱讀你的站點時，使他感覺和你做生意很舒適。設計意味著利用你的圖片、字體和樣式的特殊效果，以及你站點的顏色。在站點的設計過程中，有許多方面都是重復的。站點中的每一個網頁在主體文本、超鏈接，以及標題中運用的字體、樣式，以及顏色應當都是一樣的。假如站點中顯示你供應的產品的照片，那么照片的尺寸的差別應當很小。水平照片的尺寸都應當完全一樣，垂直照片的尺寸也應當完全一樣。假如你在產品照片中運用陰影效果，則你應當在全部的產品照片中都運用陰影效果。圖片和文本不該隨機地或者隨意地被擺放在網頁上。網頁上的每一個項目都應當和其他項目有視覺上的聯(lián)系。相關的項目，比如主導航欄和次導航欄應當放在一起，這樣它們就會被看作是聚集成組的而不是不相關的項目。兩個導航欄在視覺上的不同，在造成視覺上對比的同時也顯示了它們是怎樣聯(lián)系的。比如，主導航欄會用特殊的顏色被顯示在網頁的頂端，同時次導航欄會用不同設置的顏色在屏幕的左邊開啟，這些顏色設置和主導航欄協(xié)作得很好。最終客戶正在訪問的站點的那部分的主導航欄按鈕顏色會變更。當最終用戶點擊主導航欄的鏈接、次導航欄，或者子導航欄就會打開。子導航欄中的文本重復主導航欄中的文本，更進一步表明左邊的導航按鈕是主導航欄的子集。限制小片顯示最終客戶正在訪問的網頁。主標題表明最終用戶正在訪問的網頁，副標題強調站點這個部分的主要特色。副標題上的尖頭奇異地提示它們是超鏈接。網頁底端的文本鏈接和主導航欄按鈕對應，這些鏈接表明目標客戶已經訪問過的網頁。超鏈接的顏色和閱讀器默認的顏色相近，因為它不認為目標客戶像經常在網絡上工作的人那樣精通網絡。假如目標客戶迷路了，或者須要調整它們的位置，頁面切換圖片可以鏈接到主頁和站點地圖。導航欄的這個設置在每個網頁上都是一樣的。規(guī)則五：頁面快速下載我們都知道，頁面下載速度是網站留住訪問者的關鍵因素。假如5秒還不能打開一個網頁，一般人就會沒有耐性。頁面快速下載保證客戶能以最快地速度進出網站。我們生活在一個高節(jié)奏的時代，沒人樂意等待，互聯(lián)網也不例外。雖然互聯(lián)網速度較幾年之前已有了質的飛躍，但事實上技術進步再快，也趕不上人們的要求。所以千萬別試圖挑戰(zhàn)訪問者的耐性。一個網頁為什么須要花費很長時間下載，這是因為必需先下載一些附件，比如Flash、程序、圖片Shockwave或者特殊效果等等。假如想要“眩”你的網站，建議最多運用一到兩種特殊效果，那些使人紛繁蕪雜的圖片和圖標往往會分散訪問者對網站內容的留意力，要是這些圖片的下載速度再慢一點，很可能訪問者等不及它們完全打開就失去耐性了。運用較多上面的內容的網頁一般為視頻類或游戲類網頁，大多數(shù)的網頁不屬于“視頻游戲”的類別，所以最好縮小你的網頁，尤其是主頁的下載時間。應當時時提示自己，網站首頁就像一個廣告牌。當開車經過一個廣告牌時，沒有時間閱讀上面的詳細說明，也不行能贊許其困難的圖案，廣告標記從眼前一閃而過，必需在一瞬間給人留下印象。網上訪問者也是“一閃而過”，保證你的首頁簡潔而快速，放棄一切顯著減慢主頁速度的資料。要保持頁面下載速度的主要方法是讓網頁簡潔，只把最重要的信息支配在首頁，盡量避開運用過大的圖片，更應避開自動下載音樂或其他多媒體文件。這就要求主頁大小不應超過50KB。下面是一些通常削減你網頁下載時間的原則：(1)盡量少地運用Flash動畫：僅僅在你的站點最重要的部分吸引留意力的時候才運用動畫。即便要運用動畫，動畫的數(shù)據(jù)量也要盡可能地小。(2)遵循簡潔規(guī)則：你想要你的顧客留意到你站點上所供應的產品、服務和信息，而不是你站點的精致設計。(3)產品照片運用小圖片，被稱為“Thumbnails”：在你的產品網頁中，許多小圖片組成的圖庫下載起來要比整張的圖片快得多。在你的目標客戶產生愛好以后，再給他們查看大圖的機會。(4)為了更快地下載，總是從大圖片創(chuàng)建成單獨的、獨特的小圖片：全部的圖片都應當在圖像軟件中重新調整大小，而不是在HTML語言中。(5)盡可能地在你站點的多個網頁中運用相同的圖片：運用圖片的一樣性可以提高你介紹的連續(xù)性。比如說，在你站點的每一個網頁上都放上你的商標，這對閱讀和商標品牌都有好處，同時它還能幫助你的目標客戶了解他們始終在訪問的站點原委是誰的。商標圖片只須要下載一次，因為它會被儲存在閱讀器的高速緩沖存儲器中。當訪問者在你的站點中四處閱讀的時候，每個網頁中的新圖片都須要下載。下載時間不僅僅對于你的目標客戶來說特殊重要，而且對搜尋引擎的可視性來說同樣特殊重要。當搜尋引擎蜘蛛向你的服務器申請一個網頁的時候，假如下載時間太長，或者你的服務器不能很快地將網頁遞交給蜘蛛，那么搜尋引擎可能就不會將這個網頁加入到索引中。了解目標用戶中消費者的多樣性即不同的消費者可以容忍的下載時間是不同的。假如你是一個圖片設計站點或一個在線游戲站點，你的消費者很可能為了體驗你的創(chuàng)建性資源而等待網頁的下載。然而，假如你是向勞碌的制造商出售機器零件，訪問有價值信息的簡潔程序就應當是你主要關切的問題。這些準則是相互關聯(lián)的，理解這一點特殊重要。比如，假如說你的主頁在某個主要搜尋引擎中關于你的目標關鍵詞所排的位置是第一位，同時人們點擊鏈接訪問你的站點。假如你的站點設計者將大量的圖片、動畫，以及文字放在你的主頁，導致了下載速度放慢，那么大多數(shù)人就都不情