关于空页面设计的思考

空页面在APP设计中的地位处于比较靠后的一个地位,是将APP的主流程页面设计完整之后,再来进行一些页面补充的时候,才会开始思考的事情。可就是这样的一个页面,作为交互设计师也是有发挥空间的。

思路如下图:

在思考的时候,思路是,空页面是为了解决一个什么样的问题,想达到什么样的效果,有哪些优化的空间?

空页面要解决最基本的问题是,没有数据的时候,页面应该怎样呈现,起到陈述现阶段状况的作用。再细分一下的话,可以从以下三个方面去进行阐述:

  1. 何物(What):解释这个页面在说什么

  2. 何地(Where):告知用户当前的位置,以及接下来可以干什么。即可以通过APP上面的title去进行表述。

  3. 何时(When):解释此处空白在什么情况下将出现有效的数据

最基本的方案如下图,即一句话表述:

image

当达到陈述状况之后,最基本的功能就算已经完成,可以从以下两个方面进行考虑优化的空间,从情感上取悦用户和从业务上思考可以做哪些引导

情感上取悦用户的作用在于,缓解用户的疑虑的情绪,表现形式主要以幽默或者品牌导向为主,可以有以下三点的思考方向:

  1. 能让用户感到新鲜或者出乎意料吗?

  2. 能让用户从心底绽开笑容吗?

  3. 能让用户感受到你产品的优秀调性吗?

如下图案例,

业务方面的思考,可以理解为,这个时候用户去做哪些事情可以让APP内容更加丰富以及对用户来说可以操作的行为,最直接的方式就是给出建议。主要的方式,就是给出button的行为引导,加上一些关于动机或者劝说的话语进行解释。如下图

总结一下,空页面先说清楚页面的状态,发生了什么事,然后给予幽默或者品牌的添加,最后如果可以给出行动指引是最好的。


往期精彩文章

用Keep的案例来阐述交互设计师的职责

大公司的工作流程及时间分配

找工作之——作品集篇

设计师,有想过你的30岁吗?

《体验设计应有的意识(高手进阶之路)》

传说中的用户体验地图Sketch文件

创业公司设计师怎样从0到1设计一款APP(七)——APP Logo的设计

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,242评论 25 708
  • 妈妈:女儿在不同镇,你总是牵挂不断!时不时来电话问问情况,叙叙平常事。自从爸爸走了一年多,你一下子憔悴了,那天走在...
    西琴阅读 170评论 0 0
  • 这是去年考试前写的一篇,这一周的作业又拖延了,最后用这篇稿子先来应付。这就是我拖延症最经典的体现。在任务刚开始时,...
    sarah在行动阅读 696评论 0 0
  • 注:文章中草药疗效皆自《本草纲目》,仅供创作参考,不具备现实功效。 草部.徐长卿 徐长卿,亦名鬼督邮、别仙踪。 蜀...
    贵鬼先生阅读 3,405评论 43 96
  • 周末去无锡玩,走在古运河边,看河两岸的老房子。有一条游人游玩和市民散步的古街道,酒吧、特色小吃,人声鼎沸。也有一条...
    浏如阅读 174评论 0 0