2019年是您剛?cè)胧知?dú)立站的第一年嗎？

或者是您已經(jīng)做了獨(dú)立站有幾個(gè)年頭了，那從您建站到現(xiàn)在您知道都發(fā)生了哪些變化嗎？

無(wú)論您是新手，還是已經(jīng)有了幾年的電商經(jīng)驗(yàn)賣(mài)家，都應(yīng)該需要知道現(xiàn)在電商網(wǎng)站必須首先針對(duì)移動(dòng)設(shè)備進(jìn)行設(shè)計(jì)，因?yàn)楝F(xiàn)在大多數(shù)網(wǎng)站都會(huì)從移動(dòng)設(shè)備獲得70%甚至更多的流量。

無(wú)論你選擇何種方式搭建自己的獨(dú)立站，都應(yīng)該重點(diǎn)關(guān)注移動(dòng)端的體驗(yàn)。

針對(duì)移動(dòng)端，目前流行的兩種方式，一種是自適應(yīng)；一種是PC和移動(dòng)端單獨(dú)設(shè)計(jì)。

1、自適應(yīng)網(wǎng)站

自適應(yīng)很好理解，用戶(hù)通過(guò)移動(dòng)設(shè)備去訪(fǎng)問(wèn)一個(gè)網(wǎng)站，網(wǎng)站會(huì)根據(jù)設(shè)備的大小自動(dòng)調(diào)整為適應(yīng)屏幕大小訪(fǎng)問(wèn)的網(wǎng)站頁(yè)面。

自適應(yīng)的優(yōu)缺點(diǎn)，無(wú)需用到子域名，不論設(shè)備都是訪(fǎng)問(wèn)www.xxx.com，體驗(yàn)效果好，方便維護(hù)，但是不好控制，也無(wú)法個(gè)性化，如果是自己開(kāi)發(fā)需要大量時(shí)間技術(shù)成本。

如目前比較流行的國(guó)外建站平臺(tái)。

2、分開(kāi)設(shè)計(jì)網(wǎng)站

分開(kāi)設(shè)計(jì)：?jiǎn)为?dú)設(shè)計(jì)PC端和移動(dòng)端，網(wǎng)站會(huì)自動(dòng)判斷設(shè)備，當(dāng)然兩個(gè)網(wǎng)站數(shù)據(jù)是同步的，PC端和移動(dòng)端屬于不同的頁(yè)面，但數(shù)據(jù)庫(kù)完全一致。

優(yōu)勢(shì)是可以針對(duì)移動(dòng)端的網(wǎng)頁(yè)進(jìn)行獨(dú)立個(gè)性化設(shè)計(jì)和優(yōu)化界面，不受電腦端網(wǎng)站的約束，網(wǎng)站易于拓展和管理。

PC端和移動(dòng)端域名分開(kāi)，PC端域名為www.xxx.com移動(dòng)端則是m.xxx.com

如目前國(guó)內(nèi)領(lǐng)先的建站平臺(tái)Shopyy就是分開(kāi)設(shè)計(jì)的。

例如：

• 
  

• 
  

  國(guó)內(nèi)大型案例：m.jd.com、m.taobao.com、m.vip.com等等

• 
  

• 
  

  電商網(wǎng)站案例：m.shein.com、m.tmart.com、m.dear-lover.com等等

好了，聊完移動(dòng)端呈現(xiàn)的兩種形式，我們接下來(lái)說(shuō)說(shuō)，為什么我們要如何做好移動(dòng)端，提高移動(dòng)端轉(zhuǎn)化需要遵循哪些原則。

第一、避免在主頁(yè)上播放長(zhǎng)視頻

主頁(yè)就是門(mén)面，是一個(gè)容易讓人產(chǎn)生深刻印象的地方。許多做獨(dú)立站的賣(mài)家將資金投入到了高端攝影中，但你可以考慮在這里使用視頻炫耀產(chǎn)品或者將講述品牌故事。畢竟，視頻現(xiàn)在無(wú)處不在，特別是在社交媒體上。

