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