H5交互设计之页面容错设计

H5营销活动最大的特点就是能与用户互动，通过更为有趣的体验来提升吸引用户参与H5活动。不过在用户使用的过程中，难免会出现操作错误的情况，降低用户体验，为优化用户的活动体验，就需要做好相应的容错设计。下面，蓝橙互动就给大家分享一下H5交换设计中如何做好页面容错。

1、补救措施

不管防错措施做得如何好，都不能绝对保证用户不会出错，因此，我们需要在H5中允许用户犯错，并提供相应弥补措施。常见的补救措施有修改、撤销等等，让H5提供撤销操作来帮助用户减少因自己的冲动而进行操作带来的后果。例如在抽奖H5活动中，中奖用户在收货信息填写后，依然可以重新编辑进行更改。

2、减少错误代价

容错设计原则中有一个非常重要的点，那就是“发现错误，及时反馈”，当用户已经操作错误的时候，H5需要及时提醒用户当前操作错误，可通过文字说明和颜色辅助的方式提醒，而不是等到用户全部操作完了之后再提醒，这样会影响用户体验。如下图中用户已经进入到下一个页面，系统才做出反馈，就是一个典型的反面例子，正确的做法应该是当前页面的问题及时在当前页面反馈，让用户及时修改。

3、提供解决方案

当用户出错后，需要在出错界面给出解决方案，可以是文字提醒或者按钮跳转等形式，帮助用户解决问题。比如缺省页的设计除了配置插图还会有提示文案与操作按钮，引导用户去操作，去进一步解决问题。

4、状态复位

状态复位是指直接撤销用户的某些操作，例如微信消息的未读红点，即便是用户已读后，还是可以标记为未读。在H5中的应用也有很多，如信息填写时一键清空，又或是在解密类H5游戏中，当用户因为错误的流程让情况更复杂时，可以一键恢复到初试状态等等。

以上就是本次为大家分享的H5页面容错设计，容错设计与防错设计是相辅相成的，借助防错设计减少用户的错误操作率，再通过容错原则进行补救，就能让绝大多数用户能够顺利完成相关操作，从而提升H5的用户体验。