空狀態(tài)的3種場(chǎng)景與3種對(duì)應(yīng)方案

1 評(píng)論 4801 瀏覽 20 收藏 8 分鐘

編輯導(dǎo)語:我們?cè)谑褂密浖r(shí),有時(shí)會(huì)遇到網(wǎng)不好或者斷網(wǎng)的時(shí)候,頁面上的斷網(wǎng)提示對(duì)用戶的體驗(yàn)感來說非常重要;如果用戶看到了斷網(wǎng)提示,但是卻找不到原因,可能會(huì)對(duì)軟件有一種抵觸感;本文作者介紹了幾個(gè)空狀態(tài)的解決方案,我們一起來看一下。

上一次回顧了一些關(guān)于列表的7788,其中有一個(gè)特殊狀態(tài)還沒有展開,也是我自己經(jīng)常忘記的一個(gè)狀態(tài)(我怎么什么都忘-v-);其實(shí)空狀態(tài)也可以是一個(gè)創(chuàng)造有趣體驗(yàn)的一個(gè)小機(jī)會(huì),可能大多數(shù)情況我們看到的空,就是一個(gè)小插畫+一句文案提示。

下面也會(huì)根據(jù)不同場(chǎng)景舉一些最近看到的很喜歡的例子,大綱如下:

是空狀態(tài)的3種場(chǎng)景與3種對(duì)應(yīng)方案

一、設(shè)計(jì)空狀態(tài)的作用

那設(shè)計(jì)空狀態(tài)的作用都是什么呢?我能想到的最直觀的:

  • 引導(dǎo)用戶操作;
  • 緩解用戶看到一片空白的焦慮情緒;

還有倆“隱藏”的作用:

  • 提升商業(yè)價(jià)值、點(diǎn)擊率、留存;
  • 品牌、產(chǎn)品調(diào)性UP;

二、場(chǎng)景與解決方案

先來看看,什么情況下頁面會(huì)為空:

1. 場(chǎng)景一

首次使用、無任何操作時(shí)這個(gè)場(chǎng)景下的空狀態(tài)需承載一定的新手引導(dǎo)的信息;通過合適的方式來引導(dǎo)用戶進(jìn)行操作,幫助用戶盡量快速的了解當(dāng)前場(chǎng)景下的功能、甚至可以在此處,將產(chǎn)品想要營(yíng)造的氛圍,傳達(dá)給用戶。

解決方案:

引導(dǎo)行動(dòng)第一種:最常見的就是在空頁面增加行動(dòng)引導(dǎo),比如淘寶-購(gòu)物車的“去逛逛”,點(diǎn)擊之后跳轉(zhuǎn)至主流程,引導(dǎo)用戶“逛街”;類似這樣的解決方案,也可應(yīng)用的B端或者工具類的列表處,直接引導(dǎo)用戶“去”操作某項(xiàng)功能~。

第二種:通過文案、小動(dòng)效指向操作按鈕,引導(dǎo)用戶去點(diǎn)擊,參與到產(chǎn)品流程中;這樣的方式,我理解不僅可以在空狀態(tài)下給出了解決方案,還可以做到新手引導(dǎo)的作用,進(jìn)而影響用戶去分享(發(fā)布)(具體使用哪種方式,需要結(jié)合產(chǎn)品的主流程來決定)。

是空狀態(tài)的3種場(chǎng)景與3種對(duì)應(yīng)方案

2. 場(chǎng)景二

結(jié)果為空:篩選或者搜索結(jié)果后為空,沒有符合篩選需求,頁面先需給到用戶直接的反饋,再找個(gè)辦法消除掉0結(jié)果給用戶的落寞感。

解決方案:改變篩選條件/猜你喜歡。

第一種:

