请求用户确认已选择的操作并继续____20160504

原文地址


说明

该技巧的目的是为了从用户寻求确认,让用户确认已选择的操作是用户想要的操作。当操作执行不可撤销的情景下,使用该技巧。这会帮助用户避免错误地提交或删除数据。

例如,当用户想要提交或取消时,提交和取消按钮的顺序不是用户预期的顺序,用户可能会操作太快而没有注意到不是预期的顺序。呈现给用户一个确认请求,允许用户识别错误和停止提交数据,或阻止已输入数据的丢失。

确认请求应该告知用户已选择的操作和将会引起的结果。


样例

样例1:航空旅行

航空旅行允许用户创建旅游行程,将会在不同航线里预留座位。用户可以查找、修正和取消当前的行程、如果用户需要取消旅行计划,找到网页中的行程并从当前行程列表里删除就可以了。这个操作的结果是预留的座位不能恢复。用户将会被告知当前的操作将会取消当前的预留操作,如果选择该操作,将不能在想订的飞机上订位置。用户将会要求去确认和取消行程的删除。

样例2:

一个Web邮件应用将用户的邮件存储在服务器上,这样用户就可以随时随地登陆查看邮件,当用户删除一个邮件,这个邮件会被移动到垃圾箱,如果是错误删除的话可以被恢复。有一个清空垃圾箱的命令可以删除垃圾箱中的所有信息从服务器的垃圾箱文件夹中。一旦垃圾箱文件被删除,信息不能再恢复,在清空垃圾箱之前,用户应该被询问是不是真的要删除垃圾箱。

样例3:在线测试

一个用来收集答案的表单。当提交和重置按钮被选择时,用户将会跳转到一个网页,这个网页将会告知用户的选择以及需要确认才能继续。比如:你已经选择重置表单,这会删除所有刚刚输入的数据而且不会提交任何答案,你确定要重置吗,YES,No。你已经选择提交表单,这会作为你的最终答案被提交且不能更改,你确定要提交吗?YES No

样例4:买卖股票

某券商网站允许用户购买和出售股票和其他证券。如果用户在交易时段进行交易,呈现一个对话框,告知该交易是直接的,不可逆的,并且具有“继续”按钮和“取消”按钮。


无障碍效果

各读屏、各浏览器的支持效果

测试人:

争渡、IE11:
永德、IE11:
NVDA、IE11:
永德、chrome:
NVDA、chrome:
NVDA、Firefox:
voiceover、chrmoe:
voiceover、Safari: