首页»版块 MagicOS MagicOS 一篇文章,搞定UI通知栏设计

一篇文章,搞定UI通知栏设计

[复制帖子标题和链接]

109810

荣耀粉丝212674382  LV7  发表于 2022-12-24 15:10:45 安徽 来自:浏览器

通知是许多产品不可或缺的一部分。我们今天设计的几乎所有产品都需要一些系统来与我们的用户共享更新。

本文将讨论五种类型的 UI 通知,以及何时以及如何使用它们的基本规则。



什么是通知?

通知是我们希望与用户共享的任何系统更新。通知提供有关某些事件的相关且及时的信息。

通知聚合是通知栏的新功能,可以根据通知内容进行自动分类,并单独聚合展示。
通知可能因以下情况而异:

重要程度。通知范围从用户必须查看的重要更新到用户可能容易忽略的低优先级更新。

渠道。通知可以是产品的一部分(应用内通知)或使用外部通信渠道(即电子邮件通知)。

用户触发或系统触发。用户触发的通知是由用户的操作触发的通知(例如,用户在网站上购买了产品并收到了有关订单的更新)。系统通知是系统发送给用户的通知(即有关计划的系统维护的通知)。


通知永远不应成为与用户交流的主要方式。

通知剖析

通知应针对快速扫描进行优化。快速浏览一下就足以了解通知的全部内容以及您可以做些什么。

以下是通知容器的四个构建块:
标题(标题区域)。标题应该是通知中最突出的元素。它为通知用户有关事件的通知创建上下文。您必须编写一个简短的标题,为通知内容提供上下文。

描述(身体区域)。描述包含有关事件的更多详细信息。它可以包括用户认为有帮助的附加信息。撰写描述时,尽量使其长度不超过 40 个字符,并且不要重复内容标题中的内容。

操作区域(号召性用语按钮)。按钮让用户立即采取行动。如果通知需要操作,按钮的标签应该是可操作的。它应该显示“创建”、“完成”或“发送”。确保可点击区域具有足够的对比度,以便用户轻松发现它。操作区域可以显示在通知容器的右侧或底部。

图标(可选)。有意义的图像可以强化通知的内容。例如,如果您将收到的消息通知用户,您可以包含发件人的头像。


现在让我们讨论四种流行的通知类型以及如何使用它们的规则:

1. 带有徽章的图标

徽章是一个小的填充椭圆形,可以出现在应用程序图标上并指示未看到的更新。徽章可以有一个数字,用于通知用户未读通知的数量。用户检查更新后,徽章会从应用程序图标中消失,并在新通知到达时再次出现。
一篇文章,搞定UI通知栏设计
2.推送通知

推送通知是出现在移动设备的锁定屏幕上并引起很多关注的通知。

通知聚合是通知栏的新功能,可以根据通知内容进行自动分类,并单独聚合展示。不要使用推送来提示用户对您的应用进行评分。

请勿将推送通知用于促销或广告目的。

不要使用推送通知来鼓励用户返回应用。“我们有段时间没见到你了”通知不会为用户提供太多价值。向用户明确说明他们应该返回应用程序的原因。

允许用户更改通知行为。用户应该能够微调推送通知首选项。

创建通知摘要。通过对推送通知进行分组来最小化推送通知的数量。Android 和 iOS 允许创建一个汇总几个通知的通知。您可以显示摘要,而不是显示多个通知。
一篇文章,搞定UI通知栏设计
自制通知栏样式,集成了音量、情景模式控制,实现交互与信息透明化,一级菜单直观演示,二级菜单信息详细,状态栏图标可以自定义,极简显示,集中处理。

一篇文章,搞定UI通知栏设计
评论10
荣耀粉丝212674382  LV7  发表于 2022-12-24 15:11 安徽 来自:浏览器
荣耀粉丝212674382  LV7  发表于 2022-12-24 15:16 安徽 来自:浏览器
3. 推送

用户会收到推送,其中包含有关更新的详细信息。

给用户更多的控制权。由用户决定是否要阅读。如果推送标题足够好,用户可能无需阅读就可以理解上下文。


