電商網(wǎng)站建設(shè)設(shè)計(jì)_電商網(wǎng)站建設(shè)設(shè)計(jì)的方法
隨著人們生活方式的轉(zhuǎn)變,電子商務(wù)在社會(huì)零售中所占的比例逐步上升,電商網(wǎng)站成為企業(yè)和小賣(mài)家以及站長(zhǎng)群體關(guān)注的熱點(diǎn),也成為大家的主要致富門(mén)路之一。那么電商網(wǎng)站如何設(shè)計(jì)呢?下面由學(xué)習(xí)啦小編為大家整理的電商網(wǎng)站建設(shè)設(shè)計(jì),希望大家喜歡!
電商網(wǎng)站建設(shè)設(shè)計(jì)
第一要點(diǎn)——響應(yīng)式設(shè)計(jì)
由于多數(shù)買(mǎi)家習(xí)慣使用手機(jī)購(gòu)物,因此電商網(wǎng)站設(shè)計(jì)一定要讓手機(jī)用戶(hù)的體驗(yàn)足夠好。一般可以通過(guò)三種方式實(shí)現(xiàn)這一點(diǎn)。第一是開(kāi)發(fā)APP,雖然現(xiàn)在APP制作費(fèi)用已經(jīng)大幅降低了,但是APP推廣費(fèi)用卻大幅上漲,很多企業(yè)投入幾百萬(wàn),也沒(méi)幾個(gè)真實(shí)活躍用戶(hù),推廣APP真的太難了,也許購(gòu)物網(wǎng)站使用APP來(lái)推廣的窗口已經(jīng)關(guān)閉了,除非你有幾十幾百億來(lái)強(qiáng)推。第二是另外制作手機(jī)網(wǎng)站,但是兩個(gè)網(wǎng)站涉及到兩個(gè)數(shù)據(jù)庫(kù),數(shù)據(jù)同步是個(gè)難題,解決它需要花費(fèi)不少費(fèi)用,而且兩個(gè)域名對(duì)百度SEO也不利。第三是響應(yīng)式設(shè)計(jì),一個(gè)網(wǎng)站針對(duì)訪(fǎng)客不同的設(shè)備提供相應(yīng)的排版界面,無(wú)論是PC訪(fǎng)客還是手機(jī)訪(fǎng)客都有好的用戶(hù)體驗(yàn),采用共用數(shù)據(jù)庫(kù)還避免了不同數(shù)據(jù)庫(kù)帶來(lái)的麻煩。
第二要點(diǎn)——清晰的導(dǎo)航設(shè)計(jì)
這需要區(qū)分商品類(lèi)別的多少。如果是大型網(wǎng)上商 城,商品類(lèi)別多,則需要有清晰的分類(lèi)導(dǎo)航與關(guān)鍵詞直接搜索(最好是有容錯(cuò)能力的模糊搜索),而且有些商品可以歸于幾個(gè)類(lèi)別,比如皮帶既是服裝類(lèi)也是禮品 類(lèi),黑木耳既是食品類(lèi)又是玩具類(lèi),為了庫(kù)存管理方便,不要重復(fù)發(fā)布,而是可以同時(shí)出現(xiàn)在幾個(gè)類(lèi)別。如果是帶一類(lèi)別的電商網(wǎng)站可以考慮采用地圖式導(dǎo)航,比如 童裝網(wǎng)站可以使用圖片導(dǎo)航,一個(gè)大男童代表大齡男童裝,一個(gè)小女童代表小齡女童裝,而一個(gè)baby則代表嬰兒服裝,點(diǎn)擊圖片或圖片旁邊的文字即可進(jìn)入相應(yīng)的類(lèi)別,圖片式導(dǎo)航的最大好處是方便用戶(hù)進(jìn)入其目標(biāo)類(lèi)別,縮短其判斷時(shí)間,減少不必要的思考,可以提升用戶(hù)體驗(yàn),尤其受到低齡及殘障人士歡迎。
第三要點(diǎn)——方便的圖片上傳更替
我們都知道圖片是電商網(wǎng)站提高轉(zhuǎn)化率的關(guān)鍵,而企業(yè)方或小賣(mài)家大多不會(huì)網(wǎng)站技術(shù),簡(jiǎn)單的FTP并 不方便,還是后臺(tái)上傳更受歡迎,在網(wǎng)站操作方面不能把用戶(hù)與網(wǎng)站設(shè)計(jì)師相提并論,一定要以用戶(hù)的能力來(lái)考慮網(wǎng)站設(shè)計(jì),而且圖片應(yīng)該可以采用替換和另行上傳 兩種解決方式,另行上傳需要做到保留先后的兩個(gè)圖片,以后還可以恢復(fù)使用舊圖片,而替換不但可減少網(wǎng)站程序大小,而且不用更改圖片路徑,有利于SEO。
第四要點(diǎn)——手機(jī)專(zhuān)用小圖片
由于手機(jī)存在流量的問(wèn)題,而PC端的圖片往往達(dá)到幾百K,大量圖片如果都下載會(huì)消耗很多流量,用戶(hù)體驗(yàn)不佳,使用手機(jī)專(zhuān)用小圖片則可以解決這個(gè)問(wèn)題,雖說(shuō)現(xiàn)在手機(jī)屏幕的分辨率已經(jīng)大幅上升,但畢竟物理尺寸較小,肉眼對(duì)大小尺寸圖片的感覺(jué)差異要小于PC端,所以綜合權(quán)衡還是采用手機(jī)專(zhuān)用小圖片的用戶(hù)體驗(yàn)更佳,至于移動(dòng)將來(lái)全面推行手機(jī)流量包月的時(shí)候再說(shuō)吧,估計(jì)那還且得等。
第五要點(diǎn)——SEO
做好文字鏈接,做好圖片的ALT標(biāo)簽,做好面包屑導(dǎo)航、標(biāo)題(title)與描述(description)、拒絕非必須彈窗、杜絕flash、JS與frame框架,采用CSS+div,精簡(jiǎn)代碼,刪除無(wú)效代碼,關(guān)鍵詞頁(yè)面自動(dòng)生成功能,以及開(kāi)設(shè)論壇,論壇不但可以留存和活躍用戶(hù)增加復(fù)購(gòu),而且可以提升SEO效果,但要注意不是什么行業(yè)都適合開(kāi)設(shè)論壇,比如戶(hù)外裝備電商網(wǎng)站與釣魚(yú)裝備電商網(wǎng)站就比較適合開(kāi)設(shè)論壇。
第六要點(diǎn)——數(shù)據(jù)處理能力
數(shù)據(jù)包括用戶(hù)數(shù)據(jù),如注冊(cè)、電話(huà)號(hào)碼、支付寶賬號(hào)、收貨地址、IM號(hào)碼、生日、購(gòu)物習(xí)慣等。
商品數(shù)據(jù)包括商品的類(lèi)別、與其他商品的關(guān)系(如類(lèi)似商品、配套商品)、商品銷(xiāo)量、成交價(jià)格、存貨量、銷(xiāo)售速率、利潤(rùn)率等。
數(shù)據(jù)報(bào)表自動(dòng)生成能力?這個(gè)涉及到商業(yè)秘密不便公開(kāi)了,總之這是電商網(wǎng)站設(shè)計(jì)的一個(gè)賣(mài)點(diǎn)。
第七要點(diǎn)——促銷(xiāo)方案預(yù)置
比如大轉(zhuǎn)盤(pán)、一元購(gòu)、減價(jià)季、預(yù)購(gòu)、眾籌、抵用卷、老用戶(hù)自動(dòng)返現(xiàn)金、點(diǎn)卡、通過(guò)分享找人代付、現(xiàn)金券分享之類(lèi)的。
第八要點(diǎn)——訪(fǎng)客統(tǒng)計(jì)功能
通過(guò)對(duì)訪(fǎng)客行為的分析,可以判斷出用戶(hù)對(duì)什么商品感興趣,又有什么商品雖然感興趣,但成交率低,然后可以針對(duì)性改變。
第九要點(diǎn)——均衡負(fù)載
一旦同時(shí)在線(xiàn)用戶(hù)達(dá)到好幾千,網(wǎng)站負(fù)擔(dān)就會(huì)很吃力,這時(shí)需要負(fù)載均衡才能保證網(wǎng)站不崩潰,避免流失顧客。至于帶寬倒是相對(duì)好辦,花錢(qián)提升服務(wù)器的帶寬就是了,服務(wù)器里面百度云阿里云和騰訊云都是很好的。
第十要點(diǎn)——可信度
可信度是電商的命脈,馬云做淘寶網(wǎng)靠?jī)纱蠓▽?,一是賣(mài)家免費(fèi),二是可信度,而可信度是靠支付寶和宣稱(chēng)全額賠償這兩大法寶。普通電商網(wǎng)站條件有限只能靠備案、公司實(shí)景圖、生產(chǎn)實(shí)景圖、媒體報(bào)道等方式。
電商網(wǎng)站建設(shè)設(shè)計(jì)的要素
1) 讀懂你的顧客
這個(gè)問(wèn)題看起來(lái)很白癡吧?但是很多電子商務(wù)網(wǎng)站都沒(méi)做到。弄懂顧客的情緒對(duì)于促使他們購(gòu)物非常的重要。 用戶(hù)是否會(huì)購(gòu)買(mǎi)某樣商品取決于商品描述和顧客所見(jiàn),如果你沒(méi)有展示出他們想知道的信息,這個(gè)單子就會(huì)像蝴蝶一樣飛走了。 Disney Store 就是一個(gè)很好的例子。這個(gè)網(wǎng)站設(shè)計(jì)師知道顧客都是小孩兒,所以他們將卡通人物放在網(wǎng)站首頁(yè)展示,這樣會(huì)給小女孩兒一種購(gòu)買(mǎi)的愿望。
2) 使用產(chǎn)品信息去抓住用戶(hù)
眾所周知,廣告會(huì)激發(fā)人們的購(gòu)買(mǎi)欲望,如果某樣?xùn)|西沒(méi)有被炒得火熱,人們是不愿意購(gòu)買(mǎi)的。所以產(chǎn)品信息必須在保證真實(shí)的基礎(chǔ)上,放大細(xì)節(jié),盡可能的誘人,這樣才能更有效的吸引顧客。 星巴克就是一個(gè)很好的例子【Caffe Vanilla Frappuccino Blended Beverage page】它的產(chǎn)品信息欄不僅有誘人的實(shí)體展示,有很多不同口味的飲品讓你選擇,這樣讓用戶(hù)有很大的選擇空間,用戶(hù)自然而然就會(huì)高興咯。
3) 用視頻代替觸摸
網(wǎng)購(gòu)最大的特點(diǎn)之一就是你沒(méi)法真實(shí)的觸摸到物品,你可能要說(shuō),沒(méi)關(guān)系,我的產(chǎn)品有很多圖片展示,我記得曾經(jīng)看過(guò)兩張照片,第一張是正面照,里面有一個(gè)很漂亮的模特穿了一件美美的小裙子,第二張是反面照,那個(gè)模特的背后密密麻麻的夾滿(mǎn)了夾子。這個(gè)例子告訴我們:平面的東西太不靠譜了。所以這時(shí)候你就要想一個(gè)新法子——用視頻代替實(shí)體店的觸摸。 采用視頻描述的方式可以減少用戶(hù)對(duì)產(chǎn)品的疑慮,它可以讓用戶(hù)看到產(chǎn)品最真實(shí)的一面,這個(gè)也幫助用戶(hù)堅(jiān)定了購(gòu)買(mǎi)此物的想法。 這種策略的第一個(gè)實(shí)行網(wǎng)站是亞馬遜,不用驚訝,因?yàn)閬嗰R遜是最成功的電子商務(wù)網(wǎng)站!(譯者:…全文都很平靜,作者在這里特地用了感嘆號(hào),可見(jiàn)他是多么的驕傲)而在亞馬遜里,All-New Kindle Paperwhite 是應(yīng)用視頻展示的最好的網(wǎng)頁(yè),當(dāng)用戶(hù)來(lái)到這個(gè)頁(yè)面,你會(huì)看到一個(gè)兩分半的視頻,詳細(xì)的展示了這一款商品。
4) 提供免運(yùn)費(fèi)服務(wù)
免運(yùn)費(fèi)是非常好的一種方法來(lái)提高你的網(wǎng)站盈利率,你想想,一個(gè)人來(lái)到你的網(wǎng)站,選好商品準(zhǔn)備付錢(qián),就在他準(zhǔn)備按”支付”按鈕的時(shí)候,突然一記驚雷在他的腦中響起:運(yùn)費(fèi)運(yùn)費(fèi)運(yùn)費(fèi)…我買(mǎi)個(gè)3塊錢(qián)的東西運(yùn)費(fèi)10塊,我有病? 有些東西不免運(yùn)費(fèi)是因?yàn)橐呀?jīng)打折,通過(guò)這一事實(shí)我們發(fā)現(xiàn):舍不得孩子套不著狼,只有免運(yùn)費(fèi)了,才能帶來(lái)更多的收益。 Zappos是Amazon旗下世界最大的網(wǎng)購(gòu)鞋子商城,同時(shí)買(mǎi)點(diǎn)兒衣服,提供無(wú)條件的免運(yùn)費(fèi)。
5) 放大折扣信息
一個(gè)優(yōu)秀的電子商務(wù)網(wǎng)站必須時(shí)時(shí)刻刻抓住用戶(hù)的眼球,所以你要在主頁(yè)上大肆宣揚(yáng)你的折扣信息,特價(jià)商品,讓用戶(hù)覺(jué)得錯(cuò)過(guò)這次后悔終生。 看看eToys.com的主頁(yè),大版面刊登折扣信息,,非常顯而易見(jiàn)。
6)提供盡可能多的支付方式
在網(wǎng)購(gòu)的過(guò)程中,用戶(hù)最討厭什么呢?我想其中之一肯定是支付方式少。你想想,當(dāng)你的顧客已經(jīng)準(zhǔn)備好付款了,但是你提供的支付方式他沒(méi)有,怎么辦? 支付方式并不僅僅意味著提供多樣的銀行卡,因?yàn)橛行╊櫩涂赡懿环判膫€(gè)人信息,所以那你最好也提供網(wǎng)絡(luò)支付方式比如pay pal。 參考一下 secure-payment page of SuitSupply,他們提供給顧客多種多樣的支付方式,不管用戶(hù)想用哪種,我都有~
7) 錢(qián)不是萬(wàn)能的,沒(méi)有錢(qián)是萬(wàn)萬(wàn)不能的
不想盈利的網(wǎng)站不是好網(wǎng)站,不想做多賺錢(qián)的設(shè)計(jì)師不是好設(shè)計(jì)師。不管在哪個(gè)行業(yè),盈利都是最重要的一個(gè)問(wèn)題。網(wǎng)頁(yè)設(shè)計(jì)師也要明白這一個(gè)道理,一旦你給顧客帶來(lái)了負(fù)面的購(gòu)物體驗(yàn),他們很難回頭了, 這就是你為什么要認(rèn)真設(shè)計(jì)網(wǎng)站的原因。
電商網(wǎng)站建設(shè)的注意點(diǎn)
1.電子商務(wù)網(wǎng)站在外觀設(shè)計(jì)時(shí)要注意整體的顏色搭配,切忌為了吸引瀏覽者而設(shè)計(jì)的眼花繚亂。往往簡(jiǎn)約清爽的風(fēng)格適合更多的電商網(wǎng)站,因?yàn)楦嗟臑g覽者訪(fǎng)問(wèn)網(wǎng)站是為了購(gòu)買(mǎi)產(chǎn)品,而非純欣賞網(wǎng)站。一旦網(wǎng)站設(shè)計(jì)的過(guò)于胡里花哨會(huì)使得消費(fèi)者摸不到頭腦,覺(jué)得太凌亂,不能很快找到自己想要的信息。
2.盡量使用白底黑字的呈現(xiàn)方式。現(xiàn)在很多電商網(wǎng)站喜歡使用背景色或者背景圖,而使得網(wǎng)站瀏覽起來(lái)非常的不適,尤其是看文字的時(shí)候。快商建站指出如果是為了烘托逢年過(guò)節(jié)的氣氛而設(shè)計(jì)的盡量是頭尾或者兩邊留白處,中間依舊是以白底黑子為主,又或者是淡淡的底色。這樣會(huì)讓瀏覽器的眼睛感覺(jué)更加的舒服。
3.廣告特效避免太多。為什么電商網(wǎng)站的首頁(yè)總是各種廣告的聚集地?無(wú)論是兩邊廣告、漂浮廣告、上下浮動(dòng)廣告等等。一進(jìn)去就會(huì)讓瀏覽者覺(jué)得很煩,因?yàn)閬y七八糟的東西太多了,影響到了瀏覽者的情緒。估計(jì)不少人也跟我一樣有關(guān)廣告的習(xí)慣,但是很多廣告關(guān)了還是會(huì)彈出,這個(gè)就會(huì)越發(fā)的遭到瀏覽者的反感。所以避免在首頁(yè)使用過(guò)多的廣告特效是很明智的做法,依舊建議廣告位設(shè)置更好。
4.在線(xiàn)咨詢(xún)的彈出影響用戶(hù)體檢效果。時(shí)不時(shí)的彈出一個(gè)在線(xiàn)客服是多么惱人的一件事,或許你在瀏覽某個(gè)產(chǎn)品的介紹時(shí)突然彈出,然后關(guān)掉了還會(huì)繼續(xù)彈出。這嚴(yán)重影響到了很多瀏覽器者的購(gòu)物欲,會(huì)使得很多人覺(jué)得這個(gè)網(wǎng)站怎么做成這樣,更有甚者會(huì)干脆關(guān)閉了瀏覽器等。圖層,摳水就結(jié)束。