警报/确认/错误对话框的替代方案？

我们都知道警报很糟糕.如果你不知道它读了这个

警报用于与用户通信.所以,如果我们不使用它们,那么什么是好的选择呢？

在实现需要用户通信的东西时,我想得到一个很好的替代选择列表.

我将以自己为例,每个人都可以使用:

案例:我们需要在继续之前验证用户输入.

解决方案:当用户点击确定/下一个/提交显示明确样式(例如,白色bg上的红色)时,而不是显示警告框,而"用户输入"周围/旁边的"框架"具有无效输入,其中包含有关内容的信息是错的.为了使用户更容易,有问题的输入应该获得焦点,并在必要时移回视图.

这是用于处理用户错误或警告的层次结构,用于验证字段的用户输入.

删除可能导致错误的元素.你真的需要用户的出生日期吗？您是否可以使用其他不需要验证的内容,例如"18岁以下"和"18岁或以上"的选项按钮？

防止错误.首先无法输入无效输入.例如,使用下拉列表或"图片"字段,拒绝任何不可接受的字符(例如,电话号码的字母).

接受输入并可能自动更正并将结果回显给用户.从输入中做出一些东西.如果用户键入日期为4-14#008,则将其自动更正为2008年4月14日.如果格式与版本号不匹配,请检查它是否为版本号并查找相应的版本号.如果它不符合您对有效地址的想法,那么,假设它是(可能是外国的).如果用户的出生日期受损,这真的很重要吗？

提供撤消,而不是验证,清楚地显示用户所做的事情的影响,并提供明确的逆转途径.当用户输入要交易的股票数量时,在其旁边显示美元价值,以防用户与美元混淆股票.保持字段可编辑,以便用户可以修复它.

在主窗口或网页本身中提供警告和错误文本; 文本应该是明显的,不会迷失方向,非模态,并在纠正错误时自动消失.输入无法识别的日期时,将其下划线为红色,并在其旁边放置文字"无法识别的日期",或许还包括"帮助"链接以获取更多信息.

模态消息框.