设计中的异常是指正常状态以外的情况。比如你要设计一个下载按钮，下载按钮需要有多少种状态？

正常状态下需要提供的下载按钮的状态应该是： 点击下载（下载前） 正在下载（或正在下载、59%下载等） 下载完成如果你在设计中只提供这三种下载状态： 不够（其实有些新手设计师只提供点击下载的状态）。

还要考虑如果下载过程中出现断网，或者用户暂停下载等情况怎么办？

这是例外。

因此，除了前面三种状态，还需要提供继续下载、下载失败等状态。

下载完成后，一般会自动安装当前设计。此时会显示正在安装。如果未自动安装，则需要进行安装操作。安装完成后，提供打开操作。

当然这里包含的异常状态主要是暂停后继续下载、下载失败等。

下图是我制作的下载按钮。可以看到很多状态，比如点击下载、下载完成、安装、打开等，视觉上是一样的，只是文字不一样。

即便如此，交互设计师和视觉设计师都应该给出这些应有的状态，否则程序员将不知道在哪种情况下使用哪种形式的按钮。主要包含以下 7 种情况：网络环境相关：下载失败、服务器错误、网络断开、网速慢、加载失败、网络连接失败（wifi密码正确、连接不成功）；空状态：搜索结果为空，无浏览记录，无收藏，无购买记录，无订单记录，无下载记录等；表单异常：密码错误、输入字符太少、数量过多、账号密码等不符合相应规则、账号过期、必填项未填写（提示定位）、必填项输入字符为空等。时效性：二维码/验证码的过期/失效，如有效链接、二维码等；限制值：上传文件超过限制大小，操作过于频繁（频繁刷新，点赞，摇一摇，戳戳等，需要友情提醒）；不可用：账户不存在、账户过期、选项不可用、按钮变灰等；其他：外接设备连接失败（如遥控器、音响、手机等）、断电/低电量、安装失败； 2、用户在操作过程中感觉不到这种异常，对用户操作影响较小。

事实上，登录、支付、提交等一些按钮仍然处于“不可用”的状态。当用户没有输入信息时，登录按钮是灰色的，只有在用户输入相应信息后，该按钮才会高亮显示。 2. 异常情况总结通过上面的例子，相信大家已经充分了解了设计中的异常是什么以及如何处理。下面总结一下设计中常见的异常情况。

异常处理其实分为两种情况。两种异常情况的处理1、界面有明显提示，需要用户了解情况，影响用户下一步操作。

主要是用户切换任务导致的异常：比如按home键突然退出/切换应用，返回键退出，下载进程退出等。

以上是设计中常见的一些异常情况的总结。看到这里，很多朋友可能会说，这么多，我怎么记不住。

我个人的建议是：如果你熟悉以上异常，那么在设计类似模块时，你会实际考虑相应的情况；如果对这些不熟悉，可以将文章中描述的异常作为checklist，在设计相应模块时，可以参考是否会出现上述情况。 3、异常处理接下来分析这些异常情况的处理方法，以异常的方式进行处理。

与网络环境相关：下载失败、服务器错误、网络断开、网速慢、加载失败、网络连接失败（wifi密码正确、连接不成功） 1、下载失败一般需要有明确的下载失败提示，可以提示通过弹窗、Toast、列表等方式，如下图提示用户进行下一步操作，如重试、重新下载、删除等操作。

2.空状态搜索结果为空，无浏览记录，无收藏，无购买记录，无订单记录，无下载记录等。

其实空状态很好理解，就是当页面没有内容时，空页面一般会提醒用户当前页面的空状态，也可以提供适当的引导。

比如在影视app中，如果观看记录为空，可以为用户推荐电影，比如热门电影，猜你喜欢，以及其他热门推荐，供用户选择。

但是，如果您不确定您推荐的用户是否喜欢，则不建议进行推荐。

3、表格类异常：密码错误、输入字符太少、数量过多、账号密码等不符合规则、账号过期、必填项未填写（提示定位）、必填项输入字符不正确空等

4. 对时间敏感的二维码/验证码的过期/失效处理，如有效链接、二维码等。

有效性更多体现在二维码、支付码、验证码等有时间限制才有效的情况。通常，它们失效后需要刷新。手机端的筛选操作一般是点击或者下拉刷新； PC端一般是点一下，但是在TV端，按“OK”键刷新。

如下图所示，显示了QQ二维码扫描登录页面和UC浏览器手机登录页面。

5.限制上传文件超过限制大小，操作过于频繁（频繁刷新、点赞、摇一摇、戳戳等，需要友情提醒）

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！