通知消息、颜色的可用性 [网络应用程序]
在我开发的每个网络应用程序中,我喜欢添加三种类型的消息:
- 绿色/蓝色表示成功消息
- 黄色表示警告
- 红色表示错误
或许还有一种中性信息,如果满足以下条件,则为灰色或蓝色:成功的是绿色的。
成功用于创建或更新项目时,黄色表示出现问题,但不是我们要死的错误,红色表示某些内容被阻止或我们要死的时候。
但是,有一点我不明白,当我删除一个对象时,我应该发出什么样的通知使用?我认为成功并不是因为不符合预期,虽然删除成功了,但用户往往不会阅读消息,而只是看到颜色。
红色的可能是,但可能会被误解(我试图删除它,但出现错误),警告和信息可能是不错的选择,但我不太确定。
另外,当您要求确认删除某些内容时,“取消”按钮应该是绿色还是红色?
我只是好奇你们是如何处理这个问题的。谢谢。
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.
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.
Also, when you ask for confirmation about deleting something, the 'cancel' button should be green or red?
I'm just curious how you guys handle this. Thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
一般来说,我依靠操作系统来提供适当的颜色。
问题出在视力受损的用户身上。我无法预测他们是否可以阅读我可能选择的任何背景下设置的文本。我假设他们已经将浏览器和操作系统配置为显示他们最容易阅读的颜色。
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.
迈克提出了一个很好的观点。使用颜色假设用户可以看到颜色。也许在消息中添加一个图标(具有对比的前景色和背景色)可能有助于消除歧义。
例如:
感叹号:黄色背景三角形中的感叹号。
星号:对话气泡中的小写字母 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.
我通常按以下方式执行此操作:
如果用户的意图是删除某些内容,而他确实这样做了,我会将其显示为绿色。如果他们因为它是绿色而没有阅读它,他们会认为他们想做的任何事情都已正确完成。
在“你确定吗?”阶段,用户可能是偶然到达那里的,所以如果你给一个颜色,他可能会感到困惑或害怕。我将“删除/取消”按钮保留为中性颜色。
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.