電商如何做好移動端優(yōu)化

本文主題淘寶,淘寶頁面,淘寶問答。

現(xiàn)在，隨著移動設(shè)備的興起，電商也逐漸的步入了移動端的時代，那么對于電商來說，移動端應該怎么去進行優(yōu)化才能夠有一個不錯的流量排名呢？想了解的可以來這一探究竟。

移動端的設(shè)計問題，其實已經(jīng)有不少大神說明了，但是本文依然有一些新鮮的觀點，特別關(guān)于跳失率的問題，鄙人深諳其中原理，分享一二，與朋友們交流。

說在前面的廢話：

由于90%的用戶已經(jīng)往移動端轉(zhuǎn)移，移動端的裝修視覺成為了店鋪的重中之重。盡管PC看起來更大氣，呈現(xiàn)效果更加完美，但是它已經(jīng)不是我們的主戰(zhàn)場。商家應該把90%的精力花在移動端。而移動端雖然看起來簡單，卻里面暗藏玄機，完全不是許多人臆想的那樣：移動不就是PC視覺的縮小版嗎。

這其中不僅僅是手機和電腦兩種展示器材的差異，用戶的習慣也是有所不同的，移動端的用戶，時間碎片化、隨時隨地化，因而他們本身沒有耐心，所以標題黨橫行。其次，移動端用戶喜歡手勢順勢滑動，如果不能抓住他們的注意力，就會被直接PASS。

要做好移動端需要從以下幾方面入手。

首圖展示

由于移動端進入寶貝詳情頁時，首圖的位置占據(jù)了全屏的二分之一，用戶需要下拉經(jīng)過標題、評價、店鋪信息、關(guān)聯(lián)寶貝、海報等過渡展示，才能進入寶貝的詳情頁面，所以對于許多用戶來說，他們養(yǎng)成了直接側(cè)滑首圖看產(chǎn)品的習慣，也就是說，如果首圖能夠吸引他們，就會往下看詳情頁面，反之則直接離開了。

這意味著，比之于PC端，首圖的重要性大大增加了，就像一篇文章，如果第一個段落讀起來索然無趣，再想吸引用戶閱讀第二段落就難了。那么針對移動端的這個特性，我們可以做哪些優(yōu)化呢?

首先，首圖位置其實是一個黃金位置，這個位置占屏比高，下面有標題、價格等產(chǎn)品信息(實際上就比較全面的介紹了這個產(chǎn)品)，用戶的眼球會集中在主圖本身。所以這個頁面用戶的停留時間一定是比較長的，然后主圖可以設(shè)置5張圖片，通過左右滑動可以切換。由于這個操作具有移動端的操作習慣(如手機程序的前進后退，通過滑動完成)，所以5張主圖的曝光展示，要比PC端高很多。

那么這5張主圖，就不能像PC那樣設(shè)置：第一張展示全面，其余四張展示細節(jié)。而是要充分利用每一張主圖，展示產(chǎn)品個性角度，以及特色，甚至在主圖上就可以做賣點分析，力求一針見血，抓住用戶的需求。其次，5張主圖在滑動完以后，會跳轉(zhuǎn)到詳情頁第一屏，所以怎么吸引用戶連續(xù)的滑動，把頁面看完，也是非常關(guān)鍵的。具體來說，我們可以通過各個頁面之間的關(guān)聯(lián)，如展示產(chǎn)品前、后、左、右”的角度，如陳列產(chǎn)品的賣點一、二、三、四”，通過關(guān)聯(lián)，讓用戶不知不覺已經(jīng)滑動完了5屏，跳轉(zhuǎn)到了詳情頁第一屏。

當然，最重要的是，5張主圖必須圖片清晰、展示美觀，細節(jié)突出……并且占屏的比例可以比PC端更大。

做好移動端的首圖，可以大大減少寶貝的跳失率，增加寶貝的停留時間和轉(zhuǎn)化率。也許一個寶貝當天看不出多大差別，但是一個店鋪的寶貝呢?一個月、一年呢?

