APP页面设计过程中,除了设计正常状态下的页面,还需考虑异常页面状态。如:页面内容为空、网络异常、服务器异常、页面丢失。
页面内容为空(无数据页面)
页面已加载完,但是页面无数据。需要用文字或者插画配合生动的文案告知用户当前页面为空,消除用户的焦虑。
除了在空页面上加上文案描述告知用户页面数据为空,还可以加一些按钮用于引导用户,如
页面加载失败(网络异常)
无网络且页面无缓存数据,在页面上显示网络异常状态,点击“重新加载”按钮,再次请求数据;当网络正常时,自动回到加载中的状态,显示出数据。
无网络但页面有缓存数据,只在页面头部提示网络异常,点击可进入手机wifi设置页;当网络正常时,提示自动消息。
页面异常(服务器异常、页面丢失)
当服务器异常或非网络的异常且无缓存数据,或者是页面丢失导致的异常。需要在页面提示,错误代码由服务端提供。
下拉刷新
下拉APP页面时,页面内容向下推动,空出一行显示刷新动效提示
页面下拉请求数据,建议最长加载时间为8秒,8秒后若还是加载不出数据,则隐藏动效图,同时在头部返回网络/其他异常提示,页面显示原有的缓存数据。
上拉加载(分页显示数据)
页面内容较多时,往往需要分页显示,初始载入时,加载10-30条数据(加载数据自定义),用户上拉页面,再次加载10-30条。
页面上拉请求数据,建议最长加载时间为8秒,8秒后若还是加载不出数据,就在页面底部显示加载完毕、加载异常等提示。