`視覺營銷“新商科”電子商務系列規劃教材項目六激發移動視覺沖擊力任務一認識移動端教學目標知識目標：了解移動互聯網思維。了解移動端信息特點。了解移動端用戶特點。了解移動端店鋪功能模塊了解移動端字號標準能力目標：能夠運用移動互聯網思維分析問題。能夠根據移動端信息特點與用戶特點進行視覺營銷策劃。能夠運用移動端店鋪功能模塊進行頁面板塊與信息設計。能夠根據移動端字號標準自如運用字號。授課提綱認識移動端項目導入移動互聯思維移動端信息特點移動端用戶特點移動端店鋪功能模塊移動端字號標準項目導入：2017貝貝母嬰研究院中國母嬰用戶消費分析報告項目背景：摘選2017貝貝母嬰研究院中國母嬰用戶消費分析報告如下：1消費者洞察2017母嬰消費者性別分布，10%男性，90%女性。由于母嬰用品的特性，女性依然是母嬰產品的購買主力。年齡分布占比為：80后占60%，90后占30%，其他占10%。購買人群年輕化是母嬰產品消費的基本特征。線上母嬰用品地域分布情況占比為：特級城市占9.5%，一線城市占14.7%，二線城市占21.4%，三線城市占21%，四線城市占13.5%，五線城市占15.4%，其他占4.6%。中國線上母嬰消費人群中，二、三線城市最多，一線城市、特級城市占比相對較少。各線城市2016年上半年、2017年上半年消費同比增長占比情況：一線城市占3%，二、三線城市占11%，四五線城市占17%。數據表明一線城市增長放緩，二、三線城市明顯增長，四、五線城市增長迅猛，母嬰市場渠道下沉。全國人均母嬰消費額Top10省份排名中，廣東、江蘇人均消費金額最高。主要原因是地區經濟實力強，電商普及率高，物流發達。認識移動端之項目導入項目導入：2017貝貝母嬰研究院中國母嬰用戶消費分析報告2用戶消費行為研究使用時段數據分布，第一波峰上午10:00,第二波峰下午3:00,第三波峰晚上10:00。最高峰值出現在晚上10:00，移動互聯網的發展使得用戶可以隨時隨地，利用碎片化時間瀏覽購物。全國對母嬰用品評論的關注度分布，沿海沿江一帶是對評論極度敏感地區；青藏、甘寧、貴州等省區對評論比較敏感區，其他地區對評論非常敏感區。主要是受互聯網評價體系形成一種購物習慣及購物不安全因素的影響。移動端成為下單主渠道，去中心化趨勢顯著，2016年移動端貝貝平臺下單91%，微信4%，PC端5%；2017年移動端79%，微信20%，PC端1%?，F狀分析：目標用戶群體的年輕化、購物時間碎片化、移動端購物主渠道等促成了在線母嬰產品消費的爆發。移動端設備與PC設備上的差異化與多樣化，移動端視覺營銷成為了商家競爭的必然陣地。需求引發：移動端消費的爆發，由于移動端的瀏覽特點，使得移動端頁面UI與PC端存在較大差異，面向移動端的店鋪、產品、活動等視覺營銷策劃成為商家的常務工作。項目載體：晡寶母嬰專營店。移動端用戶關注數3萬，全部寶貝數77件。主要經營紙尿褲、紙尿片、學步褲、奶瓶/水杯、哺寶配件。認識移動端之項目導入項目導入：2017貝貝母嬰研究院中國母嬰用戶消費分析報告概述：“世界上最遙遠的距離不是生與死，而是我在你身邊，你卻在低頭玩手機。”手機移動端的魔力，注意力經濟意味著眼球關注哪里，哪里就是機會。隨著通信網絡的升級，智能移動終端普及，人類的信息互聯入口正從PC端遷移到移動端。隨著移動支付體系完善，移動支付成為新消費主流，為老百姓衣食住行等生活場景支付帶來更加方便快捷的消費體驗，移動消費群體已經習慣于利用閑散的碎片化時間，通過手機實現隨時隨地快速消費、快速閱讀的多樣化場景空間消費方式。傳統中心電商正逐步演變分化，走向多元。許多店鋪手機端流量已超過PC端流量占比，更有很多店鋪手機端流量占比做到了80%以上，甚至有的店鋪專作移動端視覺設計、運營與推廣，完全弱化或取消了PC端。因此，如何設計優化移動端店鋪視覺差異化，增強買賣雙方的黏性，以此提升店鋪的轉化率？是當前很多賣家的一個戰略重點調整方向。認識移動端之項目導入2014年央視年度經濟人頒獎晚會上，董明珠與雷軍的10億賭局“5年內小米銷售額能否超過格力”。事件折射出傳統企業面對移動互聯網大潮的彷徨、困惑與受到的沖擊。外界評價小米奇跡是因為雷軍營銷的成功，而雷軍則歸功于“移動互聯網思維的勝利”。海爾張瑞敏“沒有成功的企業，只有時代的企業”。諾基亞時任董事會主席約瑪·奧利拉“我們沒有做錯什么，但不知為什么，我們輸了”。諾基亞并沒有做錯什么，只是世界變化太快，思維跟不上時代，自然被淘汰。認識移動端之移動互聯思維移動互聯思維1什么是移動互聯網思維移動互聯網思維是基于移動網絡的精準化思維，是一種多維網絡狀的生態思維，節點間彼此連接，形成大小不同的生態圈。不同生態圈之間彼此連接形成更大的生態圈，連接+圈子是構成的基本要素，去中心化+伙伴經濟是其典型特征，專業極致思維+小眾差異思維+零星碎片思維是其核心思維。認識移動端之移動互聯思維移動互聯思維2移動互聯網給營銷帶來的變化移動互聯網是PC端互聯網演進的高階。未來營銷不需要太多的渠道，只需要產品與品牌進入消費者的手機。因為消費者在各種碎片時間看手機。1）載體與形式發生變化電視、報紙變為手機、ipad、微博；書信、電話機變為微信；以前因需求而形成團隊，而今因興趣愛好組成團隊；消費者的消費習慣與使用行為在發生著改變。2）大數據精準營銷成為可能移動互聯網信息每兩年翻一番，呈幾何級數增長。大數據下是人“透明”的足跡，通過大數據整合、高速處理、精準分析可以還原人的行為。3）移動互聯網精準營銷成為必由之路移動互聯無處不在，信息越來越透明，精準營銷成為必然。認識移動端之移動互聯思維移動互聯思維3移動互聯網思維與互聯網思維的差異PC互聯網擁有數字土著80后、90后群體為主，而移動互聯網移民則含括了40后，50后，60后，70后，他們開始習慣通過手機、平板電腦與世界發生聯系。傳統互聯網遇上了瓶頸：以企業為中心的、滿足所有消費者需求的大而全、一站式購物體驗，與個性化需求產生的矛盾；傳統企業+互聯網平臺的簡單拼接與應情應景痛點需求的矛盾；互聯網時代專業化的嚴密分工不適應移動互聯網時代的個性化需求的自然競爭生態。用效果=質量*數量表示傳統思維、互聯網思維、移動互聯網思維在營銷方面的對比如下：1）傳統思維：營銷效果=成交率*溝通次數溝通次數，表示更多的與客戶見面，屬于電視廣告時代。2）互聯網思維：營銷效果=轉化率*流量流量，表示更多的客戶參與，點擊鏈接，屬于互聯網廣告時代。3）移動互聯網思維：營銷效果=適度影像*時空觸點時空觸點，表示在對的時空與客戶接觸，情感心靈的交互，屬于移動互聯網內容為王、社交為王時代。認識移動端之移動端信息特點移動端信息特點移動設備通過無線信號進行通信，隨時隨地，攜帶方便，但信道、設備存儲容量有限，限制了信息的傳遞與接收。主要特點：1）手機端流量限制，避免大數據量。2）手機尺寸限制，需要視覺焦點突出，信息表達簡潔明確。3）碎片化閱讀特點，需要內容新穎，易讀易感，適于快速傳播。4）手機信息縱向瀏覽特點，需要信息設計首尾呼應，目標指向清晰明確。5）手機尺寸限制，需要信息分類結構明晰，模塊劃分清晰，內容少而精，產品賣點區域清晰，圖片錯落有致。6）瀏覽面積小，視覺受限，需要色彩鮮亮動感，信息層次表達清晰。認識移動端之移動端信息特點移動端信息特點根據手機端信息通信特點，無線店鋪視覺設計需要注意的基本原則：1）強調觸摸感官的習慣性，點擊的對象要比鼠標點擊的對象尺寸大。2）手機屏幕距離人眼較近，盡可能讓產品的細節清晰，凸顯品質。3）手機屏幕尺寸限制，上下瀏覽的特點，盡可能每屏信息焦點集中，文案信息結構清晰，圖文主次分明，精準清晰，易讀易感，品質趣味等。4）流量限制，同時需要頁面加載速度快，加載圖片文件大小不宜太大。認識移動端之移動端用戶特點移動端用戶特點移動端用戶特點年齡跨度大、地域分布廣、教育程度跨度大，閱讀地點移動化、閱讀時間碎片化、信息傳播圈子化等特點，因此視覺營銷呈現內容化、社交化、生活化等特征。個性化是移動互聯網的時代標簽，粉絲經濟是移動互聯時代的王道。而個性化、粉絲經濟都要求商家更深層次的開發，與客戶合作、共贏。1個性化個性化大致兩個階段：自由組合；私人定制。自由組合階段時期，商家將底層需求模塊化，構件化，程序化，支持客戶快速搜索與分類，充分開放自己的產品庫，實現產品與客戶需求的快速匹配。如曾經在校園中非常流行的死飛自行車，不但可以在配件上可以實現DIY，同時實現個性化配置顏色。如圖6-1兩種配色方案圖。圖6-1個性化配色產品認識移動端之移動端用戶特點移動端用戶特點移動端用戶特點年齡跨度大、地域分布廣、教育程度跨度大，閱讀地點移動化、閱讀時間碎片化、信息傳播圈子化等特點，因此視覺營銷呈現內容化、社交化、生活化等特征。個性化是移動互聯網的時代標簽，粉絲經濟是移動互聯時代的王道。而個性化、粉絲經濟都要求商家更深層次的開發，與客戶合作、共贏。1個性化個性化大致兩個階段：自由組合；私人定制。自由組合階段時期，商家將底層需求模塊化，構件化，程序化，支持客戶快速搜索與分類，充分開放自己的產品庫，實現產品與客戶需求的快速匹配。如曾經在校園中非常流行的死飛自行車，不但可以在配件上可以實現DIY，同時實現個性化配置顏色。如圖6-1兩種配色方案圖。圖6-1個性化配色產品私人定制，是個性化需求的高級階段，以用戶為主導，用戶根據自己的需求進行定制，并主導整個開發過程。需要商家更深層次的開放，讓客戶了解越多，參與心越強、體驗感越好，效果越好。如浙江金華工商城有個性化定制一條街，依托市場優勢，傳統線下已經做了20多年的個性化定制，目前有一些店家也開始線上定制服裝。好幾家已經成長為專業化定制演出服、工作制服、禮服、唐裝等品牌店家。認識移動端之移動端用戶特點移動端用戶特點2粉絲經濟工業經濟時代，得渠道者得天下；互聯網時代，尤其移動互聯網時代，得粉絲者得天下。粉絲思維是用戶思維的進步，用戶思維講究的是用戶主體，而粉絲思維，是作為主體的用戶，部分讓渡思考主權，即把思考的權力部分讓渡給自認為信得過的人，個體只聽從就好。粉絲是品牌的忠誠客戶，是品牌的傳播者與捍衛者，是一群價值觀認同、品牌認同、產品認同的群體，是潛在的購買者、是最專業、最熱心、最挑剔的一幫用戶。粉絲是最優質的目標消費者，不僅會再三光顧，而且會通過各種社交媒體、甚至向陌生人講述推介，助力企業獲得爆炸性增長。如明星店鋪、網紅店鋪都是借助了粉絲的力量。根據移動端用戶特點，無線店鋪視覺設計需要注意的基本原則：1個性化需求。產品個性化突出，產品功能清晰、賣點獨特。2個性化定制。產品可以組合搭配，增添配件、功能等。3粉絲經濟。注重品牌培育，社交入口，會員制度等。4碎片化閱讀。頁面不能太長，視覺焦點不用太多，信息結構清晰，版塊特點明確，注重類目導航的設計。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊以手淘為項目載體，建議選擇chrome瀏覽器即Google瀏覽器，安裝好后，登錄淘寶賬戶，即可進入賣家后臺。1手機淘寶裝修入口進入淘寶網賣家中心，根據提示向導開啟“手機淘寶店鋪”裝修之旅。如圖6-2所示頁面左側單擊“手機淘寶店鋪”、“立即裝修”選項。彈出的如圖6-3所示“無線運營中心”頁面，單擊“店鋪裝修”“店鋪首頁”選項，進入“手機淘寶店鋪首頁”。圖6-2淘寶網賣家中心圖6-3無線運營中心認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊以手淘為項目載體，建議選擇chrome瀏覽器即Google瀏覽器，安裝好后，登錄淘寶賬戶，即可進入賣家后臺。圖6-4核心組件2手機淘寶裝修組件手機端店鋪裝修相對簡單。當進入手機淘寶裝修頁面后，頁面左側顯示各類別裝修組件，包括寶貝類、圖文類、營銷互動類組件等；中間是手機仿真模型區；右側是模塊參數編輯設置區。如圖6-4所示，單擊如圖所示三角形按鈕

，可列出各組件類別詳細條目。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊3寶貝類組件主要放置熱銷爆款寶貝，起到分類引導和寶貝歸類作用。具體包括智能雙列、智能單列寶貝、猜你喜歡、寶貝排行榜、視頻合集共5個模塊。系統自動預設好的模板尺寸，使用者只需選擇寶貝、添加標題和鏈接即可，圖片將根據已有寶貝主圖進行顯示，方便新店使用。如圖6-5所示。圖6-5寶貝類組件認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊4圖文類組件手機端店鋪首頁裝修中使用最多的模塊，文字和圖片的組合模塊，主要用于手機淘寶頁面添加焦點輪播圖、互動視頻、寶貝展示等，提供設計師更多的設計空間。具體包括視頻模塊、美顏切圖、定向模塊、動圖模塊、單列圖片模塊、雙列圖片模塊、智能海報、新老顧客模塊、輪播圖模塊、自定義模塊、多圖模塊、左文右圖模塊、標簽圖、輔助線模塊、標題模塊、文本模塊等。如圖6-6所示。圖6-6圖文類組件認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊7營銷互動類組件主要用于店鋪營銷，店鋪開展活動時發優惠券、紅包等，渲染店鋪活動氣氛。具體包括倒計時模塊、優惠券模塊、搭配套餐模塊、活動組件、電話模塊、會員卡模塊、店鋪后花園、淘寶群模塊。如圖6-7所示。圖6-7營銷互動類組件認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊6模塊裝修實操無線端首頁裝修目的是留住流量、轉化流量。因此店鋪裝修設計前首先做好整體規劃，實現合理的信息視覺分布，讓訪客輕松瀏覽跳轉想去的地方。無線端由于手機屏幕限制，首頁信息視覺呈現不宜太多太雜，添加最主要的幾個模塊即可。(1)手機淘寶首頁基本裝修流程手機淘寶首頁基本裝修流程：1)拖拽左側相關裝修組件至頁面中間的手機仿真模型后釋放；2)完成右側待編輯模塊區參數編輯、修改、上傳等基本操作；3)保存預覽發布。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊無線端首頁裝修模塊常見操作有添加、刪除、移動、編輯。1)添加模塊從左側裝修組件模塊區，選中并拖拽待添加模塊至中間手機仿真模型頁面的目標位置釋放鼠標后，即可在手機淘寶首頁成功添加指定模塊。刪除模塊手機仿真模型頁面中，單擊選中需要刪除的模塊，單擊刪除按鈕

即可；移動模塊手機仿真模型頁面中，單擊選中需調整位置的模塊，單擊上移按鈕

、下移按鈕

即可；4)編輯模塊右側模塊待編輯區域中，可設置各個模塊內容與屬性。開始手機淘寶首頁裝修實操前，首先熟悉手機淘寶裝修組件。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊(2)組件各模塊功能解析選取無線店鋪裝修過程中比較常用的幾個模塊進行操作演示。注意頁面中模塊總數不超過30個。1)寶貝類組件常用模塊智能單列寶貝模塊：用于無線端首頁以獨立方式呈現寶貝，最多可連續添加5個模塊，每個模塊最多可添加6個寶貝。無線頁面中單列寶貝模塊更占空間，推薦少用。成功添加模塊后，單擊選中模塊，頁面右側可設置模塊寶貝標題、標題鏈接、推薦類型、寶貝個數等選項。如圖6-8所示。圖6-8智能單列寶貝認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊智能雙列模塊：可使寶貝以雙列方式呈現，使用頻率較高，模塊數量可增加至6個，一個模塊最多可添加16個寶貝。成功添加模塊后，單擊選中模塊，頁面右側可添加寶貝圖片、模塊標題、標題鏈接等選項。如圖6-9所示。圖6-9智能雙列認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊猜你喜歡模塊：通過推薦算法計算出買家感興趣的商品，并以一行兩列方式呈現展示，不可編輯。如圖6-10所示。圖6-10猜你喜歡模塊寶貝排行榜模塊：用于顯示店鋪中寶貝的各種排行，如鉆石買家最愛、收藏排行、銷量排行的寶貝。成功添加模塊后，單擊選中模塊，頁面右側可編輯設置寶貝類目、關鍵字等。該模塊只限使用一次，當對寶貝排行榜類目進行選擇時，所選類目寶貝只有超過3個，此模板才能生效。如圖6-11所示。圖6-11寶貝排行榜模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊視頻合集：用于以視頻方式呈現寶貝。最少添加2個添加寶貝視頻，可設置默認樣式、官方推薦、自定義上傳三種方式。如圖6-12所示。圖6-12視頻合集認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊2)圖文類組件常用模塊視頻模塊:用于添加互動視頻，僅支持時長不超過120秒的視頻。在線制作新互動視頻、選擇現有互動視頻兩種方式。如圖6-13所示。圖6-13視頻模塊美顏切圖：智能旺鋪專用付款模塊，最多可以添加15個模塊；單個切圖模塊最多可添加50個熱區并設置鏈接，服務費為千元左右每年。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊新老客模塊：將新老顧客情況分流到更精準無線頁面中營銷，更好地提高個性化運營能力。不同客戶呈現不同的圖片與鏈接，圖片尺寸為608px×336px。如圖6-14所示。圖6-14新老客模塊動圖模塊：智能旺鋪專用，付款模塊。添加圖片、設置轉場動畫、添加鏈接三個步驟。如圖6-15所示。圖6-15動圖模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊標題模塊：用于手機淘寶頁面中添加有鏈接的文本信息，拖拽指定模塊到頁面中后，右側模塊編輯區域輸入文本（限制20個文字）、設置鏈接即可。如圖6-16所示。圖6-16標題模塊文本模塊：用于添加無鏈接的提示性文本信息，如公告展示發貨信息，快遞方式等。拖拽文本模塊到手機模型后，右側編輯模塊中輸入文本。如圖6-17所示。圖6-17文本模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊單列圖片模塊：主要用于聚焦首頁產品圖片或店鋪活動。單列模塊建議圖片寬度750px，高度200-950像素，文件類型.JPG.PNG?？蔀閳D片添加文字與鏈接。如圖6-18所示。圖6-18單列圖片模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊雙列圖片模塊：用于展示店鋪主推/上新/熱賣商品，也可展示某個分類的商品。用于添加2張圖片并列展示，雙列模塊建議圖片寬度351px，高度100-400像素，要求兩張圖片高度完全一致，文件類型.JPG.PNG?？蔀閳D片添加文字與鏈接。可將固定尺寸的圖片設計好后上傳至圖片空間，右側編輯區內單擊添加圖片、設置鏈接等操作。如圖6-19所示。圖6-19雙列圖片模塊小貼士：與寶貝類組件類中智能雙列模塊只需選擇已有的寶貝主圖，而圖文類組件中的雙列圖片模塊可添加自行創作的圖片。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊多圖模塊：用于添加多張圖片展示，并為圖片添加標題、文字和鏈接。多圖模塊中圖片最多6個，最少3個。多圖模塊可滑動，建議尺寸248px×146px,主要用于優惠券展示，也可用于熱賣寶貝等。如圖6-20所示。圖6-20多圖模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊輔助線模塊：輔助線，較少使用。輔助線可清晰劃分區域，創造出舒適空間，促進精準分類，節省頁面流量。如圖6-21所示。圖6-21輔助線模塊輪播圖模塊：用于展示店鋪核心的活動或產品，建議置于第一屏內店招下面。可添加多張圖片輪播展示，類似于PC端的全屏輪播海報，可節約展示空間。輪播圖片最多4個，最少2個，建議圖片寬度750PX,高度200-950PX,支持類型jpg，png，要求組內圖片高度必須完全一致。一張圖片添加文字和鏈接，方法與多圖模塊相同。如圖6-22所示。圖6-22輪播圖模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊左文右圖模塊：可作為店鋪爆款展示寶貝圖片，與單列模塊和焦點圖有類似作用，等同于電腦端的banner。設計好背景圖，其上輸入文字即可。建議尺寸608px×160px。如圖6-23所示。圖6-23左文右圖模塊小貼士：頁面設計過程中，單列模塊和焦點圖、左文右圖模塊三選一即可。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊自定義模塊：最為自由靈活好用的店鋪裝修模塊，最多可添加10個模塊。單擊“編輯板式”按鈕，彈出的自定義模塊編輯器中拖拽鼠標設置寬度與高度，寬度最大值640px，高度最大值1600px，輸入或添加合法鏈接地址。如圖6-24所示。圖6-24自定義模塊認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊3)營銷互動類常用模塊優惠券模塊：用于展示店鋪可供訪客領取的優惠券，建議置于店招下面，突顯促銷力度。一個頁面中最多可使用2次，1個優惠券模塊內最多配置6個優惠券，一般建議配置3個~6個。如圖6-25所示。圖6-25優惠券模塊商業視覺設計的目標是營銷，規范更多的依據是運營大數據，結合相關數據指標確定設計的細節。移動端頁面視覺設計主要考慮頁面模塊點擊效果、頁面加載速度、頁面跳失率、轉化率、訪問深度等數據，這些數據基本上可以通過生意參謀的經營分析模塊中的相關數據進行分析。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊1頁面模塊點擊效果分析進入生意參謀的經營分析頁面后選擇裝修分析欄目,點擊首頁頁面模塊點擊效果分析,可以得到圖6-26查看頁面不同板塊的點擊次數，分析點擊分布情況并進行頁面視覺優化。點擊效果，主要與圖片位置、圖片尺寸、圖片視覺有關系，位置與尺寸整體上影響視覺效果，同時圖片構圖、色彩、文案等則是影響視覺的局部因子。板塊點擊次數420220全部寶貝263首頁351新品472店鋪微淘420點擊次數板塊點擊次數180板塊點擊次數82板塊點擊次數37板塊點擊次數25板塊點擊次數180板塊點擊次數180板塊點擊次數563563點擊次數417點擊次數37點擊次數圖6-26首頁頁面模塊點擊效果分析認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊2頁面加載速度頁面加載速度影響因素有圖片的多少、圖片的大小、頁面關聯搭配超鏈接的多少。如圖6-27、6-28所示。頁面加載過多的圖片超鏈接，會直接直接影響該頁面的打開速度。系統打開頁面鏈接的同時，還要打開頁面上承載的其他關聯寶貝的頁面鏈接，超過網速承載時，就會長時間出現頁面斷流、顯示描述加載中等超出客戶心理承受或者行為習慣，出現跳失的情況。合理的寶貝關聯搭配產品數量建議控制在6個以內。圖片30張，多于同行平均25張，影響頁面打開時長圖6-27加載速度影響因子-圖片過多認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊描述區內圖片6張，正常，建議保持對頁面性能的關注正常偏多超多超寬圖片1張超大圖片3張超高圖片4張圖6-28加載速度影響因子-圖片過大當存在圖片過大時，可以點擊【一鍵優化】，選擇超標圖片，點擊【立即優化】。如圖6-29、6-30、6-31所示。圖片優化實質是對圖片進行質量壓縮，手機端圖片上傳會自動根據使用的設備進行壓縮。為保證顯示的圖片質量，建議圖片壓縮率在75%左右，壓縮每張200KB以內，頁面切圖保持在每張1025px以內。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊圖6-29一鍵優化超圖超寬（大、高）圖片4張圖6-30超圖優化設置圖6-31超圖優化后認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊生意參謀的商品溫度計，不同版本中歸屬的板塊有所不同。通過商品溫度計的相關數據指標可以診斷詳情頁面的合理性。商品溫度計是做單品分析診斷與優化的核心工具，可以幫助做好寶貝優化、提升寶貝轉化率。商品溫度計主要從商品轉化與影響商品轉化因素檢測兩個角度來表征商品頁面的效果。圖6-32商品溫度計-商品轉化認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊從圖6-32中可以看到該寶貝頁面的訪客人數，進店流量；離開的訪客數；間接轉化包括跳轉去店內其它頁面的訪客數，收藏商品的訪客數；直接轉化包括加購物車訪客數、下單訪客數、支付購買訪客數。從這組數據可以知道寶貝頁面帶來的流量情況，相關鏈接圖片的質量；通過收藏、加購、購買等可以知道寶貝詳情質量，如果跳失嚴重，可以從寶貝質量、詳情頁面等的用戶體驗情況，判斷需要優化的對象。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊圖6-33商品溫度計-影響因素檢測影響商品轉化因素檢測如圖6-33所示。各項含義如下：頁面性能：從商品詳情頁的訪問屏數、加載速度來分析，如果加載速度時間長，那么可能詳情頁切片有問題或者圖片太大；如果訪問屏數少，可能就是詳情頁前幾屏的吸引力不夠或者關聯銷售產品太多。標題：檢測標題長度是否利用完，是否含有該寶貝引流的關鍵詞。價格：分享該寶貝的價格處于市場同類商品的主要價格帶范圍，這也是我們做產品定價的一種方式。屬性：該寶貝的屬性與市場當前熱門屬性是否一樣。當然，產品屬性以自身的真是屬性為主。促銷導購：也就是詳情頁中的關聯銷售、搭配套餐等。描述：分析的是該寶貝詳情頁的圖片數量是正常范圍，還是偏多或者偏少，圖片尺寸是否正常，以便做出調整優化。評分：分析該寶貝已購買用戶給出的評價，以及店鋪的動態評分（DSR）認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊3頁面跳失率指僅閱讀了當前被訪問頁面就離開的次數占訪問這個頁面的所有被訪問次數的百分比。頁面跳失率=（閱讀該頁面就離開店鋪的次數/進入該頁面的訪問次數）*100%引起頁面跳失的可能原因：選用關鍵詞與目標頁面主題不相關；產品不符合客戶需求；頁面視覺呈現較差；存在惡意點擊；分析：產品相關度，重在關鍵詞設置；產品是否符合客戶需求，問題可能出在價格、產品設計、產品品質等產品層面；頁面視覺呈現效果，是視覺營銷的重工所在；存在惡意點擊，需要做追蹤，取得相關數據材料后再做處理。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊頁面視覺呈現可能存在問題分析：信息傳達失誤。問題出在閱讀邏輯，氛圍營造；可能是文案、色彩、構圖、焦點等不同層面的問題。加載速度過慢。主要出在圖片控制，尤其注意超圖帶來的加載滯后。關聯銷售未做好。關聯銷售是頁面當前位置很好的流量引導，不設置關聯銷售，意味著沒有流量轉化，但數量多了容易分散或者耗散流量。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊4轉化率轉化率，指所有到達店鋪并產生購買行為的人數，和所有到達店鋪的人數比率。轉化率=（產生購買行為的客戶人數/所有到達店鋪的訪客人數）*100%生意參謀檢測商品轉化的數據，是商品溫度計中影響寶貝轉化因素檢測的數據，具體包括頁面性能、標題、價格、屬性、促銷導購、描述、評價。其中的頁面性能、屬性、促銷導購、描述等直接與視覺營銷工作相關，可以通過店鋪的整體視覺、頁面的單元視覺、產品分類、促銷活動區搭配、產品陳列技巧來提升商品轉化效果。設置好客戶再次購買、再次搜索時的通道，盡量避免客戶回頭卻不見產品、店鋪的尬事。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊轉化率低的常見視覺因素：產品USP賣點是否精確。即產品差異化賣點是否展示。閱讀體驗是否順暢。順暢性由頁面加載速度、視覺感受、營銷邏輯，相互作用而成。5訪問深度訪問深度，指訪客在一次瀏覽某個網站、網店的過程中瀏覽的頁面數，是衡量一個店鋪是否足夠吸引訪客、留客的重要指標之一。訪問深度越深，意味轉化率越高。通常從優化導航、合理搭配關聯、維護老客戶三個方面來提升訪問深度。訪問深度相關視覺要素：目的明確的導航。優質導航，可以增強買家進入店鋪的目的性，從而增加產品頁的展現量，提升訪問深度。通常按照店鋪所屬類目、買家搜索習慣來設置。合理關聯。關聯是店鋪內資源合理配置的關鍵手段。一方面關聯可以分流，增加訪問深度；另一方面也會分散客戶注意力失去視覺焦點，導致跳失。因此合理關聯，數量上控制，質量上篩選，視覺上做好收放引導。關聯解決方案：①數量上控制。每個商品關聯最多4-5個。②質量上篩選。選優化UV價值高的產品，UV價值排名前20的商品。③視覺上引導。內容策劃，可以用故事、敘事為導引關聯相關產品、類目；視覺呈現上有整體性，由側重點，焦點，亮點等層次來體現。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊優化產品陳列。首頁產品陳列區是店鋪內的鉆展區，圍繞買家關注點，UV價值排序優于銷量排序。同一產品陳列區域，視覺上注意色彩、構圖等信息的平衡，關注焦點、視覺流線的構造。老客維護?！爸挥欣峡筒艜]事就來逛你的店”。頁面需要有重點，尤其是詳情頁，需要從買家的關注點去優化頁面，通過評價與反饋來收集信息做優化。老客戶多，轉化率與訪問深度數據才能提升。小店鋪無法做到大店鋪的訪問深度。UV價值。訪客的流量價值，UV價值=成交金額/UV。舉例：有如下A款、B款奶瓶，斟酌入選首頁黃金展位的熱賣品。產品銷售數據大致如下：A款奶瓶：10000萬人次訪問過，1萬人次購買。B款奶瓶：10萬人次訪問過，1000人次購買。分析：銷售絕對數數據，A款熱度更高；UV價值的相對數據，B款熱度上升空間更大。入選首頁熱銷榜單，A款、B款都是候選商品，當依據絕對銷售數據，選擇結果A款；當依據相對UV價值數據，入選商品為B款。從培育空間來看，A款短線優勢明顯，而B款更具長線優勢。認識移動端之移動端店鋪功能模塊移動端店鋪功能模塊總之，移動端頁面，設備特征、使用場合、使用方式都與PC端有顯著不同，因此營銷與視覺呈現上也具有移動特征。信息呈現更為精煉，鮮明，主題明確，在視覺方面相比PC端的移動特點：目標人群明確；主營寶貝和店鋪的定位明確；