需要產(chǎn)品經(jīng)理用心做好的交互體驗(yàn):「彈框」

4 評(píng)論 14913 瀏覽 104 收藏 8 分鐘

讓用戶不用想,減少其等待的焦慮感,這就是好的交互設(shè)計(jì)的目的。

彈框是交互設(shè)計(jì)中非常重要的一個(gè)點(diǎn),彈框大致分為四類:系統(tǒng)提示、操作引導(dǎo)、信息反饋、廣告(主要是運(yùn)營(yíng)的KPI咯,嘻嘻)。

在聊彈框之前,我們先來講解一下彈框與新開頁面的區(qū)別:

什么情況下適合用彈框?

原則規(guī)范:適合臨時(shí)性、補(bǔ)充性或突發(fā)性的情況展示,流程步驟中的插入行為,可由用戶選擇是否進(jìn)行,不覆蓋用戶已閱讀內(nèi)容

使用場(chǎng)景:需要用戶在主干流程中知曉或者補(bǔ)充一些額外信息時(shí)

表現(xiàn)方式:半透明遮罩效果的彈窗,體現(xiàn)頁面間的層級(jí)關(guān)系

什么情況下適合新開頁面?

原則規(guī)范:適合單任務(wù)場(chǎng)景或進(jìn)程型頁面

使用場(chǎng)景:用戶需要在不同的獨(dú)立頁面來回切換時(shí)

表現(xiàn)方式:頁面間的跳轉(zhuǎn),提現(xiàn)該頁面為子流程,具有一定獨(dú)立性

接下來我們著重分析和總結(jié),系統(tǒng)提示、操作引導(dǎo)、信息反饋三類彈窗的使用場(chǎng)景和原則。

系統(tǒng)提示:系統(tǒng)自動(dòng)彈出的提醒,如評(píng)分彈框。

1.在制定的用戶行為監(jiān)控下做展示,避免打斷用戶的使用,影響用戶體驗(yàn)。

想要提高 App 好評(píng)率,需選擇一個(gè)合適的時(shí)間和位置來引導(dǎo)用戶評(píng)分。最好是在用戶順利使用App完成某件事情,滿足某個(gè)需求,有很不錯(cuò)的感覺的時(shí)候,提供評(píng)分功能。也就是,要在用戶用的最爽的時(shí)候下手,一舉拿下。以旅行類 App 為例,通常在用戶搶票成功之后發(fā)出評(píng)分請(qǐng)求。

2.注意彈框的頻率,保持特有入口,為用戶提供自由選擇的權(quán)利,無須過度打擾。

找到活躍用戶,找準(zhǔn)重度用戶,提供評(píng)分彈窗,讓他們?yōu)槟愕漠a(chǎn)品指路,這是至關(guān)重要的!小Q推薦一種評(píng)分彈框設(shè)定規(guī)則:只對(duì)一段時(shí)間內(nèi)多次打開App且有效操作達(dá)到某個(gè)閾值的用戶提示評(píng)分。譬如,用戶使用至少?3?天以后,打開次數(shù)在?10?次以上,邀請(qǐng)用戶對(duì) App 評(píng)分,如果用戶拒絕,則在本次安裝的情況下,應(yīng)用不再提示。

當(dāng)然除了引導(dǎo)活躍用戶“給個(gè)好評(píng)”以外,幫助非活躍甚至是不喜歡你產(chǎn)品的用戶吐露心聲,也是一種提高用戶活躍度的方式。所以,利用評(píng)分彈出這樣一個(gè)特有入口,提供“吐槽”的機(jī)會(huì),也是不錯(cuò)的選擇。譬如:開眼App。把評(píng)分彈窗作為褒貶平衡的入口,既可以吐槽,也可以評(píng)分以此鼓勵(lì)。用戶能自由選擇一種通道,與產(chǎn)品交流。

