网页设计技巧:防止错误发生的防呆设计(2)

夜间的提醒也很重要。停电了,却怎么都找不到蜡烛？澳大利亚工作室Den Studio带来的荧光蜡烛（Blackout Candle），通过防呆设计试图解决这个问题：它采用了特殊材质的石蜡和发光粉混合制作，白天发光粉吸收光的能量，晚上发出荧光；其次，造型方正，在底部有个小开口，刚好可以塞进去一盒火柴——于是，即便突然的停电让你措手不及，但是找到了蜡烛，你就能找到火柴~

从上面几个案例中可以总结出防呆设计的原则：“避免错误，无需思考”，细化如下：

1.即使有人为疏忽也不会发生错误──不需要注意力。

2.外行人来做也不会错──不需要经验

3.不管是谁、无论何时都不会出差错──不需要专门知识与高度的技能。

从用户层面分析，防呆设计就是以非专业、无经验的用户角度出发，通过设计引导这类用户正确的操作。工业设计如此，交互设计也不例外，下面就是笔者对交互中的防呆策略的一些思考。

交互中的防呆

简单地说，防呆设计就是如何去防止错误发生的方法。人们总是在怪罪一件错误的发生，而较少去动脑筋想想如何去设计一些方法来避免错误的发生。所以我们需要正视错误，面对错误，想方设法的避免错误或缓解错误。在交互设计中，用户可能的错误正是我们应该预防的方向，我们可以参考防呆设计的思路，通过设计，引导用户正确的操作。

1.限制操作

想象一下：点击某个功能按钮，然后提示不能使用，应该怎么怎么样先……此时你是否会呆住：既然不能用，为啥要放出来做烟雾弹？所以，当用户当前状态不能进行一些操作时，把这些操作隐藏起来吧。给予用户适当的行为约束——为用户封闭掉不正确的道路。下图所示，如果浏览器中已安装Evernote Web Clipper，该页面对应按钮显示为灰色不可用状态，避免用户重复安装。

根据用户的使用状态，对应进行功能项的展示和隐藏，是有效避免用户误操作的常用手段。由状态所限制操作的设计在很大程度上预防了用户可能发生的操作失误。

另外，通过有趣的形式提醒用户达到限制也是一个友善的防呆做法。Feathers是一个第三方Twitter 客户端，点击那个可爱的 Twitter 鸟发推。随着用户逐渐输入内容 Twitter 鸟会逐渐变绿，防止用户输入超过140 个字符限制。

2.预见错误

给予用户必要的预判性错误提示——在用户出错发呆之前，告诉用户，这样走可能会出错。

当用户在午夜提到“明天”时，siri会询问用户具体的时间，以防用户错误的做出对明天的定义。

当电量不足时，Dropbox会自动停止正在进行中的照片上传动作。这个贴心的设计让用户避免了因上传而耗尽电量手机关机的囧态。

当用户的一个行为很可能会引发预见性的错误，越早提示用户，并给出可行性的建议，错误越容易被接受和改正，用户的损失也就越小。

3.跳出空白

空白页面一定是空白的吗？NO。单纯的空白页面会让用户焦躁不安：发生什么了？我现在该怎么办？……无路可走的焦虑肯定是很难受的，为避免这种心理，我们需要给到用户适当的出口，让用户在空白页面也有路可走。

例如在空白页面，提供用户解决办法，或提供给用户其他出口，引导用户接下来的操作，让用户不在空白页发呆，帮助让用户快速离开空白。

又或者，给用户以与众不同的空白页，让用户可以在空白中思考。Clear中，当用户删除所有list或新建一个空白项时，页面展示出一些有意思的语句，让用户不再空白。