Notification通知提醒框
视频及原型文件下载:https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015
定义:
悬浮出现在网页右上角,用于全局的提醒式通知。常见于服务器异常、操作失败等
交互原则:
1、不要随便打扰你的用户;
2、直观易懂,有事情直说;
3、统一性:
• 弹出的位置统一;
• 交互风格统一;
• 语言风格统一;
交互说明:
1、【文案】:说明提示的文案内容,需要注明标题、内容,例如:
标题文案:发货通知;
内容文案:您购买的商品已经发货,点击查看物流详情
2、【触发条件】:需要说明触发Notification通知提醒框的条件,例如:当用户购买的商品发货后,显示Notification通知提醒框提示;
3、【触发后的流程】:需要说明触发Notification通知提醒框,后续有哪些流程,例如:
用户点击【通知提示框】按钮后,页面跳转至订单详情页;
4、【显示位置】:说明Notification通知提醒框提示的位置,例如:当前窗口右上角显示;
5、【关闭方式】:说明通知提醒框显示后是自动关闭,还是手动关闭,如果是自动关闭需要说明显示的时间,例如:通知提醒框显示4s后自动关闭;
使用场景:
1、较为复杂的通知内容。
2、带有交互的通知,给出用户下一步的行动点。
3、系统主动推送。
Notification通知提醒框出现在网页右上角,一般4-5s消失,也可以点击叉号进行关闭。