如果使用得當(dāng)，視頻可以很好地引起用戶(hù)關(guān)注并激發(fā)他們的興趣。然而，無(wú)論您的視頻多么華麗，如果用戶(hù)需要點(diǎn)擊播放，大多數(shù)人做可能會(huì)忽略它。我研究過(guò)很多國(guó)外的網(wǎng)站許多都是自動(dòng)播放的，視頻引用的是viemo或者是youtube上的，自動(dòng)播放這是著陸頁(yè)視頻最有效的方式。

為什么？在訪(fǎng)客進(jìn)入到網(wǎng)站這個(gè)階段，他們的注意力很短。用戶(hù)更有可能完全離開(kāi)網(wǎng)站，而不是花時(shí)間觀看未知的視頻。

在開(kāi)始時(shí)，您應(yīng)該幫助用戶(hù)快速瀏覽，以便堅(jiān)持使用簡(jiǎn)短、靜音、自動(dòng)播放、循環(huán)播放的視頻。通過(guò)這種方式，用戶(hù)可以獲得信息，而無(wú)需深入?yún)⑴c。在用戶(hù)更感興趣的時(shí)候，更長(zhǎng)的視頻可以在網(wǎng)站的后期變得非常有用，以解釋諸如產(chǎn)品功能之類(lèi)的東西。

evolve網(wǎng)站使用簡(jiǎn)短的自動(dòng)播放視頻來(lái)顯示產(chǎn)品使用群體和場(chǎng)景

第二、不要在主頁(yè)上添加多余內(nèi)容

如果您已經(jīng)通過(guò)各種艱難的營(yíng)銷(xiāo)工作把用戶(hù)帶到了你的網(wǎng)站，并且你已經(jīng)在網(wǎng)站準(zhǔn)備好了容易引起用戶(hù)注意的標(biāo)題或者圖片，那么你的下一步是什么？ 你要告訴用戶(hù)你們公司的介紹嗎？

這里要注意，用戶(hù)登錄頁(yè)面的時(shí)間越長(zhǎng)，用戶(hù)關(guān)閉或者混淆的風(fēng)險(xiǎn)就越大。雖然用戶(hù)可以輕松滑動(dòng)網(wǎng)頁(yè)，但如果內(nèi)容與他們的需求沒(méi)有直接關(guān)系，他們很快就會(huì)停止繼續(xù)訪(fǎng)問(wèn)下去。

無(wú)論何種設(shè)計(jì)，都要堅(jiān)持“ 一頁(yè)一目的 ” 的規(guī)則。此頁(yè)面的目的是介紹您銷(xiāo)售的產(chǎn)品，并讓用戶(hù)查找這些產(chǎn)品。

您在頁(yè)面上放置的內(nèi)容越多，您在主要操作中給用戶(hù)帶來(lái)的干擾就越多，以及您希望他們做的關(guān)鍵事情。移動(dòng)用戶(hù)傾向于縮短會(huì)話(huà)并專(zhuān)注于一件事情上 -額外的內(nèi)容無(wú)助于此。

第三、使用篩選過(guò)濾功能

當(dāng)您的網(wǎng)站上面擁有龐大的產(chǎn)品數(shù)據(jù)時(shí)，過(guò)濾器對(duì)于幫助用戶(hù)找到所需產(chǎn)品非常重要。小編研究過(guò)大量的電商網(wǎng)站，絕大多數(shù)電子商務(wù)網(wǎng)站都在移動(dòng)設(shè)備上疊加過(guò)濾器。當(dāng)沒(méi)有足夠的可用空間展示時(shí)，添加過(guò)濾器是有道理的，但它確實(shí)意味著用戶(hù)不太可能真正看到它們。

正常情況，95％的用戶(hù)不會(huì)去修改默認(rèn)值，這適用于列表頁(yè)面上查找產(chǎn)品打開(kāi)過(guò)濾器菜單以選擇特定選項(xiàng)。這也是在移動(dòng)設(shè)備體驗(yàn)上非常重要的一個(gè)功能。

