《電子商務》課件-移動端網(wǎng)店設計

移動端網(wǎng)店可以看作PC端的延續(xù)，在設計時更需要把握“用戶體驗”這一關鍵點。手機移動端網(wǎng)店是依附于智能手機這一平臺的，而智能手機又讓人與機器之間有了更加親密的接觸與互動，因此與手機移動端中其他應用軟件或App一樣，在設計手機移動端店鋪頁面時要結(jié)合智能手機平臺的特色設計出更加注重交互體驗與友好度的頁面，只有這樣才能博得消費者的歡心。移動端網(wǎng)店設計移動端網(wǎng)店的設計標準1目錄CONTENTS移動端網(wǎng)店視覺設計2移動端網(wǎng)店的設計標準1現(xiàn)在手機應用的界面設計風格普遍傾向于簡潔、清爽的扁平化設計，這是因為去除冗余和繁雜的裝飾后，手機應用的界面會變得更加干凈、整齊，可以更直接地將重要的信息展示出來，在給消費者帶來更好的操作體驗的同時有效地減少了認知障礙的產(chǎn)生。作為一款手機應用，移動端網(wǎng)店的頁面裝修也應該遵循這樣的設計理念，下面將以手機淘寶為例進行詳細介紹。1移動端網(wǎng)店店標設計

手機淘寶的店標設計思路與PC的網(wǎng)店完全不同，手機淘寶的店標直接出現(xiàn)在店鋪頭上，并在店標右側(cè)顯示店鋪名稱。手機淘寶的店標適合采用圖形或字母組合的形式。店標圖片1移動端網(wǎng)店店標設計

利用朋友圈進行小范圍營銷的店鋪或銷售母嬰用品等特定商品的店鋪，也可以使用頭像作為店標，這樣有助于拉近店鋪與特定類型消費者的心理距離，但是不要使用公眾人物的頭像。移動端網(wǎng)店還可以使用商品的實物照片作為店標，讓人一眼就能明白店鋪銷售的主營商品。頭像店標圖片和實物店標圖片2移動端網(wǎng)店圖片尺寸標準

每個詳情頁可以增加一個音頻，時長不超過30秒，大小不超過200KB，格式為MP3。每個圖片、音頻的大小不得超過1.5MB。圖片尺寸標準需在圖片上添加文字時，中文字號≥30磅，英文和阿拉伯數(shù)字字號≥20磅高度≤960像素（建議高度不超過600像素），圖片格式支持JPG、GIF、PNG首頁和詳情頁圖片寬度為480像素~620像素（建議不超過608像素）3移動端網(wǎng)店框架結(jié)構安排需要注意在已有的框架結(jié)構中添加能夠促進消費者購買的內(nèi)容。根據(jù)框架結(jié)構層面給所添加的內(nèi)容設置相應的商品或活動鏈接也尤為重要。移動端網(wǎng)店首頁界面店鋪框架結(jié)構紅色框出部分為淘寶平臺自動生成的板塊，其中將店鋪首頁劃分成了“店鋪首頁”

“全部商品”“店鋪動態(tài)”“寶貝分類”

“店鋪會員”等固定板塊，賣家只需在不同區(qū)域添加對應的店鋪內(nèi)容即可移動端商品詳情頁界面圖中出現(xiàn)的“收藏”

“立即購買”等圖標是不需要自己設計的，并且在詳情頁的第一屏都會出現(xiàn)商品圖片、價格、名稱等信息展示，賣家可以不考慮這些框架結(jié)構的布置，需要設計的是圖片、名稱等信息內(nèi)容3移動端網(wǎng)店框架結(jié)構安排需要注意在已有的框架結(jié)構中添加能夠促進消費者購買的內(nèi)容。根據(jù)框架結(jié)構層面給所添加的內(nèi)容設置相應的商品或活動鏈接也尤為重要。圖片對應的鏈接移動端店鋪首頁中的輪播圖片對應移動端網(wǎng)店視覺設計2手機移動端店鋪視覺設計與PC端的設計思路基本是一致的，都是為了展示商品，展示店鋪與品牌，促進消費與店鋪的持續(xù)發(fā)展，然而PC端頁面的全部內(nèi)容卻不能簡單地一鍵導入手機移動端，否則會出現(xiàn)PC端內(nèi)容無法適應手機端的情況。在進行手機移動端店鋪裝修的視覺設計時，要考慮到手機端的特點與屬性，并進行相應的變化與調(diào)整。1信息內(nèi)容簡潔，便于快速傳播對信息進行必要的精簡化處理是讓消費者快速瀏覽與接收信息的關鍵。移動端與PC端對比手機移動端商品詳情界面簡化版PC端圖文詳情1信息內(nèi)容簡潔，便于快速傳播控制文字信息的篇幅及文字尺寸的大小也是讓信息在手機移動端清晰展示的方法之一。PC端與手機移動端展示的文字信息比較手機移動端的展示文字信息較為模糊，雖然界面整體設計感較強，顯得較為精致，但是消費者