網(wǎng)站亮點(diǎn)研究之凡客誠品（3）

來源：昆明多彩網(wǎng)絡(luò)公司 日期：2011-05-23 閱讀： 發(fā)表評論

 1、和大多數(shù)B2C網(wǎng)站一樣，凡客成品也使用了網(wǎng)站三色一主原則，用了一個(gè)暗紅色做為主打顏色，給網(wǎng)站定位了基調(diào)，同時(shí)將登陸和注冊放到了LOGO下方，讓消費(fèi)者感覺被重視和被尊重，這里順便也提一下本文章是昆明網(wǎng)站建設(shè)公司-昆明多彩科技原創(chuàng)，也請尊重我們一下，轉(zhuǎn)載也注明是出自www.osusoku.com。

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

3、對于凡客誠品這樣有著成千上萬商品的網(wǎng)站來說，怎么樣順利找到消費(fèi)者心目中理想的商品對網(wǎng)站來說是一個(gè)挑戰(zhàn)，這點(diǎn)不管是凡客誠品還是京東等B2C網(wǎng)站都在認(rèn)真對待，而二者似乎都采用了同一種解決方案，就是將搜索放到了LOGO后面的顯著位置，并且將左右刻意的留白，讓搜索顯得格外突出和醒目，讓人感覺在用百度等搜索引擎一樣的簡潔和信任，同時(shí)將一些人性化體驗(yàn)不良好的“高級搜索”去除，讓消費(fèi)者更愿意去使用不用動腦筋的搜索功能；購物車這個(gè)必備的工具箱放到了右側(cè)的位置上，遵循了一些網(wǎng)站的設(shè)計(jì)常規(guī)：工具類的應(yīng)用一般都在右側(cè)方，從水平線看，從左到右依次是：注冊/登陸->搜索（找商品）->購物車（購買商品并結(jié)算），也暗示了在網(wǎng)站消費(fèi)購物的流程亦是如此，設(shè)計(jì)上可謂煞費(fèi)苦心。

4、按照一般消費(fèi)者的心理設(shè)計(jì)網(wǎng)站的導(dǎo)航，將產(chǎn)品類別直接擺放到導(dǎo)航上面，而不放一些“關(guān)于我們”、“怎么購物”等實(shí)際意義不大的導(dǎo)航，京東在這點(diǎn)上做的不如凡客誠品，同時(shí)在主要導(dǎo)航下方細(xì)化了商品分類，加入了運(yùn)動、短褲、化妝品等小分類，這點(diǎn)設(shè)計(jì)也是充分從消費(fèi)者的心理來考慮的，消費(fèi)者可以不用將視線移動到往下的頁面，可以直接在導(dǎo)航上找尋到自己想要的商品類別，而大家的消費(fèi)習(xí)慣也是先了解商品大類，然后再了解里面的小分類的。

5、導(dǎo)航設(shè)計(jì)簡約而不簡單，力求通過導(dǎo)航展示網(wǎng)站的所有內(nèi)容，這一點(diǎn)和京東的產(chǎn)品分類設(shè)計(jì)很類似，也是我們制作B2C網(wǎng)站應(yīng)該借鑒的地方，通過下圖我們可以回味一下。

凡客誠品的彈出界面：

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

6、這點(diǎn)設(shè)計(jì)的出發(fā)點(diǎn)和主導(dǎo)航一致，但是又不盡相同，因?yàn)橹鲗?dǎo)航是從消費(fèi)者的心理來出發(fā)，而這個(gè)設(shè)計(jì)是從網(wǎng)站展示角度來制作的，對于消費(fèi)者了解整個(gè)網(wǎng)站的熱門產(chǎn)品類別和主推產(chǎn)品類別有幫助，引導(dǎo)消費(fèi)者進(jìn)行消費(fèi)。

7、這個(gè)技術(shù)已經(jīng)被越來越多的B2C網(wǎng)站采用，我暫時(shí)稱之為google延遲加載圖片技術(shù)（因?yàn)樽铋_始是出現(xiàn)在google的圖片搜索結(jié)果頁面），表現(xiàn)方式就是一個(gè)長度很長的網(wǎng)頁上只在瀏覽者可見的區(qū)域顯示圖片，當(dāng)瀏覽者拉動滾動條到下面的區(qū)域（或者之前沒看過的頁面區(qū)域），對應(yīng)的網(wǎng)頁區(qū)域圖片才開始加載顯示，這種技術(shù)優(yōu)點(diǎn)是可以顯著提供網(wǎng)站的打開速度，并減少網(wǎng)站web服務(wù)器的負(fù)載。

8、通過圖標(biāo)的形式直觀的將網(wǎng)站的交易優(yōu)勢體現(xiàn)出來，沖擊眼球，增強(qiáng)信任感。

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

10、抓住消費(fèi)者心理，優(yōu)惠提示隨時(shí)在刺激我們的眼球。

11、這個(gè)看似簡單的設(shè)計(jì)卻隱藏著一個(gè)人性化體驗(yàn)的精心構(gòu)思，亞馬遜商城也采用了這個(gè)設(shè)計(jì)，我們回顧一下：

凡客誠品：

亞馬遜：

12、讓消費(fèi)者的評論變的更有價(jià)值（是讓正在了解該商品或者準(zhǔn)備購買的消費(fèi)者最終決定購買該商品的殺手锏），而不是簡單的留言和管理員回復(fù)那么簡單，這點(diǎn)也在很多大型的網(wǎng)站上使用。

凡客誠品：

京東：

最后聲明：本文章是昆明網(wǎng)站建設(shè)公司-昆明多彩科技原創(chuàng)，也請尊重我們一下，轉(zhuǎn)載也注明是出自www.osusoku.com。