我們做體驗(yàn)設(shè)計(jì)的時(shí)候很容易忽視空狀態(tài)設(shè)計(jì)的價(jià)值與可能性,通常用一張插畫,一句文案就完成了所有空狀態(tài)頁(yè)面的設(shè)計(jì)。
空狀態(tài)設(shè)計(jì) ≠插畫+文案
但實(shí)際上空狀態(tài)的體驗(yàn)是可以有更多可能的,首先我們要了解空狀態(tài)是指在用戶體驗(yàn)產(chǎn)品流程中出現(xiàn)的除主流程狀態(tài)反饋外沒有其他數(shù)據(jù)展示的情況,而缺少數(shù)據(jù)或內(nèi)容的原因有很多種,例如搜索無(wú)結(jié)果、無(wú)網(wǎng)絡(luò)、默認(rèn)初始無(wú)數(shù)據(jù)狀態(tài)等。
對(duì)應(yīng)不同原因分場(chǎng)景展示對(duì)應(yīng)的內(nèi)容有助于提升用戶體驗(yàn),同時(shí)提升業(yè)務(wù)轉(zhuǎn)化。接下來(lái)我們來(lái)看看提升空狀態(tài)設(shè)計(jì)價(jià)值的 5 個(gè)方式:
在一款產(chǎn)品的新手用戶使用流程中,經(jīng)常出現(xiàn)各類初始無(wú)數(shù)據(jù)的空狀態(tài)場(chǎng)景,比如空著的購(gòu)物車,空著的關(guān)注列表,空著的書架等等。
這時(shí)的新用戶對(duì)產(chǎn)品沒有過多了解,需要我們引導(dǎo)告知用戶接下來(lái)該做什么,讓用戶快速地進(jìn)入到產(chǎn)品使用中,減少新用戶流失。比較常見的做法是使用帶有「行動(dòng)性指令」文案的操作按鈕。
行動(dòng)性指令是指給用戶明確行為操作的指令,如「去使用」、「去逛逛」、「贊一個(gè)」等等,這些明確的行動(dòng)指令會(huì)比其他文案更引導(dǎo)用戶點(diǎn)擊。
△ 滴答清單:「試試這些事情」引導(dǎo)用戶完成第一筆記錄
除了常規(guī)的操作按鈕以外,我們也可以嘗試摒棄顯而易見的空狀態(tài)文案提示,嘗試帶有「行動(dòng)性指令」的輕交互動(dòng)效來(lái)進(jìn)行用戶引導(dǎo)。
△ 抖音:動(dòng)態(tài)氣泡引導(dǎo)用戶發(fā)布第一個(gè)視頻
在很多特定產(chǎn)品中,某些功能的使用與否直接影響整體業(yè)務(wù)運(yùn)轉(zhuǎn),例如社交產(chǎn)品的關(guān)注功能、社區(qū)論壇類產(chǎn)品的發(fā)帖功能等。如果用戶對(duì)于這些功能不了解或者不感興趣就會(huì)造成很大問題。
但大部分這些功能在初始進(jìn)入的時(shí)候都是空數(shù)據(jù)狀態(tài),那么該如何在「空」的狀態(tài)下抓住用戶的注意力,讓他們開始感興趣呢?我們可以試試把有趣的內(nèi)容或者功能部分直觀地外放在空狀態(tài)頁(yè)面,增強(qiáng)對(duì)用戶的吸引度。
△ Instagram:顯示相關(guān)用戶信息,吸引用戶關(guān)注并開啟產(chǎn)品使用
△ 豆瓣:用戶可滑動(dòng)查看記錄功能與格式話題卡片,吸引用戶參與感興趣的話題從而完成自己的動(dòng)態(tài)信息發(fā)布
猜你喜歡」提升業(yè)務(wù)轉(zhuǎn)化
前 2 點(diǎn)如果還有同學(xué)覺得不過癮,我們?cè)偕弦徊▋r(jià)值。
商業(yè)設(shè)計(jì)考慮的核心在于業(yè)務(wù)轉(zhuǎn)化,而不同產(chǎn)品都有自己對(duì)應(yīng)業(yè)務(wù)指標(biāo),比如電商類產(chǎn)品有商品瀏覽率、下單率等指標(biāo);招聘類產(chǎn)品有簡(jiǎn)歷投遞率、面試撮合率等指標(biāo)。
如果要讓設(shè)計(jì)真正賦能業(yè)務(wù),在空狀態(tài)的設(shè)計(jì)中我們也可以考慮加入對(duì)業(yè)務(wù)轉(zhuǎn)化有影響的體驗(yàn)?zāi)K。這些通過算法精確匹配的推薦模塊可以有效激活用戶操作,使整體用戶路徑不會(huì)輕易終止,從而提升業(yè)務(wù)指標(biāo)。
△ 淘寶:空購(gòu)車?yán)锏摹覆履阆矚g」模塊(很常見了)
△ 拉勾:投遞完一個(gè)簡(jiǎn)歷后會(huì)出現(xiàn)又一波「一鍵投遞」推薦
上完體驗(yàn)商業(yè)價(jià)值觀之后,我們?cè)賮?lái)聊聊品牌視覺的價(jià)值。
大部分設(shè)計(jì)師研究缺省頁(yè)的方向都在于插畫的樣式,沒有最好看,只有更好看。但比起好看的插畫樣式,一個(gè)可以推動(dòng)產(chǎn)品建立用戶品牌心智的插畫顯然更有商業(yè)價(jià)值,因?yàn)樗層脩舾菀子涀∫豢町a(chǎn)品,并對(duì)之產(chǎn)生一定情緒記憶。
那么我們要如何利用缺省頁(yè)插畫來(lái)營(yíng)造品牌感呢?可以試試用 IP 來(lái)講故事,而故事的表演主會(huì)場(chǎng)就是空狀態(tài)頁(yè)面,讓每個(gè)獨(dú)立的空狀態(tài)頁(yè)插畫都是一個(gè)連續(xù)故事中一個(gè)畫面,激發(fā)用戶使用產(chǎn)品的好奇心,同時(shí)讓 IP 品牌的形象深入人心。
△ 多面-對(duì)標(biāo)職場(chǎng)新人的產(chǎn)品:IP-Domi與他的朋友們-職場(chǎng)新人們的小友誼故事
無(wú)論是阿里的五度模型還是 Google 的 heart 模型,都有一條基于用戶感官感受的標(biāo)準(zhǔn)就是「愉悅度」/「滿意度」,因此我們才總談交互體驗(yàn)設(shè)計(jì)如何給用戶帶來(lái)驚喜,因?yàn)轶@喜是情緒中最極致的愉悅與滿足。
那如何在小小的缺省頁(yè)里也能給用戶帶來(lái)驚喜而不是平淡無(wú)奇呢?我們可以試著在大屏/折疊屏的終端演變趨勢(shì)下,將空狀態(tài)頁(yè)的設(shè)計(jì)思路拓展到全屏化。
與普通的空狀態(tài)設(shè)計(jì)相比,全屏場(chǎng)景化不拘泥于小框的限制,把整個(gè)空狀態(tài)頁(yè)都當(dāng)做一個(gè)場(chǎng)景畫布布局內(nèi)容,配備細(xì)節(jié)創(chuàng)新有趣的文案,可以為用戶帶來(lái)足量驚喜與視覺沖擊。
△ 貓呼:暫無(wú)好友消息空狀態(tài)
△ 阿里家的「躺平」:暫時(shí)收藏空狀態(tài)
再小的細(xì)節(jié)也可以創(chuàng)造價(jià)值
其實(shí)在用戶體驗(yàn)設(shè)計(jì)的每一個(gè)細(xì)小環(huán)節(jié),哪怕是空狀態(tài)這樣的小頁(yè)面,都是可能創(chuàng)造設(shè)計(jì)價(jià)值的。
因此我們除了每日沉浸在日常業(yè)務(wù)需求的畫圖海中,也要學(xué)會(huì)抽離自己發(fā)現(xiàn)更多設(shè)計(jì)自驅(qū)提升的小點(diǎn)做一些推進(jìn),養(yǎng)成關(guān)注細(xì)節(jié)、善于自驅(qū)的習(xí)慣會(huì)對(duì)在座的職業(yè)晉升及錢兜子都帶來(lái)巨大的力量~
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。