電商網(wǎng)站成功移植到移動(dòng)端的九大秘訣

2014/03/18 10:27      悅潼

從電商應(yīng)用設(shè)計(jì)中學(xué)到的九個(gè)成功秘訣

如果電商網(wǎng)站移植到移動(dòng)端后并沒(méi)有為流量增長(zhǎng)產(chǎn)生貢獻(xiàn),那么你可能要考慮一下是不是移動(dòng)端產(chǎn)品設(shè)計(jì)出了問(wèn)題。

就在此前不久,位于波羅的海的初創(chuàng)企業(yè)Vinted剛剛?cè)谫Y2700萬(wàn)美元。Vinted最初是一個(gè)讓女孩購(gòu)買和交換二手服裝的網(wǎng)絡(luò)市場(chǎng),大約在一年之前,Vinted在移動(dòng)領(lǐng)域還沒(méi)有任何影響力,然而現(xiàn)在,該網(wǎng)站50%多的流量來(lái)自移動(dòng)應(yīng)用的貢獻(xiàn)。

在Vinted重新設(shè)計(jì)其應(yīng)用的過(guò)程中,移動(dòng)產(chǎn)品設(shè)計(jì)公司Lemon Labs也發(fā)揮了幫助作用。經(jīng)過(guò)了重新設(shè)計(jì)之后,應(yīng)用使用量增長(zhǎng)了170%。以下就是該公司CEO托馬斯·迪爾沃斯卡斯(Tomas Dirvonskas)從這次設(shè)計(jì)中,獲得的9大啟示?;蛘哌@些經(jīng)驗(yàn)?zāi)軒椭阍O(shè)計(jì)出更好的移動(dòng)電商應(yīng)用。

1、在顯示屏上明確標(biāo)明優(yōu)先信息

在重新設(shè)計(jì)成員資料時(shí),我們?cè)u(píng)估了每一個(gè)要素的重要性。由于Vinted應(yīng)用主要關(guān)于服裝和時(shí)尚,因此,一大重要因素就是成員的服裝,要讓這些服裝出現(xiàn)在前端和中心位置,其它信息則可以簡(jiǎn)化處理,或者去除,或者整合到頂部,或者安排在清單之外。這種做法可以提升用戶的體驗(yàn),從而讓用戶關(guān)注主要內(nèi)容。用戶越是關(guān)注內(nèi)容,那么交易的可能性就越高。

2、召喚行動(dòng)(Call to action)按鈕應(yīng)置于顯示屏上

為了便于用戶交流,應(yīng)當(dāng)讓“召喚用戶行動(dòng)”按鈕出現(xiàn)在顯示屏上較為顯眼的位置。如果設(shè)置得更大,并標(biāo)有明顯的紅色,那就更好了。事實(shí)上,這種按鈕并不需要具備彈力、音樂(lè)或其它有損用戶體驗(yàn)的功能。在設(shè)計(jì)這一應(yīng)用功能時(shí),我們一直遵循一個(gè)簡(jiǎn)單但重要的理念:就是制造銷量。召喚用戶行動(dòng)按鈕因而設(shè)置在服裝圖片的正下方,以便用戶關(guān)注內(nèi)容,另外,我們?cè)僭O(shè)置一個(gè)“購(gòu)買”按鈕。即使用戶滾動(dòng)顯示屏,但此按鈕仍可以出現(xiàn)在屏幕頂端,并一直讓用戶看到。

3、盡可能減少用戶關(guān)注內(nèi)容的步驟

在重新設(shè)計(jì)目錄時(shí),需要遵循這一原則。用戶并不真正關(guān)心你的智能分類目錄,他們只想看到內(nèi)容,然后在縮小選擇范圍。Vinted的服裝目錄有6個(gè)層級(jí),但我們需要通過(guò)兩次點(diǎn)擊,就能讓用戶找到目標(biāo)。

4、提升用戶對(duì)話體驗(yàn)

