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

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

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

、下移按鈕

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