除了通過推送機(jī)制及用戶體驗(yàn)的優(yōu)化之外,適當(dāng)?shù)腁SO(應(yīng)用商店優(yōu)化)手段也是必不可少的。畢竟評(píng)分是強(qiáng)依賴用戶心思的事情,用戶使用的開心,你引導(dǎo)引導(dǎo)評(píng)評(píng)分也還是不太那么難,倘若產(chǎn)品本身就不咋地,這樣強(qiáng)制的要求用戶去給一個(gè)好評(píng),自然也就不太合適了。請(qǐng)記住一點(diǎn),用戶想要評(píng)價(jià)自然會(huì)去做,如果不想,你做得多了反而會(huì)有負(fù)面效果。

3.彈框設(shè)計(jì)獨(dú)特,文案簡(jiǎn)單明了,按鈕主次分明,減少判斷負(fù)擔(dān)。

彈框的設(shè)計(jì)要符合產(chǎn)品的風(fēng)格,該調(diào)皮時(shí)調(diào)皮,該嚴(yán)肅時(shí)就要嚴(yán)肅。彈框里你最想要引導(dǎo)用戶所操作的按鈕,建議重點(diǎn)突出,設(shè)計(jì)醒目。減少用戶思考的成本,快速完成評(píng)分的行為。如圖:土豆網(wǎng)App的評(píng)分彈框,就滿足本原則。

操作引導(dǎo):功能導(dǎo)向的提醒,如權(quán)限獲取

在恰當(dāng)?shù)臅r(shí)機(jī)出現(xiàn),切忌文字太多徒增反感,設(shè)計(jì)一定要看。

如映兔App的開啟通知的引導(dǎo)設(shè)計(jì),就非常簡(jiǎn)單直接,且彈出時(shí)機(jī)恰到好處。對(duì)于通知類引導(dǎo),通常是用戶下載后第一次使用某功能時(shí)主動(dòng)彈出,那么既然要彈出,就應(yīng)該用最簡(jiǎn)單明了的話術(shù),讓用戶最快完成并開始享受產(chǎn)品的魅力。很多APP會(huì)在初次使用的過程中直接彈框索取權(quán)限,這確實(shí)是最簡(jiǎn)單的實(shí)現(xiàn)方式,但被拒的可能性也最大…請(qǐng)參考《產(chǎn)品經(jīng)理需要用心做好的交互體驗(yàn)——權(quán)限獲取》一文,有比較詳盡的分析和說明。

信息反饋:操作反饋的展示,如各類Toast

信息類反饋彈框都會(huì)讓用戶等待,所以要跟用戶產(chǎn)生互動(dòng)。通過減少等待的時(shí)間從而減輕用戶的負(fù)面情緒,用好的交互體驗(yàn),有效滴降低用戶的抱怨程度,讓用戶不用想,就能完成花費(fèi)時(shí)間代價(jià)的過程,這就是好的交互設(shè)計(jì)的目的。

基于用戶正確的操作行為,產(chǎn)品提供的反饋能否給予用戶情感上的滿足,這對(duì)產(chǎn)品中的一系列反饋機(jī)制提出了更高層次的要求,同時(shí)也對(duì)設(shè)計(jì)師提出了更高的要求基于用戶正確的操作行為,產(chǎn)品提供的反饋能否給予用戶情感上的滿足,這對(duì)產(chǎn)品中的一系列反饋機(jī)制提出了更高層次的要求,同時(shí)也對(duì)設(shè)計(jì)師提出了更高的要求。具體請(qǐng)參考《用好的交互設(shè)計(jì)來減少用戶等待》一文。

#專欄作家#

Mandy權(quán),微信公眾號(hào):小Q聊產(chǎn)品,人人都是產(chǎn)品經(jīng)理專欄作家,善于資訊、母嬰、教育類產(chǎn)品設(shè)計(jì)與分析。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 研究得很深入,學(xué)習(xí)了!

    來自廣東 回復(fù)
  2. 血洗了

    來自陜西 回復(fù)
  3. 寫得很深入

    回復(fù)
    1. 謝謝支持

      回復(fù)