區(qū)別于PC的個性瀏覽

移動端與PC的差異性是非常大的，這種差異原因無非來自于，展示器的尺寸和比例，看似是一個放大和縮小的事情，實際上，卻是兩種完全不同的視覺體驗。

豎屏

首先移動端和PC的屏幕比例是不同的，電腦多為寬屏，移動端手機多為豎屏，這意味著PC端橫著占完一屏圖案和文字，放到移動端，按比例縮小后，是占不完一屏的，所以直接從PC復制詳情頁到移動端，圖片文字看起來更小。而要解決這個問題，從根本上，設(shè)計要采用豎屏作圖。

而淘寶給我們做了一個很好的示范，淘寶二樓”的短視頻，全部用豎屏拍攝，對于用戶來說，這種感受是全新的，你不用解鎖旋轉(zhuǎn)屏幕，豎立拿著手機，就可以全屏看完視頻。

而切換到移動端的視覺上，我們就要采用豎屏的作圖思路。這里面有三個重要的要素：

一、所有圖片的設(shè)計盡量以16:9豎屏比例設(shè)計，產(chǎn)品的展示背景畫面減少，產(chǎn)品(或模特)占屏更大更集中。

二、圖片的設(shè)計一圖一主題。因為移動端沒有PC的屏幕大，一張圖基本上就占完了屏幕，所以最好一張圖要表達清楚一個完整的意思。

三、圖片使用上下分欄，與PC的寬屏不一樣，豎屏不能使用左文右圖的結(jié)構(gòu)，應該利用長度空間的富余，采用上下結(jié)構(gòu)，如上圖下文、上文下圖。

總之，豎屏是移動端與PC最大的區(qū)別之一，設(shè)計者要遵循豎屏的設(shè)計規(guī)則。

文案編排

由于移動端的手機屏幕較小，我們?nèi)绻裀C一個頁面的信息內(nèi)容，通過移動端使用一個屏幕展示出來，信息就會擁擠、文字會變小看不清楚，這就是移動端直接復制PC圖片視覺，最大的問題文案失效了。

而要解決這個問題，就需要我們對移動視覺的文案進行不一樣的設(shè)計編排。具體來說，需要遵循以下幾個原則：

放大標題，將圖片上的標題文字放大，起到一目了然，少文字概括總信息的作用。這樣可以增加對用戶的吸引力，即使用戶瀏覽匆匆一瞥，也知道你想表達什么。

減少文案內(nèi)容，文案貴在精不在多，移動端的文案尤其如此，文字太多，在一方小屏幕里，要么顯得過于細小，不便于閱讀，要么文字太多，影響了圖片的展示。

文字展示清晰，文案是視覺的重要部分，既是說明也是補充，而讓文案清晰展現(xiàn)也非常重要，這里首先要注意的是圖片背景，文字落腳處背景必須簡單干凈，利于文字的展現(xiàn)。其次，當需要長文字說明時，盡量多排，增大行距，以利于文字的清晰展示。

注意細節(jié)

事實上，無論我們在移動端如何呈現(xiàn)產(chǎn)品，通過產(chǎn)品所看到的細節(jié)都是比不上PC端的，所以放大產(chǎn)品細節(jié)，做細節(jié)特寫可以彌補這種不足，采用細節(jié)特寫+文案的編排，能夠迅速的抓住用戶的吸引力。當然，在進行設(shè)計時，還是要遵循豎屏的原則。

針對移動端的個性瀏覽，需要設(shè)計者打破原有的PC設(shè)計習慣，努力去挖掘移動端的視覺特性，以及用戶的瀏覽習慣。一切必須順著移動端特性來開展。其實移動端雖然屏幕變小了，但是聚焦性加強了，只要通過濃縮視覺內(nèi)容，合理的編排，其對用戶的視覺沖擊力，并不比PC端差。

