UE新手提升:空狀態(tài)頁(yè)面(缺損頁(yè))該如何設(shè)計(jì)更高級(jí)

2 評(píng)論 5883 瀏覽 49 收藏 12 分鐘

最好的「空狀態(tài)」頁(yè)面設(shè)計(jì),要讓用戶(hù)感受不到它的存在,像一個(gè)方向?qū)Ш絻x,有效引導(dǎo)用戶(hù)很順暢的繼續(xù)體驗(yàn)流程,激活用戶(hù)對(duì)業(yè)務(wù)的轉(zhuǎn)化提升業(yè)務(wù)指標(biāo)。

對(duì)于空狀態(tài)頁(yè)面,我們做體驗(yàn)設(shè)計(jì)的時(shí)候,很容易造成一種既定的心里預(yù)期就是:忽略空狀態(tài)的重要性,覺(jué)得它就是一個(gè)簡(jiǎn)單的“什么都沒(méi)有”的提示,認(rèn)為它的價(jià)值也和它的名字一樣空無(wú)意義。

其實(shí)不然,在做設(shè)計(jì)的時(shí)候,空狀態(tài)的設(shè)計(jì)往往更能抓住用戶(hù)心理。

那么首先我們就要了解它是什么?什么時(shí)候會(huì)出現(xiàn)?對(duì)應(yīng)不同場(chǎng)景體驗(yàn)中,如何賦予它更高的價(jià)值?

一、什么是空狀態(tài)?

空狀態(tài)是指:在用戶(hù)使用產(chǎn)品中出現(xiàn)的沒(méi)有數(shù)據(jù)時(shí)的頁(yè)面展示。

比如沒(méi)有關(guān)注的人、沒(méi)有發(fā)布任何內(nèi)容、沒(méi)有收藏和喜歡、購(gòu)物車(chē)為空 、搜索結(jié)果為空、無(wú)網(wǎng)絡(luò)等等這些頁(yè)面就是所謂的“空狀態(tài)”

二、什么時(shí)候會(huì)出現(xiàn)空狀態(tài)?

  • 初次使用(出現(xiàn)最多):app第一次使用時(shí) 。(什么操作都沒(méi)有)
  • 異常、錯(cuò)誤等結(jié)果提示:進(jìn)程中某些錯(cuò)誤、失敗,無(wú)法操作(如:搜索無(wú)結(jié)果,推薦熱門(mén)搜索、歷史搜索…)
  • 用戶(hù)清除:清空數(shù)據(jù)后 (明確知道自己做了什么,重點(diǎn)是給予結(jié)果性的反饋即可。)

三、如何設(shè)計(jì)空狀態(tài)更有價(jià)值?

對(duì)于新手來(lái)說(shuō),認(rèn)為空狀態(tài)只是一個(gè)簡(jiǎn)單的告知。用一個(gè)簡(jiǎn)單的小圖標(biāo)加上說(shuō)明文字就搞定了,用戶(hù)接受到信息之后,能做的事情好像就只有接受這個(gè)提示而已。

那用戶(hù)得到了這個(gè)告知,然后該干嘛呢?在這里就遇到了阻礙。

在這個(gè)空狀態(tài)的體驗(yàn)中,只能無(wú)能為力的被動(dòng)接受一個(gè)告知,心情好時(shí),可能會(huì)返回再去看其他的功能;心情不好時(shí),可能就直接點(diǎn)擊關(guān)閉離開(kāi),造成用戶(hù)的流失。

這種感覺(jué)就像是我選了一條路走,走到一條河的面前,你告訴我這個(gè)河太寬了你過(guò)不去,這條路從這里中斷,得回頭再去看看別的路。

好煩,是不是。

你想說(shuō),我都走了一半了,現(xiàn)在進(jìn)行不下去了,那么我前面走的那些路都白走了,除了回頭重新走的打路,就不能解決這些阻礙,讓我繼續(xù)前進(jìn)嗎?比如給我座橋、或者給我支船,讓我一條路順利的繼續(xù)走下去。

這個(gè)搭座橋建只船的行為,就是提升空狀態(tài)的價(jià)值,給它賦予更多能力的可能性。給用戶(hù)一條順暢連貫的使用體驗(yàn)的同時(shí),提升業(yè)務(wù)的轉(zhuǎn)化。

