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