游戏界面设计的防错原则分享：状态变化、弹窗确认与允许撤销

在设计游戏界面时，设计师不仅仅要考虑交互的合理性，还需考虑如何去预防错误以及防止误操作的发生。日前，网易游戏的游戏交互设计师Meni分享了，如何在游戏界面设计中合理的运用新乡重夫的防错原则，以防止玩家在游戏中因误操作造成无法挽回的损失。

以下是分享实录：

什么是《新乡重夫-防错原则》？

新乡重夫-防错法则是日本工程学家新乡重夫（1909－1990）在工业工程提出的原则之一。他提出了零损坏就是品质要求的最高极限，被尊称为“防错之夫”。

在他首创的POKA-YOKE概念中，有一条是这样说的：我们不可能消除错误，但是可以及时发现和立即纠正，防止错差形成缺陷。这就是是新乡重夫-防错原则。

新乡重夫-防错原则所讲的意思是大部分的意外发生，都是在设计的过程中有所疏忽，而不是人为的操作失误。因此在设计的过程中，需要设置必要的防错机制。特别是在用户操作过程中能够造成毁灭性效果的功能时要有相应提示，从而防止用户犯下无法挽回的错误。

游戏界面设计中，如何运用防错原则？

作为游戏设计师，在设计游戏界面时，不仅仅要考虑交互的合理性，还需考虑如何去预防错误以及防止误操作的发生。若不进行一定的防错机制，会导致游戏体验过程中产生挫败感，可能还会造成一些无法挽回的损失，从而影响玩家的游戏体验。

常见方法的通常有3种：不可使用的功能变为不可点击状态、容易出错的操作使用二次确认弹窗、允许简单的撤销操作。

1. 不可使用的功能变为不可点击状态

在游戏设计中，由于状态的不一致，有些功能会由于某种原因在当前无法使用。此时要做好不能使用该功能的状态展示，防止玩家进行点击后无法使用或没有任何反馈，玩家会不知道是什么原因造成的，进而使玩家产生失落感。

在设计的过程中，通常的做法是把这些功能变为不可点击状态或者是与可点击的功能进行明显的状态区别。

我们可以看一下这个界面，这是一个变身卡的界面。玩家可以在卡槽内选择一张卡片进行变身。

《大话西游》变身卡界面

但是变身卡需要满足某些条件才能够使用，而在这里使用的制约条件为五行修炼的等级。可以思考一下怎么能够让玩家第一眼就知道哪些卡片是可以使用，哪些卡片是不能够使用的。

现在游戏内的做法是：将变身卡按照等级的高低进行排序，把使用按钮作为禁用样式，与可使用的按钮进行区别开来。让玩家知道该卡片无法使用。再者将制约条件是什么用红色文字标出，让玩家清晰的知道五行修炼到达多少级之后才能够进行使用。

通过防错原则，将不可使用的功能变为不可点击状态。我们可以看到，玩家能够在界面上清晰的知道这张卡片能够进行使用和使用的限制条件是什么。这样就能够防止玩家点击使用按钮之后才知道该卡片无法进行使用。

我们也可以来思考一下，上面的界面还有没有更加优化的方案？通过流程我们可以知道，玩家需要先选择卡片之后才知道哪张卡片可以使用，哪张卡片不能够使用。

还有一种方法就是在左边的卡槽界面进行区分，将可使用的变身卡与不可使用的变身卡进行样式的区分。通过这种方法，玩家就不需要一个个变身卡进行点击才能够知道是否可以使用。

2. 容易出错的操作或重要操作时用二次确认弹窗

当玩家进行一些重要操作时，比如售卖商品，购买皮肤，删除账号等等，为防止造成不可恢复的后果产生，往往在这些操作之前需要进行一次二次弹窗进行确定。

但是二次确定弹窗仅需在重要的操作中出现，如果频繁的出现会打断玩家的操作流导致整体的交互流程体验不好。

01  注销功能

我们来看一下这个页面，这是一个注销页面的二次弹窗。

《大话西游》注销界面

我们可以看到，当玩家点击注销按钮时，通常的做法是需二次弹窗进行确定。这样的做法是能够防止误操作。若是玩家不小心注销按钮，若没有做二次弹窗处理。那么该账户将会马上进行下线。这样做的后果是不可设想的。

02  放生宠物功能

宠物对于玩家的重要性是不言而喻的，放生宠物之前，系统通常会进行一次弹窗的二次确认。若是没有二次确定或者挽回方式导致误操作，玩家游戏体验就会降低。

而在大话手游中，点击放生宠物时，需手动输入验证码后，然后再点击确定按钮。

《大话西游》手游放生宠物界面

我们可以发现，相对于二次弹窗，输入验证码的方式能够最大程度的减少误操作。但同时要注意，输入验证码所需要的时间和精力是高于二次弹窗的。需要玩家去手动输入验证码，再进行点击确定按钮，才能够操作成功。所以在进行设计的时候，我们要进行思考一下，什么时候使用二次弹窗或者进行验证码验证确定。

对于一些能对玩家造成严重利益损害的操作，我们可以使用验证码确定的方式。虽然说所消耗的时间与精力大于二次确定弹窗，但所能够避免误操作的效果也是值得的。

而在《梦幻西游》手游中，在进行二次确定放生宠物后，若玩家想重新找回宠物时，可通过NPC进行找回宠物操作，只需消耗一定的金币即可找回放生的宠物。

《梦幻西游》找回宠物界面

这个功能其实是使用了允许撤销的操作，能够帮助玩家在进行误操作后将错误还原。

3. 允许简单的撤销操作

在设计的过程中，允许撤销操作也不妨是一种好的交互方式。对于设计而言，用得最频繁的功能就有PS中的还原功能，能够帮助设计师在误操作之后快速的将错误去除。

在游戏的设计中，也可以进行类似的撤销操作设计，我们来看一下在游戏中有哪一些的可撤销的交互操作：

《决战平安京》取消施法方式

在MOBA游戏中，最常使用操作的是释放技能。但是手机端与PC端的区别在于：手机端的操作仅能够通过屏幕进行，而PC端可以通过鼠标键盘等外设去进行操作。在PC端中，取消施法技能的方法通常为ESC按钮取消施法技能。

大多数的游戏对于技能施法的判断都是点击之后松手才进行确定操作，这就能够让某些操作提供了错误预防的可能，对于技能释放而言松手之前就能够进行撤销操作。

但这种错误欲望是建立在玩家能够及时发现并迅速反应过来的。一些需要长按的操作特别适合使用这种方式，因为玩家不会习惯性地点击完就马上松手。

决战平安京释放技能时，通过按住屏幕移动来选择技能释放方向，此时把手指拖到“取消施法”的按钮处松手就可以取消释放技能。将手指拖向取消施法按钮时，技能范围框显示为红色，进一步的告知玩家该技能将会取消施法，让玩家更清晰的知道当前的状态，然后松开手指即可取消施法成功。

总结

防错原则的运用在设计中其实十分广泛，当我们在设计的时候，需要去思考什么时候该使用防错原则，去使用什么样的方式去进行防止错误的发生。在玩家进行具体操作前给予足够的提示，防止因为错误的发生从而导致游戏体验过程中产生挫败感，影响游戏体验。

作者 | 网易游戏的游戏交互设计师Meni

来源 | 网易游戏学院