類似于電子郵件式的交流在移動(dòng)設(shè)備上會(huì)有一種外行的感覺(jué),聊天應(yīng)該是一種更加自然的過(guò)程,因此需要讓用戶進(jìn)行更好的交流。對(duì)電商應(yīng)用而言,在銷售過(guò)程中增加一些有用的技巧可能會(huì)提升用戶體驗(yàn)。以Vinted為例,我們就建議用戶低報(bào)價(jià)。這些都可以由用戶在對(duì)話中完成,而且還可以縮短交易時(shí)間。

5、簡(jiǎn)化注冊(cè)流程

如果注冊(cè)信息表過(guò)長(zhǎng),那么用戶就需要不停的滾動(dòng),這會(huì)讓用戶很累。因此,可以讓用戶在注冊(cè)時(shí),盡可能地少填信息,在吸引用戶使用應(yīng)用之前,最重要的一步是讓用戶先注冊(cè)進(jìn)來(lái)。

6、首先上傳內(nèi)容再加以描述

我們發(fā)現(xiàn),應(yīng)用擁有的內(nèi)容越多,交易量就會(huì)越多。為了鼓勵(lì)用戶貢獻(xiàn)內(nèi)容,我們將行動(dòng)分成兩步,從而讓成員首先發(fā)布圖片和上傳內(nèi)容,接下來(lái)再填補(bǔ)相關(guān)的描述信息。

7、在應(yīng)用頁(yè)面頂部,左側(cè)配置導(dǎo)航功能、右側(cè)配置行動(dòng)功能

返回按鈕一般都在左邊占據(jù)較大空間,卻不起太大作用。在第一版應(yīng)用中中,Vinted菜單按鈕占據(jù)了整個(gè)左上角,因此我們需要把行動(dòng)按鈕設(shè)置到其它部位,通常是在內(nèi)容或屏幕低端之間,但這在移動(dòng)應(yīng)用中總感覺(jué)不順,而且使用起來(lái)也不便。最終的解決方法就是:將菜單移動(dòng)左邊。

8、心形魔力

如果你目前讓用戶標(biāo)注應(yīng)用中喜歡的東西,那么可以考慮用“心”形圖標(biāo),而不是“星”形圖標(biāo)。例如成員用心形圖標(biāo)標(biāo)注了喜歡的服裝之后,令人驚奇的結(jié)果就出現(xiàn)了:這種應(yīng)用使用量增加了10倍。我們此舉也是從Airbnb學(xué)習(xí)而來(lái),Airbnb當(dāng)初只是在用戶喜歡的內(nèi)容列表中將“星”形圖標(biāo)換成了“心”形圖標(biāo),Airbnb的使用量就增加了30%。事實(shí)上,圖標(biāo)形狀看似小事,但卻值得人們嘗試。

9、優(yōu)秀的文件軟件設(shè)計(jì)必不可少

Vinted應(yīng)用具有90多種不同的顯示頁(yè)面,而且還有更多的成員涌入,因而這種趨勢(shì)可能會(huì)產(chǎn)生交流困難,甚至還容易產(chǎn)生誤解。文件軟件也需要優(yōu)秀的設(shè)計(jì),我們使用應(yīng)用流(App Flow)文件——大型流程圖類似的圖形,用來(lái)顯示每個(gè)相關(guān)的顯示,包括注冊(cè)和各個(gè)顯示屏之間每個(gè)可能的狀態(tài)與轉(zhuǎn)變等。事實(shí)證明,在討論和執(zhí)行設(shè)計(jì)方案時(shí),這些文件軟件設(shè)計(jì)因?yàn)獒槍?duì)某一個(gè)相關(guān)點(diǎn)而顯出了巨大價(jià)值。

總而言之,由于重新設(shè)計(jì)遵循了上述啟示,因而針對(duì)Vinted新設(shè)計(jì)的應(yīng)用使用量也大幅增長(zhǎng)。

相關(guān)閱讀