APP开发

互联网品牌整合服务

我们是体验经济世界的构筑者

互联网经验

10+

500强企业

72+

行业龙头客户

127+

首页 > 资讯 > 开发资讯> 如何设计APP的空白页?

如何设计APP的空白页?

来源:中山市扬凡网络科技有限公司 | 2018.08.09

空白页面是APP中重要的存在场景,但是经常被我们忽略掉,其实空页面起着很重要的作用,让用户明确当前在哪里,出现了什么问题,应该怎么解决;同时这也是一个很好的机会可以与用户建立情感化链接,强化品牌形象等等。

一般在我们的产品中空白页面出现的场景主要有五类:
用户初次使用未:比如关注、点赞、收藏、发布、评论、浏览记录、购物车等等
用户完成/清空了内容:收件箱、任务列表
操作无结果:搜索无结果、识别无结果、筛选无结果
未登录页面
出错页面:404、无网络

我们需要在这个场景汇总告知用户:
告诉用户当前页面的信息状态/出现了什么问题
告诉用户解决方案并引导用户进行操作
传达品牌定位、格调和气质,与用户建立情感链接

1、告知用户当前状态

这个时候对用户来说最重要的就是要告知用户当前状态,我们也会遇到有些APP的空白页面什么内容都没有,这样很容易给用户造成困扰,不确定这个页面是什么情况,是网络不好没加载出来呢,还是就是没有内容,所以最简单的方式是通过文字进行最直观的表达

无XXX  -- 无内容 / 无结果
暂无XXX  --  暂无评价 / 暂无订阅
暂时还没有XXX  --  这里暂时还没有文章 / 暂时还没有歌曲
还没有XXX  -- 你还没有自己的专题哦 / 居然还没有订单
XXX是空的  --  收藏夹是空的
尚未XXX  — 尚未开通专栏

2、提醒用户这里会出现什么内容

这里可以管理下载的音频  -- 得到
下载的音频会出现在这里 -- 得到
这里可以看到近7天你所赞过的图片哦 
Mark一下,养肥再看  我的收藏

3、引导用户进行操作

初次进入的用户面对空页面,产品一方面需要让用户知道自己当前的状态或者之后这里会出现什么内容,另外很多页面其实是需要引导用户进行进一步的操作,增加数据,互动等信息,因为只有当用户与平台进行了交互,被留下来的可能性才更大,所以现在很多产品都倾向于在空页面引导用户进行操作。
具体的引导方式有两种,一种是通过文案进行说明,另一个更直接,会在页面上放置操作按钮或者链接,让用户直接到达操作页面。当然很多时候,这两种方式是结合在一起滴。

发表提问,大家帮你回答  -- 咸鱼
暂无关注的商家 去首页逛逛吧   -- 饿了吗
太懒了,快与好友分享好片   -- 腾讯视频
还没有人留言,还不快来抢沙发  -- 咸鱼
你还没有相关订单 可以去看看有哪些想买的  -- 淘宝
你还未给喜爱的TA加油呢,快去送人气吧  -- 腾讯视频
竟然一个脚印都没有留下  明知买买买是个泥坑,还是忍不住往里踩  -- 淘宝
 购物车竟然是空的  “再忙,也要记得买点什么犒赏自己~” -- 淘宝购物车

4、增加情感化文案

有些APP为了增添一些情感化体验,会在空白页面放置一些饱含诗意的语句,这种表达方式在一些文艺类、旅游类、做饭类等一些跟生活体验相关的APP中比较常见,比如马蜂窝、下厨房等

这里还没有内容,愿你在每一个薄暮晨光的早上,都能被阳光亲吻
这里暂时还没有内容,愿你在每一条川流不息的道路上,都能捕捉到沿途的精彩
创建菜谱的人事厨房里的天使  开始创建第一道菜谱
记录美食,味道因回忆而美丽   分享我的美食作品

5、未登录提示

大多数空白页面都是需要用户登陆后才能看到数据的,所以当用户没有登录的时候,将登录提示放置在当前页面也是个不错的选择

6、错误状态

通常有两种情况会出现当前页面,一种是网络连接失败,一种是页面不存在了/404页面。
页面不存在的话只需要给用户说明当前页面不存在了或访问不到,设计一种有趣好玩的情感化场景来环节缓解用户的焦虑感。
网络连接失败的话,有3项信息是可以给到用户的,一是告知用户当前连接失败,二是给用户解决问题的途径,三是给用户反馈的途径

对不起,您访问的页面已不存在
网络不给力哦 点击页面再试试吧~   -- 爱奇艺
网络未连接,请检查网络设置  刷新重试  -- 爱奇艺
视频加载失败,请稍后再试  点击重试   -- 腾讯视频
当前网络状况复杂,请尝试使用其它    查看连接失败的原因及解决方法
网络不给力,请稍后重试    重新加载    -- 手机百度
与你想要的文章之间,还差一点网  刷新试试  --界面新闻
网络请求失败,请点击重试  刷新试试

十年
建站经验

多一份参考,总有益处

联系扬凡,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:0760-88611962 / 18998786781