已收藏,可在 我的資料庫 中查看
關(guān)注作者
您可能還需要

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

跨境賣家為什么要做好移動端?提高移動端轉(zhuǎn)化需要遵循哪些原則?

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

2020年是你剛?cè)胧知?dú)立站的第一年嗎?或者是已經(jīng)做了獨(dú)立站有幾年的,那從你建站到現(xiàn)在你知道都發(fā)生了哪些變化嗎?

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

無論你選擇何種方式搭建自己的獨(dú)立站,都應(yīng)該重點(diǎn)關(guān)注移動端的體驗(yàn)。針對移動端,目前流行的兩種方式,一種是自適應(yīng);一種是PC和移動端單獨(dú)設(shè)計(jì)。

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

自適應(yīng)的優(yōu)缺點(diǎn),無需用到子域名,不論設(shè)備都是訪問www.xxx.com,體驗(yàn)效果好,方便維護(hù),但是不好控制,也無法個(gè)性化,如果是自己開發(fā)需要大量時(shí)間技術(shù)成本。我們接下來說說,為什么我們要做好移動端,提高移動端轉(zhuǎn)化需要遵循哪些原則。

避免在主頁上播放長視頻

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

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

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

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

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

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

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

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

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

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

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

使用篩選過濾功能

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

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

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

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

Macy的網(wǎng)站將一些過濾器選項(xiàng)作為按鈕添加到頁面中。Burberry使過濾器類別在頁面上下拉可見。

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

便于理解的圖片展示

大多數(shù)獨(dú)立站賣家網(wǎng)站上列表頁面都會嘗試在屏幕上同時(shí)顯示許多產(chǎn)品。因此,產(chǎn)品圖像往往非常小(這就是為什么它們傳統(tǒng)上稱為縮略圖)。

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

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

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

Airbnb有大圖像可以滾動(左)。Zara(右)在他們的列表上有全屏寬度圖像。

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

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

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

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

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

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

John Lewis(左)的產(chǎn)品顏色為帶有視覺指示的按鈕。耐克(右)公開所有尺寸選項(xiàng)并禁用不可用的尺寸。

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

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

可以省略分享按鈕

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

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

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

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

整合付款錢包

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

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

Tamara Mellon(左)可以在購物籃和結(jié)賬時(shí)選擇PayPal等快捷支付的功能。不過普遍獨(dú)立站還是以PayPal支付方式為主。

純粹的易用性應(yīng)該鼓勵(lì)更多用戶完成結(jié)賬。如果他們之前沒有聽說過您的品牌,那么如果支付作為最后一環(huán),選用安全可靠的付款方式,用戶可能會覺得更安全,這也是提高付款成功率的一個(gè)安全保障。

收貨地址自動定位國家

當(dāng)用戶在下單購買產(chǎn)品的時(shí)候,需要填寫收貨人的地址,用戶可能需要花不少的時(shí)間去填寫,甚至有些因?yàn)椴幻靼滓趺刺顚懚艞壪聠巍?

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

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

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

通過前文的介紹,大家是不是有了更深度的了解呢?希望前文所述的信息,可以幫助各位賣家有效的提升產(chǎn)品轉(zhuǎn)化率。想了解更多干貨,請關(guān)注SHOPYY平臺公眾號,文章持續(xù)更新中。

SHOPYY作為國內(nèi)SaaS模式自建站平臺,全中文后臺簡單易操作,只需商家提供域名,即可快速搭建好網(wǎng)站。并且SHOPYY平臺將為每個(gè)商家提供一對一資深顧問建站咨詢服務(wù),從點(diǎn)到面解決網(wǎng)站搭建過程中遇到的難點(diǎn)。

【SHOPYY全新SAAS模式,三秒自助建站】

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

訂閱號:每日推送干貨文章

SHOPYY:2020獨(dú)立站,如何做好移動端優(yōu)化?

公眾號:注冊和開通SHOPYY賬號

選擇SHOPYY,一鍵開啟跨境電商獨(dú)立站

【點(diǎn)擊鏈接】免費(fèi)試用

以上內(nèi)容屬作者個(gè)人觀點(diǎn),不代表雨果網(wǎng)立場!

相關(guān)標(biāo)簽:

分享到:

--
評論
最新 熱門 資訊 資料 專題 果園 標(biāo)簽 百科

收藏

--

--

分享
SHOPYY
分享不易,關(guān)注獲取更多干貨
日本三级香港三级人妇精品| 美女露出奶头扒开尿口免费网站| 亚洲另类无码专区丝袜|