那我們應(yīng)該怎么來(lái)搭建這座橋,提升空頁(yè)面的價(jià)值,主要有5個(gè)方法:①使用操作指引;②使用系統(tǒng)推薦、猜你喜歡;③使用緩存;④情感化表達(dá);⑤提供新的任務(wù)(驚喜、創(chuàng)新)。

1. 利用操作指引,教育用戶(hù)進(jìn)入新手使用流程(常適用于:第一次使用)

對(duì)于工具類(lèi)、UGC類(lèi)產(chǎn)品,新手用戶(hù)初次使用時(shí),通常都會(huì)出現(xiàn)初始無(wú)數(shù)據(jù)的空狀態(tài)場(chǎng)景,比如空著的工作任務(wù)、空著的動(dòng)態(tài)、空著的作品列表、空著的文章等等。

這種初始化狀態(tài),沒(méi)有任何內(nèi)容,所以:需要用戶(hù)進(jìn)行某種操作才能產(chǎn)生內(nèi)容的界面。

而這時(shí)的新用戶(hù)是個(gè)小白,對(duì)產(chǎn)品沒(méi)有過(guò)多了解,需要我們教用戶(hù)接下來(lái)該做什么,讓用戶(hù)快速的進(jìn)入到產(chǎn)品創(chuàng)造生產(chǎn)中,減少新用戶(hù)流失。

解決方法:設(shè)計(jì)帶有“行動(dòng)性指令”文案的操作按鈕、或者嘗試帶有“行動(dòng)性指令“的交互動(dòng)效,讓用戶(hù)創(chuàng)造內(nèi)容。

豆瓣:利用可滑動(dòng)的卡片交互形式,吸引用戶(hù)參與感興趣的話(huà)題,促成動(dòng)態(tài)內(nèi)容的發(fā)布。

釘釘:排列出可以做的任務(wù)主題,讓用戶(hù)可以“立即開(kāi)始”。

小紅書(shū):微動(dòng)效氣泡引導(dǎo)用戶(hù)“發(fā)布你的第一篇筆記”。

2. 系統(tǒng)推薦(猜你喜歡):留存用戶(hù),引流、提升業(yè)務(wù)轉(zhuǎn)化(常適用于:第一次使用)

對(duì)于一些內(nèi)容信息瀏覽頁(yè)面來(lái)說(shuō),某些功能的使用與否直接影響整體業(yè)務(wù)運(yùn)轉(zhuǎn),例如社交產(chǎn)品的關(guān)注功能、電商類(lèi)產(chǎn)品的購(gòu)物車(chē)、收藏功能等。這些功能在初始進(jìn)入的時(shí)候都是空數(shù)據(jù)狀態(tài),然而商業(yè)產(chǎn)品對(duì)于這些數(shù)據(jù)通常都會(huì)是很重要的業(yè)務(wù)指標(biāo),比如電商類(lèi)產(chǎn)品的商品瀏覽量、下單率等;比如社交產(chǎn)品的關(guān)注人數(shù)、點(diǎn)播量、點(diǎn)贊量等指標(biāo);再比如對(duì)信息進(jìn)行搜索,無(wú)法獲取數(shù)據(jù)時(shí),產(chǎn)生的無(wú)結(jié)果空數(shù)據(jù)時(shí),如何解決用戶(hù)當(dāng)時(shí)的心理需求?

那么該如何在“空”的狀態(tài)下抓住用戶(hù)的注意力,讓他們開(kāi)始感興趣呢?

解決方法:利用系統(tǒng)推薦,把有趣的內(nèi)容或者功能部分直觀的展示在空狀態(tài)頁(yè)面,增加曝光率,吸引用戶(hù)。也可以通過(guò)智能匹配同類(lèi)項(xiàng)展示,比如關(guān)鍵字相似搜索結(jié)果、熱門(mén)搜索等。

小米有品:空的購(gòu)物車(chē)?yán)锏摹盀槟阃扑]”

陌陌:沒(méi)有關(guān)注時(shí),為你推薦優(yōu)質(zhì)用戶(hù)及內(nèi)容,吸引觀看并關(guān)注

網(wǎng)易云音樂(lè):沒(méi)有關(guān)注時(shí),推薦你可能感興趣的人

多點(diǎn):搜索無(wú)結(jié)果時(shí),推薦“熱賣(mài)商品”

