2019年是您剛入手獨立站的第一年嗎？

或者是您已經做了獨立站有幾個年頭了，那從您建站到現在您知道都發生了哪些變化嗎？

無論您是新手，還是已經有了幾年的電商經驗賣家，都應該需要知道現在電商網站必須首先針對移動設備進行設計，因為現在大多數網站都會從移動設備獲得70%甚至更多的流量。

無論你選擇何種方式搭建自己的獨立站，都應該重點關注移動端的體驗。

針對移動端，目前流行的兩種方式，一種是自適應；一種是PC和移動端單獨設計。

1、自適應網站

自適應很好理解，用戶通過移動設備去訪問一個網站，網站會根據設備的大小自動調整為適應屏幕大小訪問的網站頁面。

自適應的優缺點，無需用到子域名，不論設備都是訪問www.xxx.com，體驗效果好，方便維護，但是不好控制，也無法個性化，如果是自己開發需要大量時間技術成本。

如目前比較流行的國外建站平臺。

2、分開設計網站

分開設計：單獨設計PC端和移動端，網站會自動判斷設備，當然兩個網站數據是同步的，PC端和移動端屬于不同的頁面，但數據庫完全一致。

優勢是可以針對移動端的網頁進行獨立個性化設計和優化界面，不受電腦端網站的約束，網站易于拓展和管理。

PC端和移動端域名分開，PC端域名為www.xxx.com移動端則是m.xxx.com

如目前國內領先的建站平臺Shopyy就是分開設計的。

例如：

• 
  

• 
  

  國內大型案例：m.jd.com、m.taobao.com、m.vip.com等等

• 
  

• 
  

  電商網站案例：m.shein.com、m.tmart.com、m.dear-lover.com等等

好了，聊完移動端呈現的兩種形式，我們接下來說說，為什么我們要如何做好移動端，提高移動端轉化需要遵循哪些原則。

第一、避免在主頁上播放長視頻

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

如果使用得當，視頻可以很好地引起用戶關注并激發他們的興趣。然而，無論您的視頻多么華麗，如果用戶需要點擊播放，大多數人做可能會忽略它。我研究過很多國外的網站許多都是自動播放的，視頻引用的是viemo或者是youtube上的，自動播放這是著陸頁視頻最有效的方式。

為什么？在訪客進入到網站這個階段，他們的注意力很短。用戶更有可能完全離開網站，而不是花時間觀看未知的視頻。

在開始時，您應該幫助用戶快速瀏覽，以便堅持使用簡短、靜音、自動播放、循環播放的視頻。通過這種方式，用戶可以獲得信息，而無需深入參與。在用戶更感興趣的時候，更長的視頻可以在網站的后期變得非常有用，以解釋諸如產品功能之類的東西。

evolve網站使用簡短的自動播放視頻來顯示產品使用群體和場景

第二、不要在主頁上添加多余內容

如果您已經通過各種艱難的營銷工作把用戶帶到了你的網站，并且你已經在網站準備好了容易引起用戶注意的標題或者圖片，那么你的下一步是什么？ 你要告訴用戶你們公司的介紹嗎？

這里要注意，用戶登錄頁面的時間越長，用戶關閉或者混淆的風險就越大。雖然用戶可以輕松滑動網頁，但如果內容與他們的需求沒有直接關系，他們很快就會停止繼續訪問下去。

無論何種設計，都要堅持“ 一頁一目的 ” 的規則。此頁面的目的是介紹您銷售的產品，并讓用戶查找這些產品。

您在頁面上放置的內容越多，您在主要操作中給用戶帶來的干擾就越多，以及您希望他們做的關鍵事情。移動用戶傾向于縮短會話并專注于一件事情上 -額外的內容無助于此。

第三、使用篩選過濾功能

當您的網站上面擁有龐大的產品數據時，過濾器對于幫助用戶找到所需產品非常重要。小編研究過大量的電商網站，絕大多數電子商務網站都在移動設備上疊加過濾器。當沒有足夠的可用空間展示時，添加過濾器是有道理的，但它確實意味著用戶不太可能真正看到它們。

正常情況，95％的用戶不會去修改默認值，這適用于列表頁面上查找產品打開過濾器菜單以選擇特定選項。這也是在移動設備體驗上非常重要的一個功能。

如果您的用戶進行過濾，那么他們就更有可能找到他們真正想要的產品。您在移動設備上遇到的挑戰是找到節省空間的方法。一種方法是在頁面中顯示最相關的過濾器類別，其中包含選項按鈕（請參閱下面的Macy）。點擊一個將加載應用了該過濾器的列表，此時下一個最相關的過濾器將顯示。

Macy網站將一些過濾器選項作為按鈕添加到頁面中。

