由於90%的用戶已經往移動端轉移，移動端的裝修視覺成為了店鋪的重中之重。儘管PC看起來更大氣，呈現效果更加完美，但是它已經不是我們的主戰場。商家應該把90%的精力花在移動端。而移動端雖然看起來簡單，卻裡面暗藏玄機，完全不是許多人臆想的那樣：移動不就是PC視覺的縮小版嗎。
這其中不僅僅是手機和電腦兩種展示器材的差異，用戶的習慣也是有所不同的，移動端的用戶，時間碎片化、隨時隨地化，因而他們本身沒有耐心，所以標題黨橫行。其次，移動端用戶喜歡手勢順勢滑動，如果不能抓住他們的注意力，就會被直接PASS。
要做好移動端需要從以下幾方面入手。
首圖展示
由於移動端進入寶貝詳情頁時，首圖的位置佔據了全屏的二分之一，用戶需要下拉經過標題、評價、店鋪信息、關聯寶貝、海報等過渡展示，才能進入寶貝的詳情頁面，所以對於許多用戶來說，他們養成了直接側滑首圖看產品的習慣，也就是說，如果首圖能夠吸引他們，就會往下看詳情頁面，反之則直接離開了。
這意味著，比之於PC端，首圖的重要性大大增加了，就像一篇文章，如果第一個段落讀起來索然無趣，再想吸引用戶閱讀第二段落就難了。那麼針對移動端的這個特性，我們可以做哪些優化呢？
首先，首圖位置其實是一個黃金位置，這個位置佔屏比高，下面有標題、價格等產品信息（實際上就比較全面的介紹了這個產品），用戶的眼球會集中在主圖本身。所以這個頁面用戶的停留時間一定是比較長的，然後主圖可以設置5張圖片，通過左右滑動可以切換。
由於這個操作具有移動端的操作習慣（如手機程序的前進後退，通過滑動完成），所以5張主圖的曝光展示，要比PC端高很多。那麼這5張主圖，就不能像PC那樣設置：第一張展示全面，其餘四張展示細節。而是要充分利用每一張主圖，展示產品個性角度，以及特色，甚至在主圖上就可以做賣點分析，力求一針見血，抓住用戶的需求。其次，5張主圖在滑動完以後，會跳轉到詳情頁第一屏，所以怎麼吸引用戶連續的滑動，把頁面看完，也是非常關鍵的。具體來說，我們可以通過各個頁面之間的關聯，如展示產品“前、後、左、右”的角度，如陳列產品的賣點“一、二、三、四”，通過關聯，讓用戶不知不覺已經滑動完了5屏，跳轉到了詳情頁第一屏。
當然，最重要的是，5張主圖必須圖片清晰、展示美觀，細節突出……並且佔屏的比例可以比PC端更大。
做好移動端的首圖，可以大大減少寶貝的跳失率，增加寶貝的停留時間和轉化率。也許一個寶貝當天看不出多大差別，但是一個店鋪的寶貝呢？一個月、一年呢？
區別於PC的個性瀏覽
移動端與PC的差異性是非常大的，這種差異原因無非來自於，展示器的尺寸和比例，看似是一個放大和縮小的事情，實際上，卻是兩種完全不同的視覺體驗。
豎屏
首先移動端和PC的屏幕比例是不同的，電腦多為寬屏，移動端手機多為豎屏，這意味著PC端橫著佔完一屏圖案和文字，放到移動端，按比例縮小後，是佔不完一屏的，所以直接從PC複製詳情頁到移動端，圖片文字看起來更小。而要解決這個問題，從根本上，設計要採用豎屏作圖。
而淘寶給我們做了一個很好的示範，“淘寶二樓”的短視頻，全部用豎屏拍攝，對於用戶來說，這種感受是全新的，你不用解鎖旋轉屏幕，豎立拿著手機，就可以全屏看完視頻。
而切換到移動端的視覺上，我們就要採用豎屏的作圖思路。這裡面有三個重要的要素：
一、所有圖片的設計儘量以16:9豎屏比例設計，產品的展示背景畫面減少，產品（或模特）佔屏更大更集中。
二、圖片的設計一圖一主題。因為移動端沒有PC的屏幕大，一張圖基本上就佔完了屏幕，所以最好一張圖要表達清楚一個完整的意思。
三、圖片使用上下分欄，與PC的寬屏不一樣，豎屏不能使用左文右圖的結構，應該利用長度空間的富餘，採用上下結構，如上圖下文、上文下圖。
總之，豎屏是移動端與PC最大的區別之一，設計者要遵循豎屏的設計規則。
文案編排
由於移動端的手機屏幕較小，我們如果把PC一個頁面的信息內容，通過移動端使用一個屏幕展示出來，信息就會擁擠、文字會變小看不清楚，這就是移動端直接複製PC圖片視覺，最大的問題——文案失效了。
而要解決這個問題，就需要我們對移動視覺的文案進行不一樣的設計編排。具體來說，需要遵循以下幾個原則：
放大標題，將圖片上的標題文字放大，起到一目瞭然，少文字概括總信息的作用。這樣可以增加對用戶的吸引力，即使用戶瀏覽匆匆一瞥 ，也知道你想表達什麼。
減少文案內容，文案貴在精不在多，移動端的文案尤其如此，文字太多，在一方小屏幕裡，要麼顯得過於細小，不便於閱讀，要麼文字太多，影響了圖片的展示。
文字展示清晰，文案是視覺的重要部分，既是說明也是補充，而讓文案清晰展現也非常重要，這裡首先要注意的是圖片背景，文字落腳處背景必須簡單幹淨，利於文字的展現。其次，當需要長文字說明時，儘量多排，增大行距，以利於文字的清晰展示。
注意細節
事實上，無論我們在移動端如何呈現產品，通過產品所看到的細節都是比不上PC端的，所以放大產品細節，做細節特寫可以彌補這種不足，採用細節特寫+文案的編排，能夠迅速的抓住用戶的吸引力。當然，在進行設計時，還是要遵循豎屏的原則。
針對移動端的個性瀏覽，需要設計者打破原有的PC設計習慣，努力去挖掘移動端的視覺特性，以及用戶的瀏覽習慣。一切必須順著移動端特性來開展。其實移動端雖然屏幕變小了，但是聚焦性加強了，只要通過濃縮視覺內容，合理的編排，其對用戶的視覺衝擊力，並不比PC端差。
形成閉環
由於移動端的屏幕較小，展示的頁面比較狹小集中，這可以帶來產品展示的聚焦效果，用戶觀看一個頁面會更加專注，但是同時，每個頁面對關聯產品的展示比PC端效果差，用戶非常容易從一個頁面直接跳失離開，所以形成移動端的瀏覽路徑閉環，是非常必要的。
具體可以從以下幾方面進行：
詳情頭部適當關聯
詳情頁的頭部可以適當的放關聯產品，方便用戶瀏覽時，獲取更多的其他產品信息，以增加用戶深度瀏覽，需要注意的是，詳情頭部的關聯產品不宜太多，否則需要用戶多次下拉，增加跳失率。
增加搭配推薦
詳情頁長度適中
詳情頁的長度不宜太長，否則容易讓用戶在單個寶貝瀏覽上耗費大量時間，從而減少跳轉其他頁面的興趣。設計者可以根據生意參謀的寶貝分析工具，瞭解該類目用戶最喜歡的詳情長度。
詳情尾部個性推薦
詳情尾部的個性推薦對增加用戶二次寶貝瀏覽，起著關鍵性作用。一般而言，只要詳情頁長短適中，詳情頁本身富有一定的吸引力，用戶都會瀏覽到詳情頁的尾部，這時候尾部的關聯推薦，就起了非常重要的作用。
我們可以利用店鋪裝修智能版，聚星臺可以設定千人千面的關聯推薦，即關聯推薦會根據每個用戶的特性，千人千面個性展示，從而增加了用戶的點擊率。
菜單分類
當用戶進入店鋪後，菜單分類也是影響用戶繼續瀏覽的因素，怎麼讓用戶一目瞭然的瞭解店鋪的商品分類？怎麼讓用戶迅速找到自己想要的產品？菜單的分類設計，要站在用戶的角度，儘量減少專業名詞分類，或者模糊的劃分。
首頁規劃明確
首頁是移動端最大的二次承接頁面，首頁的排版設計，直接影響到用戶的留存。相比較於PC端的首頁，移動端首頁要花費更大的心思，增加對用戶的吸引力，首頁可以多放置一些熱銷款，並且通過裝修熱力圖，調整推薦高點擊率的產品。
同時也可以使用裝修智能版，利用千人千面的個性化首頁，採用不同的興趣展示吸引用戶，從而形成再次頁面跳轉。
閱讀更多 濰坊網店運營小潘 的文章
