關(guān)于空頁面設(shè)計(jì)的一些思考
空頁面是為了解決一個(gè)什么樣的問題,想達(dá)到什么樣的效果,有哪些優(yōu)化的空間?
空頁面在APP設(shè)計(jì)中的地位處于比較靠后的一個(gè)地位,是將APP的主流程頁面設(shè)計(jì)完整之后,再來進(jìn)行一些頁面補(bǔ)充的時(shí)候,才會(huì)開始思考的事情。
可就是這樣的一個(gè)頁面,作為交互設(shè)計(jì)師也是有發(fā)揮空間的。
思路如下圖:
在思考的時(shí)候,思路是,空頁面是為了解決一個(gè)什么樣的問題,想達(dá)到什么樣的效果,有哪些優(yōu)化的空間?
空頁面要解決最基本的問題是,沒有數(shù)據(jù)的時(shí)候,頁面應(yīng)該怎樣呈現(xiàn),起到陳述現(xiàn)階段狀況的作用。再細(xì)分一下的話,可以從以下三個(gè)方面去進(jìn)行闡述:
- 何物(What):解釋這個(gè)頁面在說什么?
- 何地(Where):告知用戶當(dāng)前的位置,以及接下來可以干什么,即可以通過APP上面的title去進(jìn)行表述。
- 何時(shí)(When):解釋此處空白在什么情況下將出現(xiàn)有效的數(shù)據(jù)。
最基本的方案如下圖,即一句話表述:
當(dāng)達(dá)到陳述狀況之后,最基本的功能就算已經(jīng)完成,可以從以下兩個(gè)方面進(jìn)行考慮優(yōu)化的空間,從情感上取悅用戶和從業(yè)務(wù)上思考可以做哪些引導(dǎo)。
情感上取悅用戶的作用在于,緩解用戶的疑慮的情緒,表現(xiàn)形式主要以幽默或者品牌導(dǎo)向?yàn)橹?,可以有以下三點(diǎn)的思考方向:
- 能讓用戶感到新鮮或者出乎意料嗎?
- 能讓用戶從心底綻開笑容嗎?
- 能讓用戶感受到你產(chǎn)品的優(yōu)秀調(diào)性嗎?
如下圖案例:
業(yè)務(wù)方面的思考,可以理解為,這個(gè)時(shí)候用戶去做哪些事情可以讓APP內(nèi)容更加豐富以及對(duì)用戶來說可以操作的行為,最直接的方式就是給出建議。主要的方式,就是給出button的行為引導(dǎo),加上一些關(guān)于動(dòng)機(jī)或者勸說的話語進(jìn)行解釋。
如下圖:
總結(jié)一下,空頁面先說清楚頁面的狀態(tài),發(fā)生了什么事,然后給予幽默或者品牌的添加,最后如果可以給出行動(dòng)指引是最好的。
專欄作家
Sophiallg,微信公眾號(hào):Sophia的玲瓏閣,人人都是產(chǎn)品經(jīng)理專欄作家。一枚愛折騰,愛健身的交互設(shè)計(jì)妹紙。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Pexels,基于 CC0 協(xié)議
- 目前還沒評(píng)論,等你發(fā)揮!