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

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

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

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

（2）信用

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

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

（5）其他綜合的

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

表現(xiàn)在：

（1）布局混亂

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

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

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

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

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

最新的界面請來：http://fanqies.taobao.com

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

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

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

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

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

（2）4月的界面

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

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

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

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

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

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

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

（3）五月的省略

（4）六月的界面

改進(jìn)的：

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

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

（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）突出：活動信息；優(yōu)惠信息；熱銷款信息等等

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

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

很重要

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

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

客戶要等到什么時候圖片能加載好？客戶會給你機會嗎？

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

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

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

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

其他更新：

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

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

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

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

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

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

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微.信號是為: msc496。