本篇文章汇总了常见的异常情况及处理方式，赶紧来收藏学习！
在设计中，一些异常情况经常很容易被忽略，在后期的实践过程才发现原来还有这种状态……
异常在百度中的解释是这样的，异常，拼音：yì cháng，是一个汉语词汇。释义非正常的；不同于平常的。
在设计中异常指的是除了正常状态之外的情况，举个例子，假如你要设计一个下载按钮，那么下载按钮需要有几种状态呢？
正常状态下需要提供的下载按钮的状态应该有：
如果你在设计中只提供了这三种下载状态是不够的（其实有部分新手设计师，只提供了点击下载这种状态）。
还应该考虑如果下载中出现了断网，或者是用户暂停下载等情况的时候应该怎么处理呢？
这就是异常情况。
所以除了前面三种状态，还需要提供继续下载，下载失败等状态。
下载完成后，现在的设计一般是会自动安装的，此时显示安装中，如果不自动安装还需要提供安装操作，安装完成后提供打开的操作。
当然这里面包含的异常状态主要是暂停后的继续下载、下载失败等。
下图就是我做的下载按钮，可以看到其实很多状态如点击下载、下载完成、安装、打开等在视觉表现上是一样，只是文本不同。
即使是这样，这些应有的状态无论是交互设计师还是视觉设计师都应该给出的，不然程序员会不知道哪一种情况用什么形式的按钮。
其实在一些登录、支付、提交等按钮，还有一种「不可用」的状态，用户未输入信息时，登录按钮置灰，只有当用户输入相应的信息后，按钮才高亮。
通过上面的例子，相信已经充分了解到设计中的异常是什么，以及异常的处理方式，那么接下来总结一下设计中常见的异常情况。
异常情况处理其实分为两种情况。
1. 界面中有明显的提示，需要用户了解此情况的，并且影响用户进行下一步操作的。
主要包含以下7种情况：
2. 用户在操作中是感受不到这种异常，并且对用户的操作有较小影响的。
主要是用户切换任务引起的异常：如按 home 键突然退出/切换应用、返回键退出、下载过程退出等。
以上就是在设计中常见的一些异常情况汇总，看到这里，可能很多朋友就要说了，这么多，我怎么记得住。
我个人的建议是：如果你熟悉上面的这些异常的话，其实在设计类似的模块时就会考虑到相应的情况；如果你不熟悉这些，你可以把文章描述的异常情况当作一个检查表，设计到相应的模块时，可以参考是否会出现上方的情况。
接下来分析一下这些异常情况的处理方式，按异常方式来处理。
与网络环境等有关的：下载失败、服务器出错、断网，网速过慢、加载失败、网络连接失败（wifi 密码正确，连接不成功）
一般需要给出明确的下载失败提示，可以通过弹窗、Toast、列表等提示。如下图所示，然后给出用户下一步的操作提示，例如重试、重新下载、删除等操作。
服务器出错的页面常见的500、501、502、503、504、505等5开头的页面。其中这些错误的解释如下：
服务器异常时，在网页端的处理方式为提示+返回，在移动端的处理方式为提示+重试，下图是一些普通的处理方式。
△ 注：单张图片来源于网络
近几年，很多网站和应用将这种异常页面设计的相对美观和有故事性一些，提升了整体的趣味性，减少用户的焦虑。例如网络被外星人劫走了之类的，相信大家也看过很多。这里就不举例子了。
断网、网速过慢、网络连接失败（wifi 密码正确，连接不成功）
其实都是属于网络异常的情况，加载失败有时是网络速度慢造成的，有时可能是IIS（Internet Information Services 互联网信息服务）空间不足。下图是一些网络异常情况下的处理方式。
如果网络异常之前应用没有缓存之前的页面的内容，则整体提示用户网络异常，也可以提供一个操作指导用户操作；
如果网络异常之前页面已经缓存则显示之前的页面，Toast 轻提示用户网络异常。
搜索结果为空、无浏览记录、无收藏、无购买记录、无订单记录、无下载记录等。
其实空状态很好理解，就是页面没有内容时，空页面一般会提示用户当前页面的空状态，同时也可以做适当的引导。
△ 注：单张图片来源于网络
本文由威海软件公司半岛科技转载整理2018.08.17
