（來派代第1帖）從網(wǎng)店設(shè)計(jì)&用戶體驗(yàn)的著手來提高網(wǎng)店競爭力-電商營銷引流電商干貨

本文主題電商用戶體驗(yàn),電商攝影設(shè)計(jì),電商用戶體驗(yàn),電商網(wǎng)店設(shè)計(jì),電商營銷引流。

C2C網(wǎng)店的競爭力提現(xiàn)在幾點(diǎn)

（1）銷售的產(chǎn)品：產(chǎn)品本身的品質(zhì)；產(chǎn)品的市場容量和反映度；產(chǎn)品的價(jià)格

（2）信用

（3）網(wǎng)店的設(shè)計(jì)：良好的用戶體驗(yàn)；能提現(xiàn)網(wǎng)店的風(fēng)格特色

（4）完善的服務(wù)：售前；售后

（5）其他綜合的

從我們看的大部分網(wǎng)店在用戶體驗(yàn)上做的比較欠缺

表現(xiàn)在：

（1）布局混亂

（2）色彩、字體無規(guī)則

（3）缺少明顯的導(dǎo)航和搜索：這是電子商務(wù)用戶體驗(yàn)核心的2點(diǎn)

（4）根本沒考慮頁面的優(yōu)化：1張圖片300K擺在那里~~~客戶要在加載到什么時(shí)候？

（5）有考慮過用戶的舒適度嗎？

給大家看下我們團(tuán)隊(duì)5個(gè)月來在用戶體驗(yàn)方面的改進(jìn)；希望我們半年來的摸索能給大家?guī)硪欢◣椭?/p>

最新的界面請(qǐng)來：http://fanqies.taobao.com

（1）3月網(wǎng)店的界面

2月中旬開始正式運(yùn)營的網(wǎng)店

3月份的設(shè)計(jì)已經(jīng)

考慮到的：搜索；色彩統(tǒng)一；字體統(tǒng)一

沒有考慮到的：頁面的優(yōu)化；導(dǎo)航；用戶的舒適度

（2）4月的界面

大家是否考慮過網(wǎng)店名對(duì)用戶體驗(yàn)的影響？

我們之前的網(wǎng)店叫：CHANNELWHOS

現(xiàn)在改名叫：番茄。并且用綠色代替黑色作為網(wǎng)店的主色調(diào)

網(wǎng)店命名的出發(fā)點(diǎn)：通俗；易記；有一定內(nèi)涵的擴(kuò)展空間

所謂的內(nèi)涵都是我們自己去詮釋的，我們想怎么詮釋都可以

4月的改進(jìn)主要2點(diǎn)：色調(diào)；導(dǎo)航。

另外在：服務(wù)中心對(duì)服務(wù)信息的整合

（3）五月的省略

（4）六月的界面

改進(jìn)的：

用幻燈片集合了更多的圖片，減少頁面的屏數(shù)；

把首頁所有展示的圖片的大小壓縮了一半（效果上不會(huì)差太多）

（5）七月的界面

改進(jìn)：

在風(fēng)格的色調(diào)和字體統(tǒng)一上更近一步；

增加的產(chǎn)用的鏈接導(dǎo)航

優(yōu)化了服務(wù)中心的信息整合

....

上面說的比較簡單

下面提供給大家一些思路

1.網(wǎng)店的風(fēng)格：

(1)建議用統(tǒng)一的一種顏色來體現(xiàn)網(wǎng)店的風(fēng)格

(2)盡可能地簡潔，能省去的就省去

(3)注意字體的統(tǒng)一；文字大小的統(tǒng)一。字體是不能亂用的；文字的大小也不是隨心所欲的

2.突出導(dǎo)航和搜索

3S法則：3秒內(nèi)用戶要找到導(dǎo)航和搜索在哪里（就是：保證導(dǎo)航和搜索在用戶的視覺范圍內(nèi)）

3.信息的整合（07.21更新）

（1）服務(wù)中心：用最簡潔的語言把網(wǎng)店的服務(wù)信息整合在里面。包括：售前、發(fā)貨、退換、聯(lián)系等等

（2）突出：活動(dòng)信息；優(yōu)惠信息；熱銷款信息等等

（3）除了上面的之外，你還可以更進(jìn)1步：將客戶潛在可能需要的信息就行整合，隨時(shí)提供給客戶參考。這樣做對(duì)客戶的吸引力是無法抵抗的。比如我們賣帆布鞋的，一個(gè)客戶詢問尺碼的問題，我們馬上給客戶一個(gè)尺碼對(duì)照表的鏈接；客戶咨詢要怎么搭配帆布鞋，再甩給一個(gè)鏈接；如果你是客戶，你不會(huì)被吸引碼？

4.頁面的優(yōu)化

很重要

本人從事網(wǎng)絡(luò)工作7年來慢慢明白的這個(gè)最重要卻最容易被忽略的。

大家隨便打開一個(gè)網(wǎng)店，一張圖片300K的多的事；10張就是將近3M了。。。中國的帶寬還沒那么快

客戶要等到什么時(shí)候圖片能加載好？客戶會(huì)給你機(jī)會(huì)嗎？

頁面優(yōu)化的原則：

（1）盡可能地減小圖片的大??；直接的方法是：用壓縮格式；減小分辨率；減小像素

（2）能不用的圖片就不用；

（3）用文字來代替圖片（朝DIV+CSS方向邁進(jìn)是需要的）（這點(diǎn)我們還沒開始做，在計(jì)劃中）

其他更新：

風(fēng)格大致已經(jīng)成型，接下來的工作主要

（1）對(duì)導(dǎo)航的改進(jìn)。我們想打算利用幫派等將一些客戶潛在需要的信息進(jìn)行整合，方便用戶的購買。

（2）單頁面以及寶貝詳細(xì)頁面加入搜索

（3）繼續(xù)做頁面的優(yōu)化。幾大塊：首頁、寶貝略縮圖、寶貝詳細(xì)頁面；用DIV來布局代替圖片

先這樣~~~內(nèi)容發(fā)完后會(huì)繼續(xù)完善~~~有需要咨詢的可以回帖~~

幕思城為您更新最近最有用的電商資訊、電商規(guī)則電商用戶體驗(yàn),電商攝影設(shè)計(jì),電商用戶體驗(yàn),電商網(wǎng)店設(shè)計(jì)電商營銷引流。了解更多電商資訊、行業(yè)動(dòng)向，記得關(guān)注幕思城！

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。