關(guān)于空頁面設(shè)計(jì)的一些思考

0 評(píng)論 6184 瀏覽 25 收藏 4 分鐘

空頁面是為了解決一個(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)行闡述:

  1. 何物(What):解釋這個(gè)頁面在說什么?
  2. 何地(Where):告知用戶當(dāng)前的位置,以及接下來可以干什么,即可以通過APP上面的title去進(jìn)行表述。
  3. 何時(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)的思考方向:

  1. 能讓用戶感到新鮮或者出乎意料嗎?
  2. 能讓用戶從心底綻開笑容嗎?
  3. 能讓用戶感受到你產(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é)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!