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