網站亮點研究之凡客誠品 如何做好使用者體驗

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

1、和大多數B2C網站一樣，凡客成品也使用了網站三色一主原則，用了一個暗紅色做為主打顏色，給網站定位了基調，同時將登陸和註冊放到了LOGO下方，讓消費者感覺被重視和被尊重， 這裡順便也提一下本文章是昆明網站建設公司-昆明多彩科技原創，也請尊重我們一下，轉載也注明是出自www.kmwzjs.com。

2、眼下智慧手機盛行，手機上網已經成了潮流，凡客誠品順應潮流(同時也符合自己的一貫時尚形象)，將手機凡客放到了右側較醒目的位置，400電話加大、加粗、飄紅放在了右側第一黃金位置上， 理由很簡單的：大多數人還是會選擇電話諮詢和溝通。

3、對於凡客誠品這樣有著成千上萬商品的網站來說，怎麼樣順利找到消費者心目中理想的商品對網站來說是一個挑戰，這點不管是凡客誠品還是京東等B2C網站都在認真對待，而二者似乎都採用了同一種解決方案， 就是將搜索放到了LOGO後面的顯著位置，並且將左右刻意的留白，讓搜索顯得格外突出和醒目，讓人感覺在用百度等搜尋引擎一樣的簡潔和信任，同時將一些人性化體驗不良好的「高級搜索」去除，讓消費者更願意去使用不用動腦筋的搜索功能; 購物車這個必備的工具箱放到了右側的位置上，遵循了一些網站的設計常規：工具類的應用一般都在右側方，從水平線看，從左至右依次是：註冊/登陸->搜索(找商品)->購物車(購買商品並結算)， 也暗示了在網站消費購物的流程亦是如此，設計上可謂煞費苦心。

4、按照一般消費者的心理設計網站的導航，將產品類別直接擺放到導航上面，而不放一些「關於我們」、「怎麼購物」等實際意義不大的導航，京東在這點上做的不如凡客誠品，同時在主要導航下方細化了商品分類，加入了運動、短褲、 化妝品等小分類，這點設計也是充分從消費者的心理來考慮的，消費者可以不用將視線移動到往下的頁面，可以直接在導航上找尋到自己想要的商品類別，而大家的消費習慣也是先瞭解商品大類，然後再瞭解裡面的小分類的。

5、導航設計簡約而不簡單，力求通過導航展示網站的所有內容，這一點和京東的產品分類設計很類似，也是我們製作B2C網站應該借鑒的地方，通過下圖我們可以回味一下。

凡客誠品的彈出界面：

京東的商品分類彈出類別介面：

6、這點設計的出發點和主導航一致，但是又不盡相同，因為主導航是從消費者的心理來出發，而這個設計是從網站展示角度來製作的，對於消費者瞭解整個網站的熱門產品類別和主推產品類別有説明，引導消費者進行消費。

7、這個技術已經被越來越多的B2C網站採用，我暫時稱之為google延遲載入圖片技術(因為最開始是出現在google的圖片搜尋結果頁面)，表現方式就是一個長度很長的網頁上只在流覽者可見的區域顯示圖片， 當流覽者拉動捲軸到下面的區域(或者之前沒看過的頁面區域)，對應的網頁區域圖片才開始載入顯示，這種技術優點是可以顯著提供網站的打開速度，並減少網站web伺服器的負載。

8、通過圖示的形式直觀的將網站的交易優勢體現出來，衝擊眼球，增強信任感。

9、在顏色等肉眼容易識別的商品屬性方面採用了縮略圖直接呈現的形式，直觀明瞭。

10、抓住消費者心理，優惠提示隨時在刺激我們的眼球。

11、這個看似簡單的設計卻隱藏著一個人性化體驗的精心構思，亞馬遜商城也採用了這個設計，我們回顧一下：

凡客誠品：

亞馬遜：

12、讓消費者的評論變的更有價值(是讓正在瞭解該商品或者準備購買的消費者最終決定購買該商品的殺手鐧)，而不是簡單的留言和管理員回復那麼簡單，這點也在很多大型的網站上使用。

凡客誠品：

京東：

最後聲明：本文章是昆明網站建設公司-昆明多彩科技原創，也請尊重我們一下，轉載也注明是出自www.kmwzjs.com。