3. 使用緩存(適用于:錯(cuò)誤提示無(wú)網(wǎng)絡(luò))

無(wú)網(wǎng)絡(luò)是一種很特殊的空狀態(tài),最投機(jī)取巧而且效果極好的處理方法,就是“使用緩存”,把之前加載好的頁(yè)面內(nèi)容存儲(chǔ)下來(lái),再次進(jìn)入時(shí)先展示這部分內(nèi)容。

頭條:沒(méi)有網(wǎng)絡(luò)連接,可以看歷史緩存視頻

網(wǎng)易云音樂(lè):無(wú)可用網(wǎng)絡(luò),你可以播放已下載的音樂(lè)

4. 情感化設(shè)計(jì)(適用于:第一次使用、用戶(hù)清除、出現(xiàn)錯(cuò)誤)

空界面在某些時(shí)候是無(wú)法避免其只是一種告知的簡(jiǎn)單存在,那我們是否還有辦法讓它變得有價(jià)值?

有。解決方法:品牌視覺(jué)的價(jià)值。

大部分設(shè)計(jì)師通常最容易想到的就是插圖+文案的樣式,那我們完全可以在插圖上來(lái)想辦法,比起好看的插圖,利用品牌IP形象并賦予“個(gè)性”,更容易讓人產(chǎn)生記憶點(diǎn),并對(duì)之產(chǎn)生一定情緒記憶。

用IP來(lái)講故事,每一個(gè)空狀態(tài)的場(chǎng)景都是故事的一個(gè)展現(xiàn),聯(lián)結(jié)產(chǎn)品、服務(wù)的功能和獨(dú)特的個(gè)性,傳達(dá)產(chǎn)品品牌的價(jià)值觀,讓用戶(hù)產(chǎn)生愉悅感,更加能記住你的產(chǎn)品。

躺平:設(shè)計(jì)特別符合產(chǎn)品的IP形象,賦予性格和情緒來(lái)設(shè)計(jì)空狀態(tài)(超喜歡這個(gè)又懶又屌絲的小人兒人設(shè),看看這完全就是宅家最真實(shí)的你…)

5. 驚喜,新的任務(wù)(常適用于:出現(xiàn)錯(cuò)誤)

人是情緒化的動(dòng)物,用戶(hù)體驗(yàn)就是要讓用戶(hù)爽,爽就是要“愉悅、滿(mǎn)意”,因此我們才總談產(chǎn)品如何可以給用戶(hù)帶來(lái)驚喜,因?yàn)轶@喜是情緒中最極致的愉悅與滿(mǎn)足。

如何在信息如此少的缺省頁(yè)里,給用戶(hù)帶來(lái)驚喜,發(fā)出驚奇的“咦”的一聲感慨呢?

解決方法:創(chuàng)造新的任務(wù)給用戶(hù)的負(fù)面情緒變?yōu)橐馔獾捏@喜,比如:小游戲、公益、好看好玩的視頻動(dòng)畫(huà)、音樂(lè)……

內(nèi)容清空時(shí),出現(xiàn)一個(gè)可以玩耍的交互小游戲,將用戶(hù)的負(fù)面情緒變成意外的驚喜。

頁(yè)面被刪除時(shí),公益尋人啟事,提升頁(yè)面價(jià)值

小結(jié)一下

最好的「空狀態(tài)」頁(yè)面設(shè)計(jì),要讓用戶(hù)感受不到它的存在,像一個(gè)方向?qū)Ш絻x,有效引導(dǎo)用戶(hù)很順暢的繼續(xù)體驗(yàn)流程,激活用戶(hù)對(duì)業(yè)務(wù)的轉(zhuǎn)化提升業(yè)務(wù)指標(biāo)。

用戶(hù)體驗(yàn)就是從細(xì)節(jié)上去優(yōu)化提升產(chǎn)品的使用感受,每一個(gè)細(xì)小環(huán)節(jié),都可能創(chuàng)造設(shè)計(jì)價(jià)值。

 

作者:早鴨同學(xué);公眾號(hào):早鴨同學(xué)

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

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 兄弟我想玩你那個(gè)游戲

    來(lái)自上海 回復(fù)
    1. https://404.life/demo/cat-game/ 這里可以玩哦

      來(lái)自北京 回復(fù)