文章主要为大家解析空白页的存在意义及其设计技巧，希望对你有益。

　　为什么经常做APP产品设计的分析，分析与熟悉一款app产品，对于之后的设计逻辑能够更加清晰，而对于产品逻辑也会慢慢有一个更好的认知。之后会通过用户需求与用户体验继续与大家讨论，一个优秀的设计，其背后蕴含了大量的可学习知识，感兴趣的朋友可以订阅。回归正题，这篇文章要为大家解析空白页的存在意义及设计技巧。

　　一、概念

　　空白页：

　　空白页是什么?

　　空白页指的是当前页面内容为空白，或者当前页面内容错误、丢失等，与原本跳转页面不相符的页面，一般以白色页面为主，所以一般被称之为空白页。

　　有人会问，为什么不叫缺失页、404页，而叫做空白页。因为空白页不仅是白色的页面，而且还包括了页面中的错误页、缺失页等等，还是不理解的可以继续往下看。

　　二、分类

　　以下就空白页的类别、产生原因、用户使用场景与解决方案为大家阐述空白页的人性化设计。

　　先给大家看一张关系图缕清他们各者之间的关系：

　　数据加载页

　　为什么把加载页归结到空白页中，其实加载页经常会被人所忽略，这里的加载页是指页面的正在加载。数据还未读取完成，页面肯定数据不齐全，那么一般加载页有两种展示方式，这里不涉及开发，仅说明设计展示方式：一种是全页式加载，一种是模块式加载(这里的说法可能与开发有所出入，仅为了方便设计与产品阅读)。

　　产生原因：数据读取中

　　使用场景：当用户第一次打开应用时或刷新时，肯定会有一个数据加载的过程，对于用户来说，这就是产品的第一印象。有时候数据加载速度非常快可以忽略加载页的存在，但是考虑有些使用场景，用户还是会看到加载页面，像之前体验的一款竞品，刚打开的时候除了顶部导航栏和底部标签栏，所有东西都是空白，正好那时候是在网络环境非常差的情况下，用户心理预期肯定觉得这个产品不是很靠谱。

　　有道、简书、猫眼电影(全屏加载)

　　Null页(数据为空)

　　这个页面应用较为广泛，在产品中多称为无数据页面，与以上的服务器异常页有所区别，在上述中页面中，服务器无法提供正常的信息数据，但是在null页里，是服务器本身就不存在相关的数据，也就是数据为空。

　　产生原因：无数据信息

　　使用场景：在使用产品时候，需要用户创建与存储信息时，应该有相关的提示引导内容，而当页面不存在数据时，空白页面会让用户存在失落感，怎么样引导这种失落感让用户创建与存储信息内容呢?

　　例如使用抖音时，在“我”的页面中有个人作品、喜欢、故事等板块，如果你没有发布过任何作品，页面肯定是空的，但是在点击“作品”模块时，其对应的“发布”按钮上方会有个窗口提示，这对于用户来说比简单的问题提示来的更加浅显易懂，但是要注意，不是所有Null页都合适这种做法，过多的动效、图形引导会让用户感到视觉疲劳，要分场合并适可而止。

　　例：QQ、易信、same

　　推荐：抖音

　　网络异常页

　　网络异常情况可谓是时有发生，在使用产品的过程中，碰到这类情况的用户肯定也觉得莫名其妙。但是网络异常情况也就一般只有两种：

　　1、断网弱网：完全没有网络环境，或者网络信号弱无法上传与加载数据

　　2、切换网络：例如在wifi情况下看视频突然切换为移动数据网，就会存在。

　　产生原因：断网弱网、切换网络

　　使用场景：用户正当浏览信息时，突然打不开产品页面，呈现的是空白页面，并没有什么征兆，在连续刷新了几次之后还是一样，用户不知道问题在哪里，肯定会离开产品去使用另外同类的产品。断网弱网并不是产品能够解决的问题，但是产品如果不给予用户正确的信息引导，用户必然会把问题归责于产品本身。

　　QQ：断网弱网

　　优酷：断网弱网

　　bilibili：网络切换

　　服务器/系统异常页