空狀態(tài)的3種場景與3種對應(yīng)方案
編輯導(dǎo)語:我們在使用軟件時,有時會遇到網(wǎng)不好或者斷網(wǎng)的時候,頁面上的斷網(wǎng)提示對用戶的體驗感來說非常重要;如果用戶看到了斷網(wǎng)提示,但是卻找不到原因,可能會對軟件有一種抵觸感;本文作者介紹了幾個空狀態(tài)的解決方案,我們一起來看一下。
上一次回顧了一些關(guān)于列表的7788,其中有一個特殊狀態(tài)還沒有展開,也是我自己經(jīng)常忘記的一個狀態(tài)(我怎么什么都忘-v-);其實空狀態(tài)也可以是一個創(chuàng)造有趣體驗的一個小機會,可能大多數(shù)情況我們看到的空,就是一個小插畫+一句文案提示。
下面也會根據(jù)不同場景舉一些最近看到的很喜歡的例子,大綱如下:
一、設(shè)計空狀態(tài)的作用
那設(shè)計空狀態(tài)的作用都是什么呢?我能想到的最直觀的:
- 引導(dǎo)用戶操作;
- 緩解用戶看到一片空白的焦慮情緒;
還有倆“隱藏”的作用:
- 提升商業(yè)價值、點擊率、留存;
- 品牌、產(chǎn)品調(diào)性UP;
二、場景與解決方案
先來看看,什么情況下頁面會為空:
1. 場景一
首次使用、無任何操作時這個場景下的空狀態(tài)需承載一定的新手引導(dǎo)的信息;通過合適的方式來引導(dǎo)用戶進行操作,幫助用戶盡量快速的了解當(dāng)前場景下的功能、甚至可以在此處,將產(chǎn)品想要營造的氛圍,傳達給用戶。
解決方案:
引導(dǎo)行動第一種:最常見的就是在空頁面增加行動引導(dǎo),比如淘寶-購物車的“去逛逛”,點擊之后跳轉(zhuǎn)至主流程,引導(dǎo)用戶“逛街”;類似這樣的解決方案,也可應(yīng)用的B端或者工具類的列表處,直接引導(dǎo)用戶“去”操作某項功能~。
第二種:通過文案、小動效指向操作按鈕,引導(dǎo)用戶去點擊,參與到產(chǎn)品流程中;這樣的方式,我理解不僅可以在空狀態(tài)下給出了解決方案,還可以做到新手引導(dǎo)的作用,進而影響用戶去分享(發(fā)布)(具體使用哪種方式,需要結(jié)合產(chǎn)品的主流程來決定)。
2. 場景二
結(jié)果為空:篩選或者搜索結(jié)果后為空,沒有符合篩選需求,頁面先需給到用戶直接的反饋,再找個辦法消除掉0結(jié)果給用戶的落寞感。
解決方案:改變篩選條件/猜你喜歡。
第一種:
像自如篩選后,提示用戶“未找到符合條件的房源,減少篩選條件試試”;與此同時又通過推薦的方式,給到用戶一點安慰,又或者可以從商業(yè)的角度上去理解,這也是提升業(yè)務(wù)的一個方式——在用戶沒有找到完全符合條件的房源時,產(chǎn)品給出更多的選擇,通過算法等方式,去激勵用戶點擊、操作、瀏覽,進而來達到提升業(yè)務(wù)上的轉(zhuǎn)化
同樣,當(dāng)淘寶購物車是空的時候,也會推薦一些商品根據(jù)瀏覽記錄來推薦一些商品,淘寶無時無刻都在給顧客(用戶)營造了一種逛街感,激勵用戶繼續(xù)瀏覽內(nèi)容,不會輕易的離開,進而來提升產(chǎn)品的業(yè)務(wù)目標(biāo)。
第二種:
就還挺喜歡懂車帝這種解決方案的,將篩選結(jié)果前置,在按鈕上及時的給出篩選結(jié)果,這樣的方式效率比較高;若篩選條件為0,則用戶可以直接更換條件。
3. 場景三
斷網(wǎng)等特殊情況一般iOS在下載一個新的APP時,會彈出倆彈窗;其中一個詢問網(wǎng)絡(luò)的,如果一不小心點了不允許XX,那就很尷尬了,用戶就要如同尋寶一般在設(shè)置里尋找到這個被“區(qū)別對待”的APP,把Ta從沒有網(wǎng)絡(luò)的世界里釋放出來。
解決方案:
帶著用戶解決/給用戶提供一些新的任務(wù)如果在使用時遇到斷網(wǎng)這種特殊情況,那可真的是很可怕的;如果用戶自己自身還不知道自己沒開蜂窩,又突然離開wifi,并且蜂窩不允許。
正在進行的任務(wù)就全部失靈,首先需要安撫用戶的緊張情緒,給出緩解緊張的知心文案和可愛圖片等,用戶看到這些會在一定程度上沒那么暴躁;但僅僅用情感化的表達可能還是不夠的,總得給個交代才好;可以給用戶提供一些新的任務(wù),幫助Ta去尋找產(chǎn)品不能使用的原因,比如:最右、抖音、好好住。
三、小小總結(jié)
想嘗試升華一下,通過空狀態(tài)的設(shè)計,不僅可以給產(chǎn)品創(chuàng)造一些商業(yè)機會,還可以進一步傳達產(chǎn)品理念,讓產(chǎn)品風(fēng)格、定位更加深入用戶心里;像最近很喜歡的APP——躺平,就像個可愛慵懶的小朋友一樣出現(xiàn)在你的面前,對話一般的形象,也可拉近和用戶之間的距離。
(好的,我怕是升華失敗了。(ps:想說躺平這個小人兒設(shè)計的孤獨感實在太強了–)
最后的最后,“空”的頁面,也是有Ta自己的價值與意義的!
以上是在最近工作中提煉的一些內(nèi)容,如果以上內(nèi)容有不合適的地方,也希望可以一起討論,謝謝!
本文由 @麻栗栗 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 unsplash,基于 CC0 協(xié)議
那塊馬賽克是神來之筆