前端時(shí)間接觸了一個(gè)涉及電商優(yōu)惠的需求荧止,簡單說就是收集印度各個(gè)電商的優(yōu)惠內(nèi)容(優(yōu)惠券或者折扣)然后再統(tǒng)一提供給用戶。因此揍鸟,如何讓用戶能夠快速名斟、高效的找到自己想要的優(yōu)惠信息是本次設(shè)計(jì)的重點(diǎn)。在最終的設(shè)計(jì)方案中枣察,由于一條優(yōu)惠內(nèi)容包含的信息量比較大争占,相比于列表的樣式,最終決定用卡片的樣式去承載優(yōu)惠信息序目。因此優(yōu)惠信息卡片是一個(gè)很重要組成部分臂痕,其承載了主要的優(yōu)惠信息及相關(guān)功能。
首先明確一點(diǎn)猿涨,界面中的卡片是作為信息及功能的載體握童,去呈現(xiàn)給用戶的。界面上的每一個(gè)設(shè)計(jì)都應(yīng)該是有根據(jù)的叛赚,不能拍腦袋想當(dāng)然澡绩,因此卡片上的信息和功能稽揭,作為一個(gè)個(gè)元素,其存在和擺放都應(yīng)該是有原因的肥卡。
回顧這次設(shè)計(jì)溪掀,我個(gè)人總結(jié)把設(shè)計(jì)卡片的過程分為三個(gè)部分:匯總元素、篩選元素步鉴、擺放元素揪胃。
匯總元素
這個(gè)階段其實(shí)就是你作為交互設(shè)計(jì)師,去吃透PRD的階段氛琢。
首先要去收集這個(gè)卡片上可能呈現(xiàn)的所有信息及功能喊递,無論是PRD里面說明的,還是從交互的角度出發(fā)覺得需要在任務(wù)流程中提供給用戶的艺沼,都需要先一一列舉出來册舞。
PRD中列舉出的信息有:標(biāo)題、使用說明障般、對(duì)應(yīng)的應(yīng)用信息(icon+名稱)调鲸、配圖(banner),功能有:主要按鈕(下載&打開&領(lǐng)碼)挽荡。但是這些對(duì)用戶來說足夠了么藐石?
*題外話:“作為一個(gè)交互,接到PRD時(shí)最好都保持著一顆懷疑而又探索的心定拟,因?yàn)槟阋喇a(chǎn)品是擁有修改需求的先手權(quán)的于微,完全跟著PRD走你會(huì)很被動(dòng),也體現(xiàn)不出一個(gè)交互的價(jià)值青自≈暌溃” *
抱著這種心態(tài),我就去當(dāng)?shù)氐囊恍﹥?yōu)惠券提供網(wǎng)站逛了一圈延窜。
主要有兩個(gè):CouponRaja恋腕、Gabon
以CouponRaja上的優(yōu)惠內(nèi)容為例,可以看到一條完整的優(yōu)惠內(nèi)容竟然需要包含這么多元素:描述(簡單描述&詳細(xì)描述)逆瑞、優(yōu)惠類型荠藤、優(yōu)惠來源、配圖获高、使用說明哈肖、適用品類&品牌、次要信息念秧、主要功能按鈕淤井、次要功能按鈕。
而為什么PRD中的優(yōu)惠信息只有那點(diǎn)呢?這里我想主要應(yīng)該是產(chǎn)品經(jīng)理考慮到商務(wù)運(yùn)營在扒取內(nèi)容和運(yùn)營的工作量庄吼,所以只保留了最基本的信息缎除。
所以這時(shí)候交互應(yīng)該考慮的是:
**1.就目前的信息严就,對(duì)用戶來說信息量夠不夠总寻; **
**2.如果夠,該怎么展示梢为,如果不夠渐行,還需要哪些信息,然后怎么展示铸董。 **
但是夠不夠不是拍腦袋說了算祟印。由于做的是移動(dòng)端的內(nèi)容,肯定是不能把網(wǎng)頁端所有的內(nèi)容都全部弄過來的粟害,要有取舍蕴忆。這里我們就要從信息最飽和的情況下去分析每條信息的作用,才能去決定保留哪些信息悲幅。
描述
描述可以說是所有元素中最重要的一個(gè)了套鹅,因?yàn)槠渫?fù)責(zé)最先向用戶傳達(dá)該優(yōu)惠信息的核心。
以CouponRaja上的為例汰具,可以看到描述有兩個(gè)卓鹿,一個(gè)簡單的一個(gè)詳細(xì)的:左邊的“Rs.300 OFF-300盧比折"扣和中間的“Flat Rs. 300 OFF on minimum purchase of Rs.999-最低購買滿999盧比后享受300盧比折扣"。
**左邊的簡單描述和右邊的詳細(xì)描述對(duì)比留荔,看上去有點(diǎn)重復(fù)吟孙,但其實(shí)非常有利于用戶快速聚焦信息,高效的找到自己想要的優(yōu)惠內(nèi)容聚蝶。 **
就好比你上淘寶杰妓,看到“50元優(yōu)惠券”或者“5折促銷”,而詳細(xì)描述則是“滿200減50”或者“適用于男裝類產(chǎn)品”碘勉。那么很明顯巷挥,先告訴用戶“減50塊錢"對(duì)用戶的吸引度是大于告訴用戶“你滿了200我才給你減50”。
**讓用戶先閱讀單獨(dú)的利益信息能瞬間勾起用戶的消費(fèi)欲望恰聘,而先閱讀帶上條件的利益信息句各,則會(huì)讓用戶提前知道了你的門檻。因此簡單描述的權(quán)重是大于詳細(xì)描述的晴叨,因?yàn)橄壤婧髼l件的信息展示順序是比較符合商業(yè)目標(biāo)和瀏覽邏輯的凿宾。 **
畢竟在快速瀏覽信息的過程中,一句話的信息量對(duì)用戶來說還是略大兼蕊,而一個(gè)數(shù)字和一個(gè)單詞的組合對(duì)用戶的吸引力則非常直接初厚。
因此在優(yōu)惠描述這里,將其拆分成簡單描述和詳細(xì)描述是有依據(jù)和道理的。
優(yōu)惠類型
優(yōu)惠類型是包括折扣(DEAL)和優(yōu)惠券(COUPON)兩種的产禾,負(fù)責(zé)告訴用戶當(dāng)前的優(yōu)惠內(nèi)容的類型排作,是可以直接去買買買享受折扣,還是說需要領(lǐng)取一個(gè)優(yōu)惠券亚情。
類型這里比較特殊妄痪,它雖然是一種信息,但它的表達(dá)方式卻可以不僅僅局限于文字楞件,也可以通過圖形去表達(dá)衫生,這個(gè)后面會(huì)細(xì)說。
優(yōu)惠來源
來源自然不用說土浸,肯定是需要的罪针。比如這張100元優(yōu)惠券是京東的、天貓超市周末全場(chǎng)8折黄伊,如果沒寫清楚那用戶怎么知道這個(gè)優(yōu)惠可以在哪里使用泪酱。
配圖
配圖可以理解為當(dāng)前優(yōu)惠內(nèi)容的一個(gè)banner,往往是配合熱門推薦的優(yōu)惠內(nèi)容一起使用还最,用圖片去吸引用戶的注意力墓阀,不過并不是所有的優(yōu)惠內(nèi)容都會(huì)有配圖。
使用說明
某些情況下憋活,優(yōu)惠是需要滿足某些特定的條件才能使用的岂津,比如特點(diǎn)的時(shí)間、特點(diǎn)的商品種類以及某些限制悦即。
*像餓了么這種外賣平臺(tái)吮成,商戶都會(huì)有詳細(xì)的優(yōu)惠使用說明,有時(shí)候你會(huì)發(fā)現(xiàn)你明明達(dá)到了滿減的金額辜梳,卻沒有減掉對(duì)應(yīng)的錢粱甫,就是因?yàn)槟愕馁徫镘嚴(yán)锩嬗幸恍┎环蠞M減條件的商品,而印度電商的優(yōu)惠使用說明往往比這個(gè)還要復(fù)雜作瞄。使用說明的存在就是負(fù)責(zé)將這些復(fù)雜的使用規(guī)則茶宵、使用限制告訴給用戶。 *
適用品類&品牌
適用品類&品牌也應(yīng)該算是使用說明的一種宗挥,比如告訴你這個(gè)優(yōu)惠券可以在以下男士運(yùn)用品牌使用:阿迪乌庶、耐克、匡威契耿、新百倫等瞒大,負(fù)責(zé)對(duì)優(yōu)惠內(nèi)容的使用說明做進(jìn)一步補(bǔ)充。
次要信息
次要信息可能包括很多搪桂,比如過期時(shí)間透敌、優(yōu)惠券真實(shí)性、最近被使用時(shí)間等。這些信息對(duì)用戶來說可有可無酗电,并不是決定性的信息魄藕,只是其中有一條比較特殊,那就是過期時(shí)間撵术。因?yàn)闀?huì)有這么一個(gè)場(chǎng)景:比如在淘寶中看到一個(gè)很實(shí)惠的優(yōu)惠券背率,明天就到期了,覺得不用就虧了荷荤,然后馬上就花掉了退渗。這是一個(gè)潛在的消費(fèi)心理,特別是印度用戶蕴纳,是很貪小便宜的,所以過期時(shí)間相對(duì)來說是比較有價(jià)值的个粱。
主要功能按鈕&次要功能按鈕
對(duì)用戶來說古毛,每一條優(yōu)惠內(nèi)容最重要的功能就是領(lǐng)取這個(gè)優(yōu)惠。而領(lǐng)取這個(gè)最終的目的都许,根據(jù)業(yè)務(wù)目標(biāo)的不同稻薇,會(huì)衍生出很多不同的到達(dá)路徑,比如點(diǎn)擊按鈕后要求注冊(cè)&登錄以拉新增用戶或提高日活胶征。因此根據(jù)路徑的不同塞椎,反映到主要功能按鈕上的點(diǎn)擊反饋上也會(huì)不一樣。
而次要功能一般是分享睛低、收藏案狠、發(fā)送到手機(jī)&郵箱、添加到卡券包等主路徑延伸場(chǎng)景钱雷,其都不影響用戶完成主路徑的操作骂铁,不是必備功能。
優(yōu)惠碼
在所有的優(yōu)惠券信息中罩抗,有一條隱藏信息比較特殊拉庵,就是優(yōu)惠碼。通常情況下只有優(yōu)惠券會(huì)包含優(yōu)惠碼套蒂,這是由于印度當(dāng)前電商環(huán)境所決定的钞支,和國內(nèi)淘寶、京東之類電商平臺(tái)的優(yōu)惠券有所不同操刀。
**優(yōu)惠碼在網(wǎng)頁端通常是不直接露出的烁挟,需要用戶付出一定的操作成本才會(huì)出現(xiàn),因?yàn)槿绻苯勇冻鲡晒危怯脩魜砹藦?fù)制了優(yōu)惠碼就走信夫,對(duì)新增注冊(cè)、日活、合作導(dǎo)量等業(yè)務(wù)目標(biāo)都沒有任何幫助静稻。當(dāng)存在優(yōu)惠碼的情況下警没,主要功能按鈕就需要直接提示用戶領(lǐng)取優(yōu)惠碼,刺激用戶點(diǎn)擊振湾。 **
分析完所有元素后杀迹,接下來就是要根據(jù)自身產(chǎn)品的業(yè)務(wù)目標(biāo),去決定留下哪些元素押搪。
由于自身的產(chǎn)品是一個(gè)應(yīng)用商店树酪,所有的需求最終導(dǎo)向的目的都應(yīng)該是通過內(nèi)容刺激用戶下載,提高日活大州、留存以及發(fā)行系數(shù)续语。
**因此對(duì)于優(yōu)惠內(nèi)容,在暴露給用戶的過程中厦画,應(yīng)該做到最高效疮茄、最直接的傳達(dá),以刺激用戶因?yàn)楸粌?yōu)惠內(nèi)容吸引根暑,產(chǎn)生消費(fèi)沖動(dòng)從而生產(chǎn)下載行為力试。 **
下一部分將說明如何去篩選這些元素的。
非常感謝您的閱讀排嫌,您的支持是我最大的動(dòng)力畸裳!