1、和大多數(shù)B2C網(wǎng)站一樣,凡客成品也使用了網(wǎng)站三色一主原則,用了一個(gè)暗紅色做為主打顏色,給網(wǎng)站定位了基調(diào),同時(shí)將登陸和注冊放到了LOGO下方,讓消費(fèi)者感覺被重視和被尊重,這里順便也提一下本文章是昆明網(wǎng)站建設(shè)公司-昆明多彩科技原創(chuàng),也請尊重我們一下,轉(zhuǎn)載也注明是出自www.kmwzjs.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.kmwzjs.com。
申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!