Burberry使過濾器類別在頁面上下拉可見。

至少要確保您的按鈕到達完整的過濾器菜單顯示在列表頁頂端。它還應清楚地指示何時應用過濾器，以便用戶知道何時看到過濾后的結果。

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

大多數獨立站賣家網站上列表頁面都會嘗試在屏幕上同時顯示許多產品。因此，產品圖像往往非常小（這就是為什么它們傳統上稱為縮略圖）。

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

你甚至可以在手機上擁有大圖像。像微信朋友圈一樣顯示小圖，點擊圖片會放大。

Airbnb有大圖像可以滾動（左）。

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

通常一個產品都會有不同細節的展示圖片，例如服飾在詳情頁縮略圖中會有多張照片，并帶有一個雙向箭頭來提醒用戶滑動它們。

第五、將產品選項顯示為按鈕

您會發現許多產品都有各種變化，如顏色、尺寸、材料或其它。產品詳細信息頁面是用戶最終做出選擇的地方。為了使選擇更容易，您應該避免在下拉菜單中轉儲這些選項。

它們應該是可視按鈕，以幫助用戶查看所有選項，并且他們應該在變化意味著價格變化時明確顯示。

如果變體選擇產品的外觀（例如顏色），那么選擇它應該更新主產品圖像。這使用戶可以更直接的了解需要訂購的產品。

JohnLewis（左）的產品顏色為帶有視覺指示的按鈕。

耐克（右）公開所有尺寸選項并禁用不可用的尺寸。

另一個好處是，通過禁用某些按鈕，用戶可以一目了然地看到哪些規格缺貨。同樣，這會保存滾動選項下拉列表。

在尺寸選擇方面，最好沒有默認尺寸。如果有用戶可能最終添加默認值而不是他們想要的默認值。這可能會導致您獲得大量退貨和客戶的心情大減。

第六、可以省略分享按鈕

Facebook，Twitter，Pinterest，Instagram，LinkedIn，Snapchat。您的用戶可能會在一個或多個社交網絡中閑逛。那么你應該在產品詳情頁面上給他們分享按鈕嗎？

許多電子商務網站仍然提供這些小圖標，希望它能鼓勵人們在網絡上推廣他們的商品。不幸的是，他們幾乎肯定是浪費時間。

沒有人點擊它們。根據一項研究，實際上有0.2％的人這樣做。它也可能看起來像一段代碼，但它帶來了許多額外的東西，會降低你的頁面速度。

付費用戶“有影響力人士”的崛起意味著現代用戶不再希望為沒有任何東西的品牌進行傳播。更多人愿意與朋友或家人私下分享。允許通過電子郵件或WhatsApp等即時消息服務分享的鏈接可能會更好。

第七、整合付款錢包

PayPal、AmazonPay、ApplePay和AndroidPay 等支付錢包服務正在增加。將它們視為電子商務結賬流程的選項越來越常見。事實上，他們可能會拋棄標準結賬，并可能完全使用信用卡和現金。

TamaraMellon（左）可以在購物籃和結賬時選擇ApplePay，PayPal和AmazonPay。

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

輸入密碼，指紋或面部掃描然后能夠立即完成結賬比填寫表格更方便。隨著電子商務由移動設備主導，提供簡單的支付，不涉及繁瑣的填表是必不可少的。

當然目前來說國內電商賣家獨立站尚未能達到這么先進的支付，或者極少數能開發，普遍是以PayPal支付方式為主。

純粹的易用性應該鼓勵更多用戶完成結賬。如果他們之前沒有聽說過您的品牌，那么如果支付作為最后一米也是中間人，用戶可能會覺得更安全，這也是提高付款成功率的一個安全保障。

第八、收貨地址自動定位國家

當用戶在下單購買產品的時候，需要填寫收貨人的地址，用戶可能需要花不少的時間去填寫，甚至有些因為不明白要怎么填寫而放棄下單。

在下單收貨地址方面，建議要能夠準確定位用戶的國家，甚至關聯到省份或者市區，讓用戶可以減少輸入，而是通過下拉選項進行選擇。

地址相關欄需要有醒目的提醒，對應的選項是填寫什么信息的，方便提醒用戶輸入。

上圖為Shopyy建站下單地址

如果您的獨立站移動端都滿足以上這些，相信您的移動端轉化訂單肯定會上好幾個檔次，當然如果要全部都實現，對于一個剛起步的自建站賣家來說，前期最重要還是引流，流量做起來了，有一定的數據沉淀以及穩定的訂單，再去優化也是OK的，畢竟優化成這樣是需要一定成本的。如果您擁有建站團隊，那么您是時候去考慮這些問題了，如果是第三方建站的，那么也可以作為您選擇建站平臺的參考。

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。