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