談?wù)勲娚坍a(chǎn)品封面功能設(shè)計(jì)

本文主要是講電商產(chǎn)品封面功能設(shè)計(jì)，以米家有品為例，功能主要借鑒了網(wǎng)易嚴(yán)選的商品封面功能，一起來看看吧~

創(chuàng)新互聯(lián)專注于阜康網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供阜康營(yíng)銷型網(wǎng)站建設(shè)，阜康網(wǎng)站制作、阜康網(wǎng)頁設(shè)計(jì)、阜康網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造阜康網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供阜康網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

該設(shè)計(jì)主要是對(duì)米家有品平臺(tái)的商品分享功能進(jìn)行了一次優(yōu)化，功能主要借鑒了當(dāng)時(shí)網(wǎng)易嚴(yán)選的商品封面功能。文檔撰寫的時(shí)候，有品(版本為V1.13.6)還沒有推出該功能，所以就有了這樣的一次練習(xí)。

當(dāng)然在自己練習(xí)之后，有品更新了相應(yīng)的功能，這樣也可以在對(duì)比中，看看思路和有品的產(chǎn)品經(jīng)理們有什么樣的一些區(qū)別，作為自己練習(xí)之后的學(xué)習(xí)總結(jié)吧。

一、需求背景

當(dāng)前有品app存在的問題：

我們?cè)诤笈_(tái)的數(shù)據(jù)監(jiān)測(cè)中，發(fā)現(xiàn)一些在商品分享功能中的一些數(shù)據(jù)問題，用戶有較高的分享熱情，會(huì)將商城中的商品分享至其他社交平臺(tái)中，但是分享出來的圖文消息形式的鏈接打開率卻不是很高，這樣不利于用戶通過鏈接來到有品平臺(tái)查看商品，進(jìn)而下單購(gòu)買。

所以現(xiàn)在需要一種能夠吸引用戶打開鏈接的新的分享模式，而在新的模式下，用戶可以通過直白的說明和較明顯的商品圖片，來獲得直觀的商品感受，進(jìn)而增加用戶打開鏈接查看商品詳情的愿望。

二、需求目的及明細(xì)

主要競(jìng)品已有的解決方案：

觀察競(jìng)品“網(wǎng)易嚴(yán)選”現(xiàn)有的分享路徑，提供了一個(gè)可以借鑒的解決思路，即“生成封面”功能。在商品詳情中選取了商品圖片、商品名、簡(jiǎn)要商品介紹、商品價(jià)格與鏈接二維碼構(gòu)成的一個(gè)圖片形式商品分享介紹，功能的實(shí)際效果比較切合有品分享打開率較低的解決思路。

但是在嚴(yán)選的“生成封面”中也還有一個(gè)不足的地方，就是在生成封面之后，是將封面圖片保存到了系統(tǒng)相冊(cè)之中，沒有引導(dǎo)用戶到其他平臺(tái)進(jìn)行分享，用戶想分享該封面時(shí)需要有更多的操作，一定程度上降低了封面功能的效果。

針對(duì)有品app問題提出以下解決方案：

更改商品詳情頁中分享彈窗的樣式，增加“生成封面”選項(xiàng)；利用現(xiàn)有商品詳情信息，生成物品詳情圖片—“封面”，并引導(dǎo)用戶進(jìn)行分享。三、相關(guān)流程

生成封面功能的業(yè)務(wù)邏輯：

生成封面的功能主要是將用戶和商品詳情之間緊密的聯(lián)系起來，通過較為有吸引力的商品展示方式，可以較好的吸引查看封面的用戶進(jìn)入到有品中進(jìn)一步了解商品詳情，從而在平臺(tái)里完成下單。

生成封面功能的業(yè)務(wù)流程：

業(yè)務(wù)流程主要分為兩個(gè)階段：用戶生成封面階段和封面打開階段。

生成階段主要是獲取商品相對(duì)應(yīng)信息，來生成一張商品封面并引導(dǎo)用戶進(jìn)行分享；封面打開階段則主要是讓用戶得到相應(yīng)的商品詳情并記錄一些統(tǒng)計(jì)數(shù)據(jù)，便于運(yùn)營(yíng)和產(chǎn)品效果分析。

生成封面功能的頁面流程：

而在有品app中，生成封面的功能主要是在商品詳情頁面中進(jìn)行，需要通過分享功能選擇“生成封面”，獲取服務(wù)器端的封面后提供給用戶分享和保存的彈窗，引導(dǎo)用戶進(jìn)行分享。

四、相關(guān)概念說明

生成封面與分享關(guān)系：

分享彈出頁中的原有分享路徑和功能不改變，只有當(dāng)用戶生成封面后，才可以進(jìn)行封面的分享。

商品封面與商品詳情關(guān)系：

商品封面中的信息主要來自于商品詳情，包括商品主圖、商品名稱、商品描述、商品價(jià)格和商品鏈接二維碼。

