如何优雅的设计错误反(ti)馈(shi)？.pdfVIP

如何优雅的设计错误反（ ti ）馈（shi ）？ 近年来，随着互联网的发展，用户会在各种各样的应用场景和环境中去使用产品。站着、坐着还是 躺着？公交上、地铁上还是在厕所里？ 在使用互联网的产品过程中，相信任何一个用户都难以避免遇到错误，或是输入信息错误，或是网 络不好等等。这些复杂多样的使用场景使得针对用户操作错误而进行的错误反馈设计变得尤为重要 。 本文是笔者根据以往遇到的各种类型的反馈设计例子做的一些分析，希望能为大家在设计错误反馈 提供一些帮助。 一、 输入错误信息 手控类型错误。 这类型的错误主要是在使用手机或平板的时候会遇到，比如前些天我遇到的一个健身类型的 APP ， 里面有个设置体型的环节，界面如下： 看到这个页面，我第一反应就是点击刻尺上的刻度位置，发现没反应。于是又试着按住 肌肉“ ”模块 移动，发现还是没有反应。到后来，因为不小心划到刻尺里的内容，才发现这个东西原来要这样操 作的。 PS ：多闹心的一个设计！应该把设计师拉去枪毙一百次 … 笔者认为这个界面比较好的反馈信息设计应该是这样的： 词语 /拼音错误。 这类型的错误主要是在使用搜索引擎 /输入法遇到的。先来看看搜索引擎的例子（以百度为例）： 笔者搜索 拖拉及“ ”，百度根据关键词判断用户意图，首先对用户搜索关键词时发生的可能拼写错误 提供纠错帮助。然后，给出了搜索拖拉机的结果页面，并在搜索下面提供文案告诉用户这是关键词 拖拉机的搜索结果，同时也提供给用户继续想要搜索 拖拉及“ ”的链接 —— 如果用户输入的关键词并 没有出现错误，那么就可以通过链接快速的重新进行搜索。 为什么这边不先提供搜索 拖拉及“ ”的结果，然后在提供文案给出搜索 拖拉机“ ”的链接呢？我想这边的 原因在于，百度的搜索结果是根据热词和热度优先搜索的，这也符合一个搜索引擎的产品形态。所 以说，产品设计也要跟产品形（ ce ）态（ lie）相结合。 接下来说说输入法（以搜狗输入法为例）： 如第一张图，笔者想输入 相信“ ”两个字，把 g和 n对换；或如第二张图笔者想输入 产品“ ”两个字，把 n 和b输入。这在快速敲键盘的时候是经常能遇到的事情，这时输入法给出的结果中，包括了 错误的“ 结果 ”但却是用户本来想输入的。 以上两种产品的设计，不仅提高了产品的容错能力，提高了用户搜索 /输入效率，还会给用户带来惊 喜的感觉（特别是第一次使用的时候），对产品产生潜在的好感。 PS ：为什么是百度和搜狗！因为笔者常用的就是这两个 = = ！ 内容不符合规则。 这类型的错误常见于表单的填写，最经常接触的我想莫过于登录和注册了，以下就注册模块举一个 例子分析： 如上图，我想再也没有比这个更简单的注册页面了，输入账号和密码即完成注册。笔者根据页面提 示内容，在帐号输入 125467 ，然后输入密码，点击注册，出现图二和图三的提示。有经验的童鞋可 能猜到我要说什么了，但我还是要说 … 首先说说提示信息的问题。第一张图明明告诉笔者帐号的限制只是 英文或英文“ +数字 ”，而用户密码 好像没啥限制，提示信息却又告诉笔者帐号 需为“ 4-13 个字符，不能为纯数字 ”，密码 需为“ 6-16 个 字符，区分大小写 ”。 另外，同时输入帐号和密码时，先提示密码有问题，然后点击注册后，又提示帐号有问题。 PS ：笔者简直无法忍受了！还是应该把设计师拉去枪毙一百次 … 观察了下帐号 /密码输入框的长度，笔者认为这边比较好的反馈信息设计应该是这样的： 二、访问错误 这类型的错误大概有 3情况：某个功能不能使用，某个页面不能打开，加载数据失败。 功能不能使用。 我们来看两个例子的对比： 第一张图是笔者在公众平台申请多客服失败时的提示，既没有告诉笔者失败的原因又没有告诉笔者 遇到这种情况的解决方案，害的笔者以为是不满