APP设计中空页面应该如何设计

在用户界面中,当产品中的购物车为空,某个界面出错或不存在,网络断开时,就可以变成空的.空态的感觉表面上看是暂时的,无足轻重的,但实际上空态在引导界面操作、享受用户体验、留住用户方面起着重要的作用.

空页也应该有意思.

空状态的意思是让用户知道这个界面目前是空的还是失败的,避免用户无谓的等待.什么都不用丰富界面,告诉用户下一步做什么,提供一些快捷的操作方法.有几类空状态:

系统建议空状态.

既然空的状态影响了用户体验,最直接的想法就是在空白的界面上填充一些东西,让它不空.既然什么都没有,我们就给用户推荐一些东西,这样界面就不会显得空洞.

操作指南类型空状态.

在某些情况下,空接口可以用系统建议来填充.比如在电子商务的应用中,“我的关注”等功能可以推荐一些热门产品来填补空白,提高产品的曝光率.比如有时候共享类的应用不能凭空出现未发布的内容,需要引导用户在空白界面生成内容.

操作指南类型空状态.

情感表达空虚.

当空页面是用户操作的结果时,我们只能提醒用户这是空状态.我们会在这里补充一些生动的插图,或者把文案写得更委婉一些,以弥补空白清理带来的损失.

‍

情感表达的空虚状态.

空态设计要注意避免死角.空状态不仅会出现在某个界面为空的时候,还会出现在界面的某个部分为空的时候,或者是网络断开或者发布的内容被删除的时候,用户需要知道目前正在发生什么.好的做法是在设计界面的时候确认一次,在这个界面没有数据的地方,网络坏了或者弱了怎么显示,当用户使用了一个产品,完成了一个从来没有用过的功能,用户就无法进入死胡同,造成额外的损失.

另外需要注意的是,并不是每个空态都需要精心设计.例如,当一个界面中有许多板,并且一个或多个板是空的时,没有必要为每个板匹配一个图案.因为用户可以浏览其他内容,所以他们不想被一个空的部分占用太多空间.有几种处理方案:由于没有内容,整个版块就不再显示；向当前版块推荐相关内容；如果因为特殊原因无法隐藏整个版块或者没有推荐内容,就给它一个提示性的文字,尽量不影响用户阅读其他信息.