产品设计交互规范-Notification通知提醒框(四)

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消失,也可以点击叉号进行关闭。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容