值得您信賴的網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、整合營(yíng)銷提供商

網(wǎng)站首頁(yè)
關(guān)于我們
項(xiàng)目服務(wù)
案例展示
新聞動(dòng)態(tài)
聯(lián)系我們
如何去設(shè)計(jì)一款完整的電商產(chǎn)品

2017-07-13  2005  

返回列表

      如何去設(shè)計(jì)一款完整的電商產(chǎn)品
  1、 6 步構(gòu)建電商產(chǎn)品龍骨
  1.1、展示面
  1.1. 1 首頁(yè)
  在進(jìn)行首頁(yè)框架設(shè)計(jì)的時(shí)候需要先弄明白產(chǎn)品所針對(duì)的用戶屬性,也就是分析基本的用戶屬性,用戶屬性可分為瀏覽型用戶與搜索型用戶。
  瀏覽型用戶:購(gòu)物目的相對(duì)不明確,進(jìn)入大部分處于漫無(wú)目的的閑逛狀態(tài),從這一點(diǎn)切入的話可得出首頁(yè)需要有足夠的商品及商品分類讓用戶進(jìn)行瀏覽選購(gòu)填補(bǔ)時(shí)間與空虛或者說(shuō)“解癮”;
  搜索型用戶:購(gòu)物目的較為明確,對(duì)搜索功能的需求遠(yuǎn)大于琳瑯滿目的商品陳設(shè),他們只是需要一個(gè)簡(jiǎn)單明確的搜索功能,一擊即中;
  所以,目前大部分電商產(chǎn)品的首頁(yè)架構(gòu)都是搜索框+商品及其相關(guān)陳列。首頁(yè)的關(guān)鍵性可想而知,可謂寸土寸金。優(yōu)秀的首頁(yè)設(shè)計(jì)能夠激發(fā)客戶購(gòu)買欲望,如果首頁(yè)設(shè)計(jì)讓顧客大失所望,那么顧客就沒(méi)有往下進(jìn)行的信心了。
  1.1. 2 運(yùn)營(yíng)入口
  我們都知道各個(gè)電商平臺(tái)不論節(jié)日或者各種紀(jì)念日都會(huì)進(jìn)行一些促銷活動(dòng),這就離不開運(yùn)營(yíng)的入口。
  運(yùn)營(yíng)入口可以方便運(yùn)營(yíng)同學(xué)們?cè)谧龃黉N時(shí)快速上線產(chǎn)品,而不需要進(jìn)行軟件的更新,大大提高靈活性與時(shí)間節(jié)約 。這個(gè)運(yùn)營(yíng)入口需要產(chǎn)品經(jīng)理在首頁(yè)上去配置足夠方便靈活的運(yùn)營(yíng)模塊,可以即時(shí)從后臺(tái)上線運(yùn)營(yíng)活動(dòng)與商品,也能讓用戶快速明確所做的運(yùn)營(yíng)活動(dòng)。看上圖淘寶與京東在首頁(yè)上的運(yùn)營(yíng)模塊展示非常明確!
  1.1. 3 層級(jí)
  不用說(shuō)電商產(chǎn)品整體需要有一個(gè)好的層級(jí)關(guān)系,哪怕是小小的一個(gè)購(gòu)物車功能、產(chǎn)品詳情頁(yè)都需要有一個(gè)適合于它自身的層級(jí)關(guān)系。
  用戶能很清晰地看到并判斷頁(yè)面的內(nèi)容及功能是做什么用的,他該選擇哪里點(diǎn)擊哪里。好的層級(jí)關(guān)系能夠讓用戶清晰地感覺到電商產(chǎn)品的東西及樓層設(shè)計(jì)和特色展示,利于用戶快速找到自己想要的東西。
  1.1. 4 氛圍
  氛圍其實(shí)是需要放在第一位的,每一個(gè)電商,每一款軟件都有自己的設(shè)計(jì)風(fēng)格和運(yùn)營(yíng)風(fēng)格。針對(duì)自己面對(duì)的用戶群體、產(chǎn)品定位來(lái)設(shè)計(jì)適合自己的產(chǎn)品氛圍尤其重要。
  各類人群所喜歡的氛圍都不一樣,如中國(guó)大部分人普遍喜愛熱鬧的特點(diǎn),越熱鬧活躍的氛圍越吸引用戶來(lái)使用購(gòu)買,如淘寶京東等產(chǎn)品的氛圍就特別熱鬧,種類繁多,且物美價(jià)廉;而像網(wǎng)易嚴(yán)選這款產(chǎn)品就偏向于干凈整潔的性冷淡風(fēng)格;寺庫(kù)APP就顯得高端華貴一些。好的產(chǎn)品氛圍增加針對(duì)性流量的同時(shí)也提升了銷售價(jià)值。
  1.2、設(shè)計(jì)架構(gòu)
  1.2.1Native+WebView
  Native就是所說(shuō)的原生開發(fā)的軟件,不明白的同學(xué)可以百度一下:Native App是一種基于智能手機(jī)本地操作系統(tǒng)如iOS、Android、WP并使用原生程式編寫運(yùn)行的第三方應(yīng)用程序,也叫本地app。
  WebView就是通過(guò)網(wǎng)頁(yè)的形式去載入相關(guān)內(nèi)容及功能去跟Native進(jìn)行銜接。
  總的來(lái)說(shuō)Native+WebView模式當(dāng)前最主流就是原生App與H5 的混合開發(fā)。畢竟純?cè)浖_發(fā)迭代完成推向廣大用戶時(shí)需要經(jīng)過(guò)應(yīng)用商店的審核迭代速度非常慢,所以Native+WebView兩者結(jié)合進(jìn)行框架設(shè)計(jì)可以更加靈活地去調(diào)整軟件所需要顯示的信息,尤其是運(yùn)營(yíng)的內(nèi)容。
  1.2. 2 運(yùn)營(yíng)實(shí)時(shí)配置內(nèi)容
  簡(jiǎn)單的說(shuō)就是運(yùn)營(yíng)人員可以通過(guò)運(yùn)營(yíng)后臺(tái)去靈活高效地配置自己所需的運(yùn)營(yíng)內(nèi)容,就如天貓首頁(yè)上的幾個(gè)快速入口圖標(biāo)、部分輪播鏈接等,這些就是通過(guò)運(yùn)營(yíng)實(shí)時(shí)配置的。
  1.2. 3 電商完善的后臺(tái)
  強(qiáng)大而完善的后臺(tái)可以支持及更新實(shí)時(shí)的配置和內(nèi)容,電商產(chǎn)品由于帶有種類繁多的商品及信息,高頻次及大量的運(yùn)營(yíng)活動(dòng),這幾點(diǎn)對(duì)后臺(tái)的完整性有較高的要求。
  1.3、商品詳情頁(yè)
  1.3.購(gòu)買、加入購(gòu)物車
  希望讓用戶操作的功能始終保持在可見的位置并且足夠顯眼。
  看天貓及微店的詳情頁(yè)設(shè)計(jì),頂部是以tab的形式讓用戶更方便地切換去了解商品的信息,底部的加入購(gòu)物車及購(gòu)買按鈕的擺放位置及視覺設(shè)計(jì)更方便和刺激用戶去點(diǎn)擊而進(jìn)行目標(biāo)購(gòu)買。若把購(gòu)買按鈕放置于其他位置且視覺上與整體頁(yè)面相融合,則加大了用戶使用壓力,不利于購(gòu)買。
  1.3. 2 購(gòu)物車入口
  購(gòu)物車這一個(gè)按鈕在大多數(shù)頁(yè)面都會(huì)存在,這一設(shè)計(jì)細(xì)節(jié)的目的就是為了讓用戶能夠隨時(shí)隨地進(jìn)入購(gòu)物車查看自己所添加的商品 非常有利于縮短用戶的操作,加強(qiáng)用戶體驗(yàn)。
  1.4、購(gòu)物車
  1.4.1、空購(gòu)物車與相關(guān)邏輯(引導(dǎo)+推薦)
  空購(gòu)物車一般會(huì)加一些引導(dǎo)或者推薦信息,而不是提示當(dāng)前購(gòu)物車為空,讓用戶原地尷尬。好一些的電商產(chǎn)品會(huì)實(shí)時(shí)根據(jù)用戶的操作及瀏覽去智能推薦用戶所感興趣的商品,從而提升自身商品的售賣, 看下圖京東的空購(gòu)物車,一看相關(guān)推薦就知道筆者是個(gè)酒鬼。
  1.4. 2 裝載商品的購(gòu)物車
  裝載了商品的購(gòu)物車也不僅僅只有當(dāng)前商品的堆疊,為了提高用戶的購(gòu)買率一般也還會(huì)采用相關(guān)商品的推薦;為了提升用戶的下單量,會(huì)有優(yōu)惠活動(dòng)信息的露出(優(yōu)惠、滿減、滿贈(zèng)等),這些都可以刺激用戶去進(jìn)行消費(fèi)。
  1.5、push
  1.5. 1 價(jià)值
  部分用戶在下載軟件的時(shí)候?yàn)榱吮苊廛浖扑偷拇驍_,會(huì)選擇不允許推送,但其實(shí)在產(chǎn)品設(shè)計(jì)的時(shí)候,只需要考慮push真真切切能給用戶帶來(lái)的價(jià)值,就可以防止用戶去關(guān)閉或者保持關(guān)閉;例如在物流信息有大變動(dòng)時(shí),考慮到用戶等待收貨急切的心理,適當(dāng)進(jìn)行物流信息的推送;在用戶關(guān)注的,經(jīng)常瀏覽的商品有優(yōu)惠折扣時(shí),找準(zhǔn)時(shí)機(jī)給用戶進(jìn)行推送,這樣的內(nèi)容對(duì)于用戶是比較有價(jià)值比較能接受的。
  1.5. 2 內(nèi)容文案
  結(jié)合推送的內(nèi)容和目的加以詼諧的方式,給用戶帶去較為吸引的文案內(nèi)容(對(duì)用戶來(lái)說(shuō)有價(jià)值的文案內(nèi)容),用戶就會(huì)去關(guān)注打開。
  1.5. 3 推送時(shí)機(jī)
  推送的時(shí)機(jī)直接影響了用戶體驗(yàn),推送的時(shí)機(jī)不對(duì)的話還容易影響到軟件的留存,一些軟件在我晚上睡覺或者午休之后給我推送消息,那么我會(huì)直接關(guān)掉推送或者刪掉軟件,很多情況下會(huì)直接刪掉,因?yàn)殛P(guān)推送的話步驟太麻煩,直接刪除體驗(yàn)好。例如滴滴的推送就比較講究,一般通過(guò)他們的數(shù)據(jù)庫(kù)分析完我的上下班時(shí)間及交通狀況后給我進(jìn)行推送,那么我確實(shí)會(huì)考慮。
  1.6、推薦
  有很多推薦功能及推薦邏輯做得好的電商產(chǎn)品,推薦商品在他的總銷售量上會(huì)占有一定的比例,比例的高低也由推薦的形式及邏輯掛鉤。如何去做好推薦這個(gè)功能模塊請(qǐng)看下面 4 點(diǎn)。
  1.6. 1 用戶數(shù)據(jù)行為分析
  相當(dāng)關(guān)鍵的一點(diǎn),例如,我在一個(gè)月前買了一管牙膏或者洗發(fā)露,那么在一個(gè)月之后,考慮到我使用的商品已經(jīng)差不多快完了,那么我再登錄到這個(gè)平臺(tái)的時(shí)候,他會(huì)在合適的位置與合適的時(shí)機(jī)給我進(jìn)行牙膏或者洗發(fā)露的推薦,還會(huì)給我推薦不同的品牌的商品給我。
  1.6. 2 用戶標(biāo)簽
  電商平臺(tái)會(huì)根據(jù)用戶自填的信息及用戶日常所瀏覽購(gòu)買的商品進(jìn)行用戶分類,例如你是 80 后、 90 后、學(xué)生黨、白領(lǐng)等。這樣去進(jìn)行用戶歸類能更好地區(qū)分開用戶從而更有針對(duì)性,更精準(zhǔn)地去進(jìn)行商品的推薦。
  1.6. 3 推薦入口
  一般會(huì)在首頁(yè)尾部、購(gòu)物車尾部、商品詳情頁(yè)尾部設(shè)置推薦入口,這樣做還是很合理的,在這些地方進(jìn)行一些有趣的、商品相關(guān)聯(lián)的、優(yōu)惠商品的推薦,極大滿足了用戶購(gòu)物的需求,同時(shí)也讓電商平臺(tái)更好地區(qū)銷售商品實(shí)現(xiàn)利益最大化。
  1.6. 4 推薦策略
  從用戶的行為中剝離出想要的信心,給適當(dāng)?shù)挠脩敉扑]適當(dāng)?shù)纳唐?,就如上面提到的針?duì)白領(lǐng)及學(xué)生去推薦他們所想要的,能夠去購(gòu)買的商品,目的也是為了更好地銷售。針對(duì)于推薦策略,大公司都會(huì)有大數(shù)據(jù)的分析,充分的市場(chǎng)、用戶調(diào)研。
  2、用戶心理學(xué)
  要更好的去銷售,必須想清楚,你的商品,用戶為什么要買單。
  2.1、從眾心理
  銷量:用戶往往會(huì)去看更多人買的商品,更多人評(píng)價(jià)的商品,因?yàn)橘?gòu)買的數(shù)量一定程度上證明了這個(gè)商品或者這個(gè)平臺(tái)、店鋪受認(rèn)可的程度,銷量高的商品可以降低用戶心理的警惕性,實(shí)現(xiàn)購(gòu)買動(dòng)作。包括我本人,在電商平臺(tái)購(gòu)買商品,會(huì)去選擇銷量相對(duì)要高的。
  重要元素展示:用戶關(guān)注的東西,感受直觀的信息;例如購(gòu)買一條褲子,如何在頁(yè)面小小的方寸地之間露出能夠吸引用戶的元素,除了銷量之外,是不是綜合評(píng)分也是一個(gè)很有吸引力的信息呢?
  2.2、占便宜的天性
  占便宜是人的天性,可讓用戶占便宜的方式有:包郵、滿減、滿贈(zèng)、優(yōu)惠券。如天貓超市滿 188 減100;購(gòu)買服裝時(shí)送 50 元優(yōu)惠券等等,這些都是占便宜的天性,導(dǎo)致促進(jìn)下單量的增加。
  2.3、稀缺性
  定時(shí)、定量、爆款推薦、閃購(gòu)等。
  很多電商都會(huì)打造一些商品稀缺性的噱頭,在限制了商品數(shù)量、價(jià)格、購(gòu)買時(shí)間的基礎(chǔ)上讓用戶感受到購(gòu)買的迫切性大量涌入搶購(gòu),增加流量