一篇文章,搞定UI通知栏设计
荣耀粉丝212674382  LV7  发表于 2022-12-24 15:16 安徽 来自:浏览器
4.Toast

Toast 是一个矩形块,显示在用户屏幕的顶部或底部,用于通知用户更新。Toast 会在短暂的超时(最多十秒)后自动从屏幕上消失。


Android 中的 Toast 通知

优点:Toast 是上下文相关的。用户不必切换上下文来阅读信息。不要中断用户体验。它们暂时出现,不需要用户输入即可消失。
缺点:丢失信息的风险。默认超时可能不足以让某些用户阅读通知。当吐司在用户阅读消息之前消失时,这是一个糟糕的用户体验。
何时使用:Toast 是一种很好的操作状态。例如,消息发送应用程序可以在消息发送成功时显示吐司“消息发送”。
提示:

不要使用 toast 来显示与当前用户任务无关的信息。如果您在任务中间打断用户告诉用户您的产品具有的新功能,那就不好了。

不要将 toast 用于错误消息。由于 toast 会在短暂超时后消失,因此某些用户可能无法阅读错误消息。

不要使用 toast 通知来提供有关如何使用应用程序的随机提示。关于如何使用应用程序的随机建议具有较低的用户价值,因为它与上下文无关。


一篇文章,搞定UI通知栏设计
荣耀粉丝212674382  LV7  发表于 2022-12-24 15:18 安徽 来自:浏览器
5.全屏覆盖/模态窗口

全屏覆盖/模态窗口是出现在应用内容顶部并要求用户做出决定的对话框窗口。这种类型的通知会在所有应用功能出现时禁用它们并保留在屏幕上,直到用户完成所需的操作。用户在访问应用程序时将 100% 看到通知。无法避免此通知。何时使用:

全屏覆盖/模式窗口应仅用于需要用户操作的最关键的系统更新。例如,它可能是阻止应用程序正常运行的错误或需要特定用户决策的关键信息。


小提示:不要对促销消息使用全屏覆盖/模式。


一篇文章,搞定UI通知栏设计
荣耀粉丝212674382  LV7  发表于 2022-12-24 15:19 安徽 来自:浏览器
如何创建通知策略

现在您已经熟悉了不同类型的通知,是时候分享一些有助于您创建有效通知策略的基本规则了。

1. 同一主题的分组通知对您要发送给用户的所有通知进行内容清单,并将它们分组到具有相同主题的集合中。例如,“订单更新”通知。
2.为每个通知设置级别重要性瞄准四个重要性级别(低、中、高、关键)。应该从用户的角度选择重要性级别(基于通知提供给用户的价值)。您可以将推送通知用于具有关键级别和高度重要性的事件。当涉及低重要性时,如果要发送此类通知,则应三思而后行。
3.允许用户自定义通知偏好练习选择加入方法——询问用户是否想接收特定类型的信息。当用户明确选择接收某些类型的通知时,他们更有可能很高兴看到它们。



4.避免为同一件事发送多个通知即使用户没有回复,也不要发送后续通知。人们应该在方便的时候关注通知。当您为同一件事发送多条消息时,用户更有可能关闭您应用的所有通知,甚至删除该应用。
5. 小心敏感信息不要在通知中包含敏感信息。您无法预测人们在收到通知时会做什么,因此最好避免在设备屏幕上包含其他人可以看到的机密信息。
科幻123  LV9  发表于 2022-12-24 15:25 湖北 来自:荣耀 Magic3 Pro 5G
感觉像粘贴复制 不好还是蛮好

评论

嗯,有很多文段是网络收集的,不过我也是整理聚合了。  发表于 2022-12-24 15:28  安徽
荣耀粉丝212674382  LV7  发表于 2022-12-24 15:38 安徽 来自:浏览器
HONOR2506156507086  LV7  发表于 2022-12-24 16:21 江苏 来自:荣耀80 5G
杂乱+晦涩
HONOR2505111083457  LV7  发表于 2022-12-24 19:30 辽宁 来自:荣耀 Magic3 5G
现在的ry就和国足似的,啥也不是
您需要登录后才可以评论 登录 | 立即注册
简体中文 - China
快速回复 返回顶部 返回列表