形成閉環(huán)

由于移動端的屏幕較小，展示的頁面比較狹小集中，這可以帶來產(chǎn)品展示的聚焦效果，用戶觀看一個頁面會更加專注，但是同時，每個頁面對關(guān)聯(lián)產(chǎn)品的展示比PC端效果差，用戶非常容易從一個頁面直接跳失離開，所以形成移動端的瀏覽路徑閉環(huán)，是非常必要的。

具體可以從以下幾方面進行：

詳情頭部適當關(guān)聯(lián)

詳情頁的頭部可以適當?shù)姆抨P(guān)聯(lián)產(chǎn)品，方便用戶瀏覽時，獲取更多的其他產(chǎn)品信息，以增加用戶深度瀏覽，需要注意的是，詳情頭部的關(guān)聯(lián)產(chǎn)品不宜太多，否則需要用戶多次下拉，增加跳失率。

增加搭配推薦

在詳情頁中增加與寶貝相搭配的關(guān)聯(lián)產(chǎn)品，也可以增加用戶的瀏覽深度，減少跳失率。具體上，選擇的關(guān)聯(lián)寶貝要注意有明顯的搭配性，并且通過移動端編輯，能夠跳轉(zhuǎn)(直接從PC端復制是不能跳轉(zhuǎn)的)。

詳情頁長度適中

詳情頁的長度不宜太長，否則容易讓用戶在單個寶貝瀏覽上耗費大量時間，從而減少跳轉(zhuǎn)其他頁面的興趣。設(shè)計者可以根據(jù)生意參謀的寶貝分析工具，了解該類目用戶最喜歡的詳情長度。

詳情尾部個性推薦

詳情尾部的個性推薦對增加用戶二次寶貝瀏覽，起著關(guān)鍵性作用。一般而言，只要詳情頁長短適中，詳情頁本身富有一定的吸引力，用戶都會瀏覽到詳情頁的尾部，這時候尾部的關(guān)聯(lián)推薦，就起了非常重要的作用。

我們可以利用店鋪裝修智能版，聚星臺可以設(shè)定千人千面的關(guān)聯(lián)推薦，即關(guān)聯(lián)推薦會根據(jù)每個用戶的特性，千人千面?zhèn)€性展示，從而增加了用戶的點擊率。

菜單分類

當用戶進入店鋪后，菜單分類也是影響用戶繼續(xù)瀏覽的因素，怎么讓用戶一目了然的了解店鋪的商品分類?怎么讓用戶迅速找到自己想要的產(chǎn)品?菜單的分類設(shè)計，要站在用戶的角度，盡量減少專業(yè)名詞分類，或者模糊的劃分。

首頁規(guī)劃明確

首頁是移動端最大的二次承接頁面，首頁的排版設(shè)計，直接影響到用戶的留存。相比較于PC端的首頁，移動端首頁要花費更大的心思，增加對用戶的吸引力，首頁可以多放置一些熱銷款，并且通過裝修熱力圖，調(diào)整推薦高點擊率的產(chǎn)品。

同時也可以使用裝修智能版，利用千人千面的個性化首頁，采用不同的興趣展示吸引用戶，從而形成再次頁面跳轉(zhuǎn)。

總結(jié)：對于移動端來說，用戶瀏覽習慣隨意性強，時間碎片化嚴重，怎么根據(jù)用戶的瀏覽路徑，設(shè)計閉環(huán)以增加用戶的瀏覽深度，具有重要的意義。

看完了這些，大家對于移動端的優(yōu)化方法是不是有所了解了呢，Hi客也希望這篇文章能夠幫到各位正在移動端優(yōu)化的電商人哦。

幕思城為您更新最近最有用的電商資訊、電商規(guī)則淘寶,淘寶頁面淘寶問答。了解更多電商資訊、行業(yè)動向，記得關(guān)注幕思城！

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