如果您的用戶(hù)進(jìn)行過(guò)濾，那么他們就更有可能找到他們真正想要的產(chǎn)品。您在移動(dòng)設(shè)備上遇到的挑戰(zhàn)是找到節(jié)省空間的方法。一種方法是在頁(yè)面中顯示最相關(guān)的過(guò)濾器類(lèi)別，其中包含選項(xiàng)按鈕（請(qǐng)參閱下面的Macy）。點(diǎn)擊一個(gè)將加載應(yīng)用了該過(guò)濾器的列表，此時(shí)下一個(gè)最相關(guān)的過(guò)濾器將顯示。

Macy網(wǎng)站將一些過(guò)濾器選項(xiàng)作為按鈕添加到頁(yè)面中。

Burberry使過(guò)濾器類(lèi)別在頁(yè)面上下拉可見(jiàn)。

至少要確保您的按鈕到達(dá)完整的過(guò)濾器菜單顯示在列表頁(yè)頂端。它還應(yīng)清楚地指示何時(shí)應(yīng)用過(guò)濾器，以便用戶(hù)知道何時(shí)看到過(guò)濾后的結(jié)果。

第四、便于理解的圖片展示

大多數(shù)獨(dú)立站賣(mài)家網(wǎng)站上列表頁(yè)面都會(huì)嘗試在屏幕上同時(shí)顯示許多產(chǎn)品。因此，產(chǎn)品圖像往往非常?。ㄟ@就是為什么它們傳統(tǒng)上稱(chēng)為縮略圖）。

然而，圖像是幫助用戶(hù)決定選擇哪種產(chǎn)品的關(guān)鍵部分。在許多情況下，它比任何文本都更能傳遞信息。服裝和家具等產(chǎn)品依賴(lài)于用戶(hù)對(duì)所提供的不同事物進(jìn)行主觀判斷。

你甚至可以在手機(jī)上擁有大圖像。像微信朋友圈一樣顯示小圖，點(diǎn)擊圖片會(huì)放大。

Airbnb有大圖像可以滾動(dòng)（左）。

Zara（右）在他們的列表上有全屏寬度圖像。

通常一個(gè)產(chǎn)品都會(huì)有不同細(xì)節(jié)的展示圖片，例如服飾在詳情頁(yè)縮略圖中會(huì)有多張照片，并帶有一個(gè)雙向箭頭來(lái)提醒用戶(hù)滑動(dòng)它們。

第五、將產(chǎn)品選項(xiàng)顯示為按鈕

您會(huì)發(fā)現(xiàn)許多產(chǎn)品都有各種變化，如顏色、尺寸、材料或其它。產(chǎn)品詳細(xì)信息頁(yè)面是用戶(hù)最終做出選擇的地方。為了使選擇更容易，您應(yīng)該避免在下拉菜單中轉(zhuǎn)儲(chǔ)這些選項(xiàng)。

它們應(yīng)該是可視按鈕，以幫助用戶(hù)查看所有選項(xiàng)，并且他們應(yīng)該在變化意味著價(jià)格變化時(shí)明確顯示。

如果變體選擇產(chǎn)品的外觀（例如顏色），那么選擇它應(yīng)該更新主產(chǎn)品圖像。這使用戶(hù)可以更直接的了解需要訂購(gòu)的產(chǎn)品。

JohnLewis（左）的產(chǎn)品顏色為帶有視覺(jué)指示的按鈕。

耐克（右）公開(kāi)所有尺寸選項(xiàng)并禁用不可用的尺寸。

另一個(gè)好處是，通過(guò)禁用某些按鈕，用戶(hù)可以一目了然地看到哪些規(guī)格缺貨。同樣，這會(huì)保存滾動(dòng)選項(xiàng)下拉列表。

在尺寸選擇方面，最好沒(méi)有默認(rèn)尺寸。如果有用戶(hù)可能最終添加默認(rèn)值而不是他們想要的默認(rèn)值。這可能會(huì)導(dǎo)致您獲得大量退貨和客戶(hù)的心情大減。

第六、可以省略分享按鈕

Facebook，Twitter，Pinterest，Instagram，LinkedIn，Snapchat。您的用戶(hù)可能會(huì)在一個(gè)或多個(gè)社交網(wǎng)絡(luò)中閑逛。那么你應(yīng)該在產(chǎn)品詳情頁(yè)面上給他們分享按鈕嗎？

