Alert警告提示
视频及原型文件下载:https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015
定义:
当用户进行某种操作时,网站会出现对应的警告信息提示用户,该提示信息的状态不会主动消失。
交互原则:
1、语句精简;
• 按钮长度不超过 4 个字;
• 标题 6-20 个字;
• 正文不超过 30 个字。如无必要,正文可以省略;
2、直观易懂:
• 标题直接描述弹出 alert 的目的;
• 文案不许使用否定句及双重否定;
• 不要出现间接、生僻的词语(说大白话);
• 多用动词&少用助词&动词前置;
• 操作尽量使用及物动词表示;
• 将一句文案中的动词提前;
3、统一性:
• 弹出的位置统一;
• 交互风格统一;
• 语言风格统一;
交互说明:
1、【文案】:说明提示的文案内容,例如:成功的删除了一个商品,点击后可撤销本次删除;
2、【触发条件】:需要说明触发Alert的条件,例如:点击【删除】按钮,显示Alert提示:成功的删除了一个商品,点击后可撤销本次删除;
3、【是否可关闭】:需要说明是否可以关闭Alert,关闭的方式和样式,例如:点击消息通知即可关闭;
4、【触发后的流程】:需要说明触发Alert,后续有哪些流程,例如:点击alert后,撤销本次操作;
5、【显示位置】:说明Alert提示的位置,例如:顶部居中显示提示信息;
使用场景:
1、当某个页面需要向用户显示警告的信息时。
2、用户某些操作后,给予用户反馈:成功或失败的提示。
3、系统的站内通知或其它公示。
4、alert是可以换行的,可以支持比toast更多的场景使用;
例如神策当用户没有权限时,会使用alert提示你没有该模块的权限,点击可关闭,或查看权限的申请方法;
Alert的消息提示分类一共有四种类型:成功类、失败类、警告类、消息类。
Alert组件样式有:不带关闭按钮、带关闭按钮、不带ICON、带IOCN、左侧显示、居中显示