五、功能詳述

頁面分享彈出框

在商品詳情頁面通過已有的分享功能進(jìn)入分享彈出框，彈出框新增生成封面選項(xiàng)，用戶點(diǎn)擊“生成封面”后，生成商品的封面，存入后跳轉(zhuǎn)到封面分享頁。若生成失敗則彈出提醒，成功進(jìn)入下一頁面。

封面分享頁

封面分享頁可以從app原有的應(yīng)用內(nèi)截圖分享功能修改得來，截圖分享功能是在有品內(nèi)進(jìn)行截圖觸發(fā)的分享封面給好友功能，封面分享頁將借鑒這部分的頁面。用戶通過分享彈出框中的“生成封面”后觸發(fā)這個(gè)封面分享頁，其中包含“分享到”和“封面縮略圖”兩個(gè)部分。

“分享到”可以將生成的封面分享到“微信好友”、“朋友圈”、“新浪微博”、“保存本地”，在用戶進(jìn)行相應(yīng)操作之后應(yīng)彈出對(duì)應(yīng)通知。“封面縮略圖”可以使用戶先看到封面的縮略圖，點(diǎn)擊后顯示完整封面，完整封面內(nèi)容可以參看之后部分。

商品完整封面

商品完整封面由有品LOGO和商品詳情兩部分組成。其中商品詳情部分包含商品主圖、商品名稱、商品描述、商品價(jià)格和商品鏈接二維碼。

其中，商品主圖可以選用商品詳情中的第二張。商品描述部分暫定不能超過40字符，具體顯示方案還需和UI設(shè)計(jì)再商討進(jìn)行。商品鏈接二維碼可以讓用戶識(shí)別后直接轉(zhuǎn)入移動(dòng)端商品詳情。

六、簡(jiǎn)單測(cè)試樣例

七、考核指標(biāo)與計(jì)算方法生成封面方法在總分享數(shù)中的占比：全商城商品生成封面次數(shù)/全商城商品總分享次數(shù)生成封面后用戶打開率：全商城利用商品封面進(jìn)入商品詳情的次數(shù)/全商城商品生成封面次數(shù)八、功能區(qū)別分析

現(xiàn)在有品的版本是V1.17.3，可以對(duì)比一下已經(jīng)推出的生成海報(bào)功能和我之前的練習(xí)“生成封面”的有什么樣的區(qū)別。

因?yàn)閺牧鞒躺蠠o法看出后臺(tái)進(jìn)行的處理，主要就從交互的角度來分析一下：

1.一些操作完成之后的文案角度

除了圖片上這些之外，還有在海報(bào)生成的時(shí)候有一個(gè)生成中的提示，但是時(shí)間太短沒截出來。具體的措辭就不再分析了，主要注意的是在文案的撰寫中可以引導(dǎo)用戶進(jìn)一步的動(dòng)作，或者讓用戶產(chǎn)生一定的滿足感，鼓勵(lì)用戶進(jìn)行商品分享。

2.分享彈出框的改動(dòng)

彈出框的樣式?jīng)]有大的改變，但是由于生成海報(bào)的功能和復(fù)制鏈接的功能類似，而且海報(bào)對(duì)于商品的描述和展示更加清晰明了，所以就去除了原有的復(fù)制鏈接功能。

3.海報(bào)分享頁

海報(bào)的分享頁面沒有使用已有的截圖分享功能，而是采用了與分享類似的樣式，這樣應(yīng)該可以保證整個(gè)分享功能中樣式的統(tǒng)一。另外海報(bào)預(yù)覽也沒有將海報(bào)整體全部展示出來，而是將關(guān)鍵部分進(jìn)行了展示，用戶可以點(diǎn)擊或保存本地進(jìn)行查看。

4.海報(bào)頁

海報(bào)部分不一樣的地方主要有三處：

第一，海報(bào)主圖選擇了商品詳情第一張；第二，海報(bào)中添加了商品的優(yōu)惠信息；第三，商品介紹的文字上限沒有搞清楚。

從圖上看應(yīng)該支持比較長(zhǎng)的文案，但是在家居套裝這個(gè)商品里也隱藏了一部分內(nèi)容，我覺得背后還是有人為設(shè)置相應(yīng)商品介紹的可能。

5.其他

用戶登錄與未登錄是都可以在app內(nèi)進(jìn)行進(jìn)行海報(bào)生成的，但是根據(jù)分享的文案和數(shù)據(jù)采集的角度來看，我覺得后臺(tái)在處理時(shí)還是會(huì)包含已登錄的用戶信息，作為分析用戶行為的數(shù)據(jù)，這對(duì)于電商平臺(tái)來講也是比較重要的。

本文由@lianbo2006原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議

文章標(biāo)題：談?wù)勲娚坍a(chǎn)品封面功能設(shè)計(jì)
標(biāo)題路徑：http://www.muchs.cn/article10/cjjhgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、用戶體驗(yàn)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)