像自如篩選后,提示用戶“未找到符合條件的房源,減少篩選條件試試”;與此同時(shí)又通過推薦的方式,給到用戶一點(diǎn)安慰,又或者可以從商業(yè)的角度上去理解,這也是提升業(yè)務(wù)的一個(gè)方式——在用戶沒有找到完全符合條件的房源時(shí),產(chǎn)品給出更多的選擇,通過算法等方式,去激勵(lì)用戶點(diǎn)擊、操作、瀏覽,進(jìn)而來達(dá)到提升業(yè)務(wù)上的轉(zhuǎn)化

同樣,當(dāng)淘寶購(gòu)物車是空的時(shí)候,也會(huì)推薦一些商品根據(jù)瀏覽記錄來推薦一些商品,淘寶無時(shí)無刻都在給顧客(用戶)營(yíng)造了一種逛街感,激勵(lì)用戶繼續(xù)瀏覽內(nèi)容,不會(huì)輕易的離開,進(jìn)而來提升產(chǎn)品的業(yè)務(wù)目標(biāo)。

是空狀態(tài)的3種場(chǎng)景與3種對(duì)應(yīng)方案

第二種:

就還挺喜歡懂車帝這種解決方案的,將篩選結(jié)果前置,在按鈕上及時(shí)的給出篩選結(jié)果,這樣的方式效率比較高;若篩選條件為0,則用戶可以直接更換條件。

是空狀態(tài)的3種場(chǎng)景與3種對(duì)應(yīng)方案

3. 場(chǎng)景三

斷網(wǎng)等特殊情況一般iOS在下載一個(gè)新的APP時(shí),會(huì)彈出倆彈窗;其中一個(gè)詢問網(wǎng)絡(luò)的,如果一不小心點(diǎn)了不允許XX,那就很尷尬了,用戶就要如同尋寶一般在設(shè)置里尋找到這個(gè)被“區(qū)別對(duì)待”的APP,把Ta從沒有網(wǎng)絡(luò)的世界里釋放出來。

解決方案:

帶著用戶解決/給用戶提供一些新的任務(wù)如果在使用時(shí)遇到斷網(wǎng)這種特殊情況,那可真的是很可怕的;如果用戶自己自身還不知道自己沒開蜂窩,又突然離開wifi,并且蜂窩不允許。

正在進(jìn)行的任務(wù)就全部失靈,首先需要安撫用戶的緊張情緒,給出緩解緊張的知心文案和可愛圖片等,用戶看到這些會(huì)在一定程度上沒那么暴躁;但僅僅用情感化的表達(dá)可能還是不夠的,總得給個(gè)交代才好;可以給用戶提供一些新的任務(wù),幫助Ta去尋找產(chǎn)品不能使用的原因,比如:最右、抖音、好好住。

是空狀態(tài)的3種場(chǎng)景與3種對(duì)應(yīng)方案

是空狀態(tài)的3種場(chǎng)景與3種對(duì)應(yīng)方案

三、小小總結(jié)

想嘗試升華一下,通過空狀態(tài)的設(shè)計(jì),不僅可以給產(chǎn)品創(chuàng)造一些商業(yè)機(jī)會(huì),還可以進(jìn)一步傳達(dá)產(chǎn)品理念,讓產(chǎn)品風(fēng)格、定位更加深入用戶心里;像最近很喜歡的APP——躺平,就像個(gè)可愛慵懶的小朋友一樣出現(xiàn)在你的面前,對(duì)話一般的形象,也可拉近和用戶之間的距離。

是空狀態(tài)的3種場(chǎng)景與3種對(duì)應(yīng)方案

(好的,我怕是升華失敗了。(ps:想說躺平這個(gè)小人兒設(shè)計(jì)的孤獨(dú)感實(shí)在太強(qiáng)了–)

最后的最后,“空”的頁面,也是有Ta自己的價(jià)值與意義的!

以上是在最近工作中提煉的一些內(nèi)容,如果以上內(nèi)容有不合適的地方,也希望可以一起討論,謝謝!

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 那塊馬賽克是神來之筆

    來自北京 回復(fù)