許多電子商務(wù)網(wǎng)站仍然提供這些小圖標(biāo)，希望它能鼓勵(lì)人們?cè)诰W(wǎng)絡(luò)上推廣他們的商品。不幸的是，他們幾乎肯定是浪費(fèi)時(shí)間。

沒(méi)有人點(diǎn)擊它們。根據(jù)一項(xiàng)研究，實(shí)際上有0.2％的人這樣做。它也可能看起來(lái)像一段代碼，但它帶來(lái)了許多額外的東西，會(huì)降低你的頁(yè)面速度。

付費(fèi)用戶(hù)“有影響力人士”的崛起意味著現(xiàn)代用戶(hù)不再希望為沒(méi)有任何東西的品牌進(jìn)行傳播。更多人愿意與朋友或家人私下分享。允許通過(guò)電子郵件或WhatsApp等即時(shí)消息服務(wù)分享的鏈接可能會(huì)更好。

第七、整合付款錢(qián)包

PayPal、AmazonPay、ApplePay和AndroidPay 等支付錢(qián)包服務(wù)正在增加。將它們視為電子商務(wù)結(jié)賬流程的選項(xiàng)越來(lái)越常見(jiàn)。事實(shí)上，他們可能會(huì)拋棄標(biāo)準(zhǔn)結(jié)賬，并可能完全使用信用卡和現(xiàn)金。

TamaraMellon（左）可以在購(gòu)物籃和結(jié)賬時(shí)選擇ApplePay，PayPal和AmazonPay。

Gucci提供PayPal快捷支付的功能。

輸入密碼，指紋或面部掃描然后能夠立即完成結(jié)賬比填寫(xiě)表格更方便。隨著電子商務(wù)由移動(dòng)設(shè)備主導(dǎo)，提供簡(jiǎn)單的支付，不涉及繁瑣的填表是必不可少的。

當(dāng)然目前來(lái)說(shuō)國(guó)內(nèi)電商賣(mài)家獨(dú)立站尚未能達(dá)到這么先進(jìn)的支付，或者極少數(shù)能開(kāi)發(fā)，普遍是以PayPal支付方式為主。

純粹的易用性應(yīng)該鼓勵(lì)更多用戶(hù)完成結(jié)賬。如果他們之前沒(méi)有聽(tīng)說(shuō)過(guò)您的品牌，那么如果支付作為最后一米也是中間人，用戶(hù)可能會(huì)覺(jué)得更安全，這也是提高付款成功率的一個(gè)安全保障。

第八、收貨地址自動(dòng)定位國(guó)家

當(dāng)用戶(hù)在下單購(gòu)買(mǎi)產(chǎn)品的時(shí)候，需要填寫(xiě)收貨人的地址，用戶(hù)可能需要花不少的時(shí)間去填寫(xiě)，甚至有些因?yàn)椴幻靼滓趺刺顚?xiě)而放棄下單。

在下單收貨地址方面，建議要能夠準(zhǔn)確定位用戶(hù)的國(guó)家，甚至關(guān)聯(lián)到省份或者市區(qū)，讓用戶(hù)可以減少輸入，而是通過(guò)下拉選項(xiàng)進(jìn)行選擇。

地址相關(guān)欄需要有醒目的提醒，對(duì)應(yīng)的選項(xiàng)是填寫(xiě)什么信息的，方便提醒用戶(hù)輸入。

上圖為Shopyy建站下單地址

如果您的獨(dú)立站移動(dòng)端都滿(mǎn)足以上這些，相信您的移動(dòng)端轉(zhuǎn)化訂單肯定會(huì)上好幾個(gè)檔次，當(dāng)然如果要全部都實(shí)現(xiàn)，對(duì)于一個(gè)剛起步的自建站賣(mài)家來(lái)說(shuō)，前期最重要還是引流，流量做起來(lái)了，有一定的數(shù)據(jù)沉淀以及穩(wěn)定的訂單，再去優(yōu)化也是OK的，畢竟優(yōu)化成這樣是需要一定成本的。如果您擁有建站團(tuán)隊(duì)，那么您是時(shí)候去考慮這些問(wèn)題了，如果是第三方建站的，那么也可以作為您選擇建站平臺(tái)的參考。

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。