系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。
我们知道,用户在和页面发生交互时会遇到各种状态,此时需要通过一定的界面反馈将信息反馈给用户,“反馈”是人机交互最重要的原则,无论是视觉(界面变化)、听觉(声音提醒)、触觉(震动),都可以帮助用户理解自己所在页面的状态及接下来会发生了什么、怎么做。
其实讨论“状态可见原则”就是讨论如何把“反馈”设计得更合理。下面我从产品常见的几大异常状态切入,讨论出现异常状态时对应的解决方案,让错误状态“可见”。
目前主要整理了以下常见9种异常,以后会不间断补充:
- 网络异常
- 空状态
- 服务器异常
- 流量模式警告
- 版本不兼容
- 操作失败
- 无权限
- 功能建设状态
- 内容删除、违规导致的查看异常
当设备丢失网络连接时,导致网页/APP无法传输数据导致的异常状态。网络异常通常有两种触发场景:
- 自动触发:断网后,用户进入软件时,程序检测到无网络,自动提示
- 被动触发:断网时用户在软件内操作,系统被动触发无网络提醒
在无网络的情况下打开APP时页面需要刷新,此时需要提醒用户网络问题,常见的提醒方式有如下四种,分别适合于不同的应用场景:
对于这几种提示类型,除了本篇讨论的断网提示之外,还有很多的其它的应用场景,如操作提示、进度提醒、程序提醒等。我们来看下各种提示形式的特点及应用场景。
1. 缺省页面提示
在内容更新频繁的内容型产品(如视频、帖子动态类)中常用缺省页的形式表现无网络状态,直接明了,附有个性化插图及提示文案,同时带有【刷新】或者【解决方案】入口,引导用户点击查看原因解决问题。
2. tips提示
tips提示常见于页面顶部或者底部固定,更适用于于信息列表类页面,如图示的钉钉及微信等,采用tips的形式,样式上与列表形式更接近、和谐统一。点击后可以跳转系统设置或帮助页面。