1.         设计师在做设计的过程中，往往会考虑各种状态下的页面设计，却常常会忽略一个状态——空状态。空状态，顾名思义就是空白或零数据状态。

2.         例如一个视频列表区域内没有视频，这个时候的视频区域就处于空状态；网站购物车内没有商品时，这个购物车就处于空状态；包括像我 们常见的404出错页面等，都属于空状态。如果当这个区域处于空状态而设计师没有对该区域进行相应的处理时，用户进入之后就会看到空荡荡的一片，很有可能用户会迷失，不知道下一步该做什么。这样的空状态用户体验非常的差。大多数设计师都是在主要流程界面设计完成之后才会想到要进行空状态的完善和处理，因为不管是从性质上还是其展现形式上看，空状态是一个临时性的很短暂的状态，显得有些微不足道。

3.         很多年以前的404页面，大概都是“无法连接到网络”这类空洞的提示配在毫无设计感的页面上，这几年注意观察就会发现，404页面被用来做很多内容，不论是花哨的设计，还有每次出现一个寻找失踪儿童这样有意义的内容，都让我们在网络出错时的沮丧消散了一些。和web设计一样，移动端的空白页面也越来越受到大家的重视，不单单是视觉层面的问题，空页面开始承载着更多内容，起到更多的功效。

4.         空页面主要会在三种情况下出现：初次使用、完成或清空内容、出错。好的空页面状态要告诉用户：此处应该是什么内容，为什么没有内容，如何获得内容。

5.     目前咔咔建站的空状态和提示内容如图：

6.    

7.    

8.     空页面状态就是如何去防止错误发生的方法，让非专业、无经验的用户可以第一时间完成正确操作。

最后，总结下空状态在交互设计中的应用。

避免错误

1.限制操作：将暂时不可用的操作隐藏起来；

2.预见出错：将用户可能的错误提前展示，比事后诸葛要好；

　　3.跳出空白：别让用户止步与空白，空白应有更广的发挥空间；

无需思考

　　1.状态指引：让用户了解当前的状态和未来的进程，防止用户迷失；

　　2.唯一操作：复杂的任务流中不要让用户过多选择，简单唯一就好；

　　3.想你所需：用户是匆忙的，我们要替用户想到他们想不到的事情。

友善工作室   供稿