怎樣設(shè)計一個優(yōu)惠信息卡片—Part1#交互#設(shè)計思路

Cover

前端時間接觸了一個涉及電商優(yōu)惠的需求,簡單說就是收集印度各個電商的優(yōu)惠內(nèi)容(優(yōu)惠券或者折扣)然后再統(tǒng)一提供給用戶。因此,如何讓用戶能夠快速、高效的找到自己想要的優(yōu)惠信息是本次設(shè)計的重點。在最終的設(shè)計方案中,由于一條優(yōu)惠內(nèi)容包含的信息量比較大,相比于列表的樣式,最終決定用卡片的樣式去承載優(yōu)惠信息。因此優(yōu)惠信息卡片是一個很重要組成部分,其承載了主要的優(yōu)惠信息及相關(guān)功能。

首先明確一點,界面中的卡片是作為信息及功能的載體,去呈現(xiàn)給用戶的。界面上的每一個設(shè)計都應(yīng)該是有根據(jù)的,不能拍腦袋想當(dāng)然,因此卡片上的信息和功能,作為一個個元素,其存在和擺放都應(yīng)該是有原因的。

回顧這次設(shè)計,我個人總結(jié)把設(shè)計卡片的過程分為三個部分:匯總元素、篩選元素、擺放元素。

匯總元素

這個階段其實就是你作為交互設(shè)計師,去吃透PRD的階段。

首先要去收集這個卡片上可能呈現(xiàn)的所有信息及功能,無論是PRD里面說明的,還是從交互的角度出發(fā)覺得需要在任務(wù)流程中提供給用戶的,都需要先一一列舉出來。

PRD中列舉出的信息有:標(biāo)題、使用說明、對應(yīng)的應(yīng)用信息(icon+名稱)、配圖(banner),功能有:主要按鈕(下載&打開&領(lǐng)碼)。但是這些對用戶來說足夠了么?

*題外話:“作為一個交互,接到PRD時最好都保持著一顆懷疑而又探索的心,因為你要知道產(chǎn)品是擁有修改需求的先手權(quán)的,完全跟著PRD走你會很被動,也體現(xiàn)不出一個交互的價值?!?*

抱著這種心態(tài),我就去當(dāng)?shù)氐囊恍﹥?yōu)惠券提供網(wǎng)站逛了一圈。
主要有兩個:CouponRaja、Gabon

優(yōu)惠券卡片示例-CouponRaja

以CouponRaja上的優(yōu)惠內(nèi)容為例,可以看到一條完整的優(yōu)惠內(nèi)容竟然需要包含這么多元素:描述(簡單描述&詳細(xì)描述)、優(yōu)惠類型、優(yōu)惠來源、配圖、使用說明、適用品類&品牌、次要信息、主要功能按鈕、次要功能按鈕。

而為什么PRD中的優(yōu)惠信息只有那點呢?這里我想主要應(yīng)該是產(chǎn)品經(jīng)理考慮到商務(wù)運營在扒取內(nèi)容和運營的工作量,所以只保留了最基本的信息。

所以這時候交互應(yīng)該考慮的是:

**1.就目前的信息,對用戶來說信息量夠不夠; **

**2.如果夠,該怎么展示,如果不夠,還需要哪些信息,然后怎么展示。 **

但是夠不夠不是拍腦袋說了算。由于做的是移動端的內(nèi)容,肯定是不能把網(wǎng)頁端所有的內(nèi)容都全部弄過來的,要有取舍。這里我們就要從信息最飽和的情況下去分析每條信息的作用,才能去決定保留哪些信息。

描述

描述可以說是所有元素中最重要的一個了,因為其往往負(fù)責(zé)最先向用戶傳達(dá)該優(yōu)惠信息的核心。

描述示例-CouponRaja

以CouponRaja上的為例,可以看到描述有兩個,一個簡單的一個詳細(xì)的:左邊的“Rs.300 OFF-300盧比折"扣和中間的“Flat Rs. 300 OFF on minimum purchase of Rs.999-最低購買滿999盧比后享受300盧比折扣"。

**左邊的簡單描述和右邊的詳細(xì)描述對比,看上去有點重復(fù),但其實非常有利于用戶快速聚焦信息,高效的找到自己想要的優(yōu)惠內(nèi)容。 **

就好比你上淘寶,看到“50元優(yōu)惠券”或者“5折促銷”,而詳細(xì)描述則是“滿200減50”或者“適用于男裝類產(chǎn)品”。那么很明顯,先告訴用戶“減50塊錢"對用戶的吸引度是大于告訴用戶“你滿了200我才給你減50”。

**讓用戶先閱讀單獨的利益信息能瞬間勾起用戶的消費欲望,而先閱讀帶上條件的利益信息,則會讓用戶提前知道了你的門檻。因此簡單描述的權(quán)重是大于詳細(xì)描述的,因為先利益后條件的信息展示順序是比較符合商業(yè)目標(biāo)和瀏覽邏輯的。 **

畢竟在快速瀏覽信息的過程中,一句話的信息量對用戶來說還是略大,而一個數(shù)字和一個單詞的組合對用戶的吸引力則非常直接。

因此在優(yōu)惠描述這里,將其拆分成簡單描述和詳細(xì)描述是有依據(jù)和道理的。

