通知消息、颜色的可用性 [网络应用程序]

发布于 2024-10-09 15:12:39 字数 778 浏览 0 评论 0原文

在我开发的每个网络应用程序中,我喜欢添加三种类型的消息:

  • 绿色/蓝色表示成功消息
  • 黄色表示警告
  • 红色表示错误

或许还有一种中性信息,如果满足以下条件,则为灰色或蓝色:成功的是绿色的。

成功用于创建或更新项目时,黄色表示出现问题,但不是我们要死的错误,红色表示某些内容被阻止或我们要死的时候。

item Updated

但是,有一点我不明白,当我删除一个对象时,我应该发出什么样的通知使用?我认为成功并不是因为不符合预期,虽然删除成功了,但用户往往不会阅读消息,而只是看到颜色。
红色的可能是,但可能会被误解(我试图删除它,但出现错误),警告和信息可能是不错的选择,但我不太确定。

项目已删除

项目已删除

item returned

另外,当您要求确认删除某些内容时,“取消”按钮应该是绿色还是红色?

你确定吗

我只是好奇你们是如何处理这个问题的。谢谢。

In each web app I develop, I like to add three types of messages:

  • Green/blue for success messages
  • Yellow for warnings
  • Red for errors

And perhaps, a neutral one for information, which is gray or blue if the success one is green.

The success one is used for when an item is created or updated, the yellow one is when there's something wrong, but not we-are-going-to-die wrong and the red one is when something is blocked or we are going to die.

item updated

However, there's one thing I can't figure out, when I delete an object, what kind of notification should I use? I think the success one is not because it is not expected, altough the deletion was successful, the user tends not to read the message, just to see the color.
The red one might be, but it can be misunderstood (I tried to delete it but there was an error), the warning and the information one might be good choices, but I'm not really sure.

item deleted

item deleted

item deleted

Also, when you ask for confirmation about deleting something, the 'cancel' button should be green or red?

are you sure

I'm just curious how you guys handle this. Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

烟雨扶苏 2024-10-16 15:12:39

一般来说,我依靠操作系统来提供适当的颜色。

问题出在视力受损的用户身上。我无法预测他们是否可以阅读我可能选择的任何背景下设置的文本。我假设他们已经将浏览器和操作系统配置为显示他们最容易阅读的颜色。

In general, I rely on the OS to provide appropriate colors.

The problem is with vision-impaired users. I can't predict whether or not they can read text set against any background I might choose. I assume that they've configured their browser and OS to display the colors that they can read the best.

一紙繁鸢 2024-10-16 15:12:39

迈克提出了一个很好的观点。使用颜色假设用户可以看到颜色。也许在消息中添加一个图标(具有对比的前景色和背景色)可能有助于消除歧义。

例如:
感叹号:黄色背景三角形中的感叹号。
星号:对话气泡​​中的小写字母 i。
停止:红色背景圆圈中的白色 X。
错误:红色背景圆圈中的白色 X。
警告:黄​​色背景三角形中的感叹号。
信息:漫画泡泡中的小写字母 i。
问题:谈话气泡中的蓝色问号。

Mike brings up a good point. Using colors assumes the user can see colors. Perhaps adding an icon (with contrasting foreground and background colors) to your messages may help with the ambiguousness.

For example:
Exclamation: Exclamation point in a triangle with a yellow background.
Asterisk: Lowercase letter i in a talk bubble.
Stop: White X in a circle with a red background.
Error: White X in a circle with a red background.
Warning: Exclamation point in a triangle with a yellow background.
Information: Lowercase letter i in a comic bubble.
Question: Blue question mark in a talk bubble.

不必你懂 2024-10-16 15:12:39

我通常按​​以下方式执行此操作:

如果用户的意图是删除某些内容,而他确实这样做了,我会将其显示为绿色。如果他们因为它是绿色而没有阅读它,他们会认为他们想做的任何事情都已正确完成。

在“你确定吗?”阶段,用户可能是偶然到达那里的,所以如果你给一个颜色,他可能会感到困惑或害怕。我将“删除/取消”按钮保留为中性颜色。

I usually do it the following way:

If the user's intention was to delete something, and he did, I show it in green. If they don't read it because its green, they will assume that whatever they wanted to do has been done correctly.

At the "are you sure?" stage, the user may have gotten there by accident, so if you give a color, he may get confused or scared. I keep the "delete/cancel" buttons in a neutral color.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文