0
本文作者: 人人都是產(chǎn)品經(jīng)理 | 2016-11-08 19:56 |
讓我們談?wù)劶t點(diǎn)需求從何而來
先擺結(jié)論:紅點(diǎn)配置的需求,主要來自公司內(nèi)部的業(yè)務(wù)方,滿足為業(yè)務(wù)引流的需求(比如微信的現(xiàn)金?!坝螒颉比肟谌绻麤]有紅點(diǎn),你可能一直不會去點(diǎn))。
紅點(diǎn)最初是從什么地方產(chǎn)生的?網(wǎng)上有公開的一些資料可以查到,據(jù)稱是黑莓第一個用起來(未經(jīng)考證),后來Jobs在iOS把它發(fā)揚(yáng)光大,安卓又前赴后繼,最后大家把它干成了一個業(yè)內(nèi)較為常見引流運(yùn)營工具,特別對于強(qiáng)迫癥患者用戶,效果奇佳。于是,市面上逐漸出現(xiàn)了千奇百怪的一些設(shè)計,接下來讓我手把手教你做一個不好的紅點(diǎn)設(shè)計。
配紅點(diǎn)容易,但你(具體業(yè)務(wù))接不接得住流量,接得好不好,是另外一回事兒。
讓我們來看一下,什么叫接不?。?/p>
案例1:“雪球”APP提示有277喔,厲害了,不點(diǎn)進(jìn)去看看怎么行?
Excuse me? 所以277是什么??今日吉數(shù)嗎?
案例二:哎呀,Linkin有6個獵頭找我啦,我得去看看!
Excuse me? 1+1+5=6?小學(xué)班主任喊你回去罰站。
本質(zhì)上來講,紅點(diǎn)提醒就是預(yù)期管理。
紅點(diǎn)的配置一般都在一些入口處,比如菜單,Tab上等等。這意味著會存在至少兩個層級的信息(有時甚至更多層級)。上一級的紅點(diǎn)所透露的信息,是下一級信息的壓縮版。比如,為了提醒用戶有4條活動詳情需查看,在上一級的消息中心入口放了數(shù)字紅點(diǎn)“4”。
因此,投放紅點(diǎn)時,務(wù)必從末級信息的提示開始,向上一級信息推探紅點(diǎn)配置的合理性。比如案例一,末級信息是空,但上一級信息卻是277;案例二,末級信息是7個消息提醒,但上一級信息是6。都與用戶預(yù)期產(chǎn)生偏差。這種情況發(fā)生多了,就變成“狼來了”,失去用戶的信任感,并對紅點(diǎn)免疫(或純粹為消除而消除)。
業(yè)內(nèi)有大量的app,給了紅點(diǎn),但點(diǎn)擊后,讓用戶不清楚落地頁希望提示的信息具體是什么。
反過來,給個正面例子,看看微信游戲入口怎么玩兒紅點(diǎn)。
案例三:好像有一個叫封神的新游戲哦,去看一下吧。
一進(jìn)來,彈窗,提示可以玩一下這個叫封神什么的游戲哦,那就進(jìn)入游戲吧!
點(diǎn)了進(jìn)入游戲,跳轉(zhuǎn)app store,想玩兒你要先下載啊!有道理,那下載一個唄!
接得妥妥的(我沒收騰訊錢)。
我們從末級信息反推來看看:
3. APP store游戲下載頁,希望用戶可以下載這個叫“封神”的游戲
2. 微信游戲首頁,一個強(qiáng)彈窗,告知用戶,有個新游戲叫“封神”,可以去玩玩
1. 微信發(fā)現(xiàn)頁,游戲頻道,紅點(diǎn)+文案提示:有新游戲叫封神哦,來看看嘛。
自始至終,信息都是一致,有承接的。
預(yù)期管理在(任何類型的)設(shè)計中都是一個基本原則,不符合預(yù)期的設(shè)計會違背人的直覺反應(yīng)。這一點(diǎn)可能還會在我往后的文章中反復(fù)提到。
處女座強(qiáng)迫癥患者與紅點(diǎn)是一對相生相戀的CP。
你感覺壓力大的時候,會不會抖腳?會不會轉(zhuǎn)筆?會不會想找個泡泡包裝紙一個個捏爆他們?
美國兩位小伙兒,前段時間再Kickstarter上眾籌了一款魔性爆款產(chǎn)品,有興趣的可以去搜搜,叫Fidget cube。
(圖片來自公眾號:zuiheikeji)
我感覺很多紅點(diǎn)也可以這樣玩兒??!業(yè)內(nèi)很多APP的紅點(diǎn)會讓你消不掉。是的,點(diǎn)了也不消。點(diǎn)多少次,它還屹立在那里!
據(jù)我觀察和設(shè)計經(jīng)驗,業(yè)內(nèi)有兩種常用的紅點(diǎn)消除的邏輯。
第一種 ——“末級消除”:點(diǎn)擊了最后一個紅點(diǎn)(或完成指定操作),才消除所有層級的紅點(diǎn)。
第二種 ——“點(diǎn)過即消”:每點(diǎn)擊一個紅點(diǎn),就消一個。
對于運(yùn)營或業(yè)務(wù)方來說,第一種的引流效果會更好,因為會強(qiáng)迫用戶點(diǎn)完所有的紅點(diǎn)(完成任務(wù))。但是!但是!私以為,這種紅點(diǎn)只能用于對于用戶來講優(yōu)先級非常重要的信息提示(比如微信“發(fā)現(xiàn)”與“朋友圈”上的紅點(diǎn),不消除“朋友圈”的,“發(fā)現(xiàn)”上的紅點(diǎn)也不會消除;另外,iOS自帶的“信息”和“電話”也是這種邏輯):
案例四:如果不點(diǎn)擊消除“朋友圈”的紅點(diǎn),“發(fā)現(xiàn)”上的紅點(diǎn)即使點(diǎn)了也不會消除。
但是業(yè)內(nèi),很多友商,都用在了業(yè)務(wù)方/運(yùn)營方自認(rèn)為對公司很重要的業(yè)務(wù)上,忽略了用戶的意愿與感受。
案例五:卷皮的“我的購物習(xí)慣”用于收集用戶信息(有利于商品的個性化推薦),如果不填寫完,即使點(diǎn)過,也會一直存在。
因此,我更傾向普遍的運(yùn)用“點(diǎn)過即消”的紅點(diǎn),每一個層級的紅點(diǎn)只負(fù)責(zé)這一層級的引導(dǎo)任務(wù),完成后,就可以全身而退了。這樣,即使用戶對更深層級的信息不感興趣,操作了返回,也不會影響在上一層級的其他操作。對用戶來講極其重要的信息(如客服回復(fù)消息等),方可使用“末級消除”的紅點(diǎn)。
唯品會的個人中心紅點(diǎn)設(shè)計即遵循了上述的設(shè)計思路——除了待支付訂單、優(yōu)惠券即將到期提醒兩種,其余所有菜單配置的紅點(diǎn),都是點(diǎn)過即消的。
有個事實是需要擺出來的:每一個業(yè)務(wù)負(fù)責(zé)人(或運(yùn)營同學(xué)),都希望有更多的流量可以進(jìn)入。流量是血液,是產(chǎn)品的生命。
所以,作為個人中心菜單的產(chǎn)品,比較像一個奶媽。
孩子都要喂,喂哪一個呢?
有人選擇了都要喂(以前某寶的這些孩子都在首頁,現(xiàn)在雖然調(diào)配去二級入口了,但用iPhone6來看,仍有3屏以上的內(nèi)容):
有人選擇只喂飽幾個結(jié)實的(微信這個結(jié)構(gòu)長期沒變過,佩服張小龍的掌控力):
我個人傾向于常喂那些重要的業(yè)務(wù)(比如近期唯品會個人中心強(qiáng)推的活動:簽到送唯品幣,拉回訪),必要時,可以給一些孩子一些機(jī)會(配2天紅點(diǎn),看看之后是否回訪流量提升了),證明自己的重要性,隨著產(chǎn)品的完善,慢慢培植出自帶的流量勢能。
簡而言之:信息多了,等于沒有信息。重點(diǎn)多了,等于沒有重點(diǎn)。且行且珍惜。
玩爛紅點(diǎn)絕招4:躲貓貓的紅點(diǎn)
這一節(jié)比較粗暴簡約。
我想說的是配色。
友商自帶bug的配色(問:圖中有幾個紅點(diǎn)):
來看看咱家的:
如果你想設(shè)計一個不好“紅點(diǎn)”邏輯,應(yīng)該:
確保用戶一臉懵逼,琢磨不透你的心思;
確保用戶點(diǎn)過有紅點(diǎn)的按鈕后不消除;
都想紅,一起來啊!都配上紅點(diǎn)!
在配色上躲貓貓,讓用戶找不到紅點(diǎn)。
Well done!
厲害了我的哥,恭喜完成了一個不好的“紅點(diǎn)”設(shè)計。
雷鋒網(wǎng)注:本文由人人都是產(chǎn)品經(jīng)理作者Joao_Zhang授權(quán)發(fā)布雷鋒網(wǎng),公眾號:PathsVIVI。未經(jīng)作者允許,禁止轉(zhuǎn)載。
雷峰網(wǎng)原創(chuàng)文章,未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。