優(yōu)惠類型

優(yōu)惠類型示例-CouponRaja

優(yōu)惠類型是包括折扣(DEAL)和優(yōu)惠券(COUPON)兩種的,負(fù)責(zé)告訴用戶當(dāng)前的優(yōu)惠內(nèi)容的類型,是可以直接去買買買享受折扣,還是說需要領(lǐng)取一個優(yōu)惠券。

類型這里比較特殊,它雖然是一種信息,但它的表達(dá)方式卻可以不僅僅局限于文字,也可以通過圖形去表達(dá),這個后面會細(xì)說。

優(yōu)惠來源

來源自然不用說,肯定是需要的。比如這張100元優(yōu)惠券是京東的、天貓超市周末全場8折,如果沒寫清楚那用戶怎么知道這個優(yōu)惠可以在哪里使用。

配圖

配圖可以理解為當(dāng)前優(yōu)惠內(nèi)容的一個banner,往往是配合熱門推薦的優(yōu)惠內(nèi)容一起使用,用圖片去吸引用戶的注意力,不過并不是所有的優(yōu)惠內(nèi)容都會有配圖。

使用說明

某些情況下,優(yōu)惠是需要滿足某些特定的條件才能使用的,比如特點的時間、特點的商品種類以及某些限制。

使用說明示例-餓了么

*像餓了么這種外賣平臺,商戶都會有詳細(xì)的優(yōu)惠使用說明,有時候你會發(fā)現(xiàn)你明明達(dá)到了滿減的金額,卻沒有減掉對應(yīng)的錢,就是因為你的購物車?yán)锩嬗幸恍┎环蠞M減條件的商品,而印度電商的優(yōu)惠使用說明往往比這個還要復(fù)雜。使用說明的存在就是負(fù)責(zé)將這些復(fù)雜的使用規(guī)則、使用限制告訴給用戶。 *

適用品類&品牌

適用品類&品牌示例-CouponRaja

適用品類&品牌也應(yīng)該算是使用說明的一種,比如告訴你這個優(yōu)惠券可以在以下男士運用品牌使用:阿迪、耐克、匡威、新百倫等,負(fù)責(zé)對優(yōu)惠內(nèi)容的使用說明做進(jìn)一步補(bǔ)充。

次要信息

次要信息可能包括很多,比如過期時間、優(yōu)惠券真實性、最近被使用時間等。這些信息對用戶來說可有可無,并不是決定性的信息,只是其中有一條比較特殊,那就是過期時間。因為會有這么一個場景:比如在淘寶中看到一個很實惠的優(yōu)惠券,明天就到期了,覺得不用就虧了,然后馬上就花掉了。這是一個潛在的消費心理,特別是印度用戶,是很貪小便宜的,所以過期時間相對來說是比較有價值的。

主要功能按鈕&次要功能按鈕

按鈕示例-CouponRaja

對用戶來說,每一條優(yōu)惠內(nèi)容最重要的功能就是領(lǐng)取這個優(yōu)惠。而領(lǐng)取這個最終的目的,根據(jù)業(yè)務(wù)目標(biāo)的不同,會衍生出很多不同的到達(dá)路徑,比如點擊按鈕后要求注冊&登錄以拉新增用戶或提高日活。因此根據(jù)路徑的不同,反映到主要功能按鈕上的點擊反饋上也會不一樣。

而次要功能一般是分享、收藏、發(fā)送到手機(jī)&郵箱、添加到卡券包等主路徑延伸場景,其都不影響用戶完成主路徑的操作,不是必備功能。

優(yōu)惠碼

優(yōu)惠碼示例-CouponRaja

在所有的優(yōu)惠券信息中,有一條隱藏信息比較特殊,就是優(yōu)惠碼。通常情況下只有優(yōu)惠券會包含優(yōu)惠碼,這是由于印度當(dāng)前電商環(huán)境所決定的,和國內(nèi)淘寶、京東之類電商平臺的優(yōu)惠券有所不同。

**優(yōu)惠碼在網(wǎng)頁端通常是不直接露出的,需要用戶付出一定的操作成本才會出現(xiàn),因為如果直接露出,那用戶來了復(fù)制了優(yōu)惠碼就走,對新增注冊、日活、合作導(dǎo)量等業(yè)務(wù)目標(biāo)都沒有任何幫助。當(dāng)存在優(yōu)惠碼的情況下,主要功能按鈕就需要直接提示用戶領(lǐng)取優(yōu)惠碼,刺激用戶點擊。 **


分析完所有元素后,接下來就是要根據(jù)自身產(chǎn)品的業(yè)務(wù)目標(biāo),去決定留下哪些元素。

由于自身的產(chǎn)品是一個應(yīng)用商店,所有的需求最終導(dǎo)向的目的都應(yīng)該是通過內(nèi)容刺激用戶下載,提高日活、留存以及發(fā)行系數(shù)。

**因此對于優(yōu)惠內(nèi)容,在暴露給用戶的過程中,應(yīng)該做到最高效、最直接的傳達(dá),以刺激用戶因為被優(yōu)惠內(nèi)容吸引,產(chǎn)生消費沖動從而生產(chǎn)下載行為。 **

下一部分將說明如何去篩選這些元素的。


非常感謝您的閱讀,您的支持是我最大的動力!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容