随着移動互聯網的(Of)崛起,移動購物也變成時(Hour)下最流行的(Of)購物方式,用(Use)戶不(No)用(Use)再坐在(Exist)電腦前購買商品,動動拇指就可在(Exist)手機上下單,而相應的(Of)移動電商也成爲(For)趨勢,電商對用(Use)戶的(Of)争奪已經在(Exist)移動端全面展開,2014年第一(One)季度中國(Country)移動購物市場交易規模達到(Arrive)641.9億元,同比增長140.8%,這(This)也是爲(For)什麽電商巨頭們現在(Exist)都鉚足了勁頭在(Exist)移動端開展争奪。那爲(For)附和(And)移動電商的(Of)趨勢,移動電商網站該如何設計來(Come)提高轉化率呢?
首先,我(I)們要(Want)了解自己移動電商網站的(Of)用(Use)戶
挖掘了解用(Use)戶肯定是首當其沖的(Of),随着移動電商崛起,移動用(Use)戶成了我(I)們必須重視的(Of)人(People)。要(Want)設計一(One)個(Indivual)移動電商網站,我(I)們需要(Want)将心比心的(Of)了解移動用(Use)戶,要(Want)理解他(He)們的(Of)意圖和(And)情緒,這(This)和(And)自己網站在(Exist)PC端的(Of)用(Use)戶肯定是有一(One)些區别,這(This)是首先需要(Want)去了解的(Of)。
移動電商網站要(Want)确保覆蓋所有可能進入你的(Of)手機商店的(Of)所有類型的(Of)顧客,你的(Of)網站必須了解他(He)們,用(Use)最合适的(Of)方式爲(For)他(He)們推薦你的(Of)産品。
其次,高轉化率怎樣去衡量?
什麽樣的(Of)轉化才算成功?什麽樣才叫轉化?每個(Indivual)網站的(Of)定義和(And)指标都是不(No)一(One)樣的(Of),可以(By)是完成購買、可以(By)是點擊進入某個(Indivual)頁面、可以(By)使分享評論你産品和(And)品牌、可以(By)是注冊、可以(By)使完成一(One)個(Indivual)任務等等,所以(By)首先我(I)們需要(Want)制定一(One)系列轉化指标,這(This)樣才能更好的(Of)去衡量轉化的(Of)成功與否,以(By)及哪個(Indivual)轉化層面出(Out)現問題。
經常用(Use)到(Arrive)的(Of)是SMART原則來(Come)追蹤或衡量我(I)們的(Of)成功,這(This)有助于(At)移動電商網站有序的(Of)進行運營,什麽是SMART原則呢?
•明确性(specific):目标必須是明确的(Of),應該明确我(I)們要(Want)取得什麽樣的(Of)成果。
•可衡量性(Measurable):制定的(Of)目标是可以(By)衡量的(Of),如何衡量?用(Use)什麽方法衡量?
•可達成性(Attainable):目标必須是可以(By)實現的(Of),你的(Of)目标要(Want)客觀,要(Want)是你能力範圍内可以(By)達到(Arrive)的(Of)。目标将如何達成?要(Want)達成目标我(I)們需要(Want)做什麽?我(I)們有預算、技能和(And)時(Hour)間嗎?
•相關性(Relevant):目标必須和(And)其他(He)目标具有相關性,這(This)與我(I)們的(Of)總體設想一(One)緻嗎?市場準備好了嗎?
•限時(Hour)性(Time—bound):目标必須具有明确的(Of)截止期限,這(This)要(Want)多久才能完成?我(I)們什麽時(Hour)候開始和(And)完成?
比如:
明确性:讓移動電商網站的(Of)購買率提高5%
可衡量性:階段性銷售額和(And)報表統計
可達成性:通過優化網站設計以(By)及專題内容來(Come)完成。
相關性:與網站整體運營目标一(One)緻
限時(Hour)性:三個(Indivual)月完成
然後,優化移動電商網站設計
讓我(I)們來(Come)關注下消費者通過移動設備訪問電子商務網站時(Hour)候的(Of)影響因素。
1、層次結構和(And)導航
移動網站的(Of)頁面空間是很寶貴的(Of),沒有巨型菜單。所以(By)要(Want)優先展示重點欄目和(And)内容,在(Exist)必要(Want)時(Hour)需提供搜索框。網站的(Of)固定導航是非常重要(Want)的(Of),一(One)定要(Want)設計好,并且是最需要(Want)展現的(Of)東西,整個(Indivual)移動電商網站的(Of)結構要(Want)簡潔明了,不(No)必要(Want)的(Of)東西大(Big)膽删掉,移動端不(No)比PC端那麽有空間,浪費不(No)得。
2、移動站加載速度
網站加載速度對于(At)轉化的(Of)影響非常大(Big),而對于(At)移動站尤爲(For)重要(Want),手機站點一(One)定要(Want)保證用(Use)戶浏覽的(Of)通暢,不(No)然不(No)要(Want)說用(Use)戶購買,用(Use)戶甚至都看不(No)到(Arrive)支付按鈕或産品圖片。所以(By)移動電商網站需要(Want)通過精簡代碼,最好建獨立移動站、優化圖片、合并JS等途徑提高網站訪問速度,具體可看《頁面加載速度優化的(Of)12個(Indivual)建議》。
3、圖像和(And)産品照
圖像可以(By)塑造或毀了一(One)個(Indivual)網站的(Of)形象和(And)感覺。移動用(Use)戶希望看到(Arrive)的(Of)圖片能夠深深吸引他(He)們,激勵他(He)們進行購買。電商網站中圖像和(And)産品照永遠是刺激購買的(Of)一(One)個(Indivual)重要(Want)因素,比如:産品獨照、細節照、零件或配件照片、360度照、模特照等等。一(One)定不(No)要(Want)忽視圖片的(Of)作(Do)用(Use),保證圖片的(Of)精美誘人(People)和(And)清晰,這(This)其中又有一(One)個(Indivual)關于(At)加載速度的(Of)問題,就是圖片大(Big)小要(Want)優化。
4、排版和(And)留白
手機是一(One)個(Indivual)特别的(Of)場景,如果在(Exist)手機上需要(Want)放大(Big)才能看清移動網站的(Of)文字是很煩人(People)的(Of),而所有字都擠在(Exist)一(One)堆比電腦上還吓人(People),想我(I)這(This)種有密集恐懼症的(Of)肯定馬上就選擇關閉了。因此要(Want)保證你的(Of)字體是可讀的(Of),可對比的(Of),文字與文字,文字于(At)段落間隔要(Want)合理、對齊模式要(Want)符合閱讀方式。同時(Hour)移動電商網站一(One)定要(Want)注意留白,不(No)要(Want)因爲(For)空間寶貴,就全部堆滿,留白讓頁面空間有喘息的(Of)空間,可以(By)讓訪問者在(Exist)做購買決定時(Hour)有休息的(Of)時(Hour)間。不(No)要(Want)給用(Use)戶帶來(Come)閱讀或使用(Use)壓力。
5、手指友好
移動網站上的(Of)行爲(For)基本都是通過手指,所有手指設計一(One)定要(Want)友好。所白了就是那些點擊按鈕,鏈接等需要(Want)手指按壓的(Of)區域要(Want)足夠大(Big),不(No)要(Want)用(Use)戶點半天沒反應。
6、網站配色
不(No)得不(No)說,網站的(Of)配色對于(At)轉化率影響很大(Big),合理的(Of)配色讓網站看起來(Come)非常自然,并且突出(Out)了主題内容,突出(Out)了按鈕等等。網站色彩搭配是一(One)門學問,企業網站需要(Want)有自己的(Of)配色指南,哪怕是找專業人(People)士設計也要(Want)保證網站色彩搭配合理。
7、文案
再怎麽合理的(Of)設計也需要(Want)内容的(Of)填充,文案是網站的(Of)關鍵,用(Use)戶的(Of)購買欲望大(Big)多來(Come)自這(This)裏,大(Big)量的(Of)長描述是很煩人(People)的(Of),如何用(Use)簡短的(Of)介紹在(Exist)小屏上突出(Out)自己的(Of)産品是需要(Want)不(No)斷去時(Hour)間的(Of),千萬不(No)要(Want)直接就把PC端的(Of)内容直接複制粘貼到(Arrive)移動站,這(This)樣圖省事沒用(Use)。
8、評論元素
移動電商網站有必要(Want)保留或總結用(Use)戶的(Of)評論,用(Use)戶是不(No)相信企業的(Of),但用(Use)戶相信用(Use)戶,其他(He)用(Use)戶的(Of)一(One)個(Indivual)誇獎勝過你自己推薦千百倍,所以(By)有必要(Want)讓用(Use)戶能看到(Arrive)其他(He)人(People)的(Of)點評,有點評就有負面,怎麽處理負面不(No)多說,不(No)過有一(One)點,任何一(One)個(Indivual)商品不(No)可能是100%的(Of)好評。
其他(He)一(One)些優秀的(Of)設計細節可參考《200家頂尖電商的(Of)網站設計》
最後,一(One)些頁面中的(Of)關鍵元素
1.Logo
2.頁頭标題
3.産品報價
4.描述
5.産品/服務介紹
6.行爲(For)召喚按鈕
7.信任元素,比如客戶案例,評論,交易量,認證信息等
8.頁面基本元素,比如版權聲明,電話号碼,即時(Hour)聊天,地址等
總結
移動電商網站的(Of)轉化設計需要(Want)知道你是給誰設計?他(He)們購買的(Of)習慣是什麽?什麽促使他(He)們夠買?怎麽方便他(He)們購買?你的(Of)移動頁面要(Want)有清晰的(Of)布局,通暢的(Of)浏覽體驗,良好的(Of)排版,重點突出(Out)的(Of)配色,圖片要(Want)誘人(People),描述要(Want)簡短,頁面元素要(Want)齊全,最重要(Want)的(Of)内容可讀性要(Want)高。