User interface 在web浏览器中向用户显示信息的一些准则是什么？

在web浏览器中向用户显示信息的一些准则是什么

我试图确定一些向用户显示信息的准则和最佳实践

确切的情况是一个确认按钮：按下该按钮并确认主题后，该按钮将被禁用（以防止用户再次单击）。要单击此确认按钮，需要满足一些先决条件。如果未满足先决条件，则应显示禁用确认按钮的原因

目前，我将此信息显示为按钮上的工具提示。这是显示此类信息的典型方式吗

另一件让我担心的事情是，禁用状态发送两个不同的信号

• 一个信号是“一切正常”
• 另一个信号是“有点不对劲，但你需要让我停下来看看有什么不对劲”

这是GUI中的设计缺陷吗？或者，该信息最好以另一种方式显示（如WinForms中的状态栏？）或者，可以在按钮上方/下方或按钮附近显示一个图标，表示信息已存在

---

我真的不确定在网络世界中，关于这个主题的最佳实践是什么。

我将首先以某种方式显示信息，而不是工具提示，因为这是一些关键信息。另外，对于按钮，我会有两个不同的UI线索。显然，按钮应该被禁用，直到它准备好被点击为止。然后，当点击按钮时，您可能会看到一些图像或其他东西，按钮现在不见了，说明请求已提交，等等。

关于UI线索，您可以找到一些与此相关的好主意

例如，可以显式显示这些先决条件的列表，每个先决条件前面都有一个符号（红色*），表示有强制先决条件

---

如果该按钮被禁用，且所有必备信息前面不再显示（*），而是一个绿色复选标记，这有助于强化信息，该按钮并非完全处于非活动状态。

将信息显示在以其他颜色突出显示的div中，并将其置于按钮上方

---

一旦满足您的先决条件，请隐藏div。

感谢您提供的链接，我还没有深入了解它，但我确实看到了整体上有用的地方。我同意应该以其他方式显示它，因为信息至关重要，但在提交后隐藏按钮将要求仍显示信息。我确实认为当它完成它的工作时隐藏是一个更好的解决方案。这是我已经考虑过的事情，我想我会在一定程度上做到这一点。