欢迎来到 博文网 官方网站!

关于空页面设计的一些思考

来源:新闻 / 时间:2026-04-30

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

空页面在APP设计中的地位处于比较靠后的一个地位,是将APP的主流程页面设计完整之后,再来进行一些页面补充的时候,才会开始思考的事情。

可就是这样的一个页面,作为交互设计师也是有发挥空间的。

思路如下图:

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

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

  1. 何物(What):解释这个页面在说什么?
  2. 何地(Where):告知用户当前的位置,以及接下来可以干什么,即可以通过APP上面的title去进行表述。
  3. 何时(When):解释此处空白在什么情况下将出现有效的数据。

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

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

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

  1. 能让用户感到新鲜或者出乎意料吗?
  2. 能让用户从心底绽开笑容吗?
  3. 能让用户感受到你产品的优秀调性吗?

如下图案例:

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

如下图:

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

专栏作家

Sophiallg,微信公众号:Sophia的玲珑阁,人人都是产品经理专栏作家。一枚爱折腾,爱健身的交互设计妹纸。

本文原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Pexels,基于 CC0 协议

给作者打赏,鼓励TA抓紧创作!
6人打赏
---蛙鱼源码WAYUYM.COM---专业提供网站模板,网站源码下载,教程培训,程序插件,网站素材等建站资源,主要收集各类精品源码资源,包含CMS程序模板、网站源码、游戏源码、APP源码等 ,所有资源都没有水印适合搬运,我们致力于打造一个优秀的建站资源共享学习平台!
在线客服
微信联系
客服
扫码加微信(手机同号)
电话咨询
返回顶部