我正在构建一个Web应用程序，其中一个功能会导致用户在发生与其相关的警报时实时得到通知，类似于Stack Overflow中的大橙色栏。
我有几个选择，我想知道是否有关于最佳方式的可用性指南。一种选择是在屏幕上显示一个小的通知框，当警报出现时会闪烁颜色，但我担心颜色的简单重复变化不足以引起用户的注意。
另一个选择是让一个窗口漂浮在屏幕上，要求用户注意，但我总是发现那些是突兀的。也许另一种形式的动画可能不那么烦人但同样可能引起用户的注意？
我并不是在寻找一个意见，因为我正在寻找可能涉及此类决策的可用性讨论/资源。
答案 0 :(得分：3)
答案在某种程度上取决于用户关注的重要程度以及他们采取某些行动的重要性？例如。是“你的服务器刚刚崩溃”的警报还是“你收到了来自阿姨塞尔达的新电子邮件”那种？
对于第一种，突出的东西是最好的 - 要么你选择浮动一个窗口，要么可能将页面背景改为华丽的颜色（并且闪烁???请不要打我！）。另一个吸引注意力的好方法是将页面（以及浏览器窗口）标题更改为闪烁的“* * * * * *” - 这有时候不常见，有时会引起注意。
对于那些不那么关键且不那么引人注目的东西，SO的顶级通知栏是从可用性角度来看最好的解决方案之一（如果不是最好的话），主要指标（用户需要做多少工作）需要做的是处理这个问题，看看它，以及它的行为是多么直观）：
用户的眼睛比其他地方更频繁地移动到屏幕顶部
一旦你注意到它就很容易摆脱 - 条形很宽（容易用鼠标击中，不需要水平调整）和最顶层（没有太多精细的鼠标工作来获得指针那里。）
答案 1 :(得分：1)
恕我直言，烦恼程度应反映错误程度...... 对于错误，带有错误消息的图层，阻止用户执行任何其他操作应该更好。 对于通知，页面顶部显示的框（如浏览器要求您保存密码）很不错。
所以我认为没有更好的解决方案......这只取决于警报的类型......：）
答案 2 :(得分：1)
答案 3 :(得分：1)
如果您正在寻找资源，我建议Steve Krug 不要让我思考。他的网站Advanced Common Sense也是一个很好的来源。
可用性提示和指南的另一个重要网站是Jakob Nielsen的useit.com
前几天我在一个有产品下载按钮的网站上。我点击它，似乎没有发生任何事情。我再次点击它，第一个按钮创建的下载链接对我有点震动。非常有效，它笑了起来：
答案 4 :(得分：1)
我的系统有三种类型的通知。每种类型的通知都使用边框和背景颜色设置样式：
提醒，例如“您没有正确填写该字段！”内联处理，所以没有弹出窗口来激怒用户。
我设计的系统可以在几秒钟内淡出通知 - 这意味着用户习惯于看到几秒后消失的绿色框。但是，当出现错误或警告时，框会停留在用户面前的屏幕上，需要引起注意。
我认为警告和错误只应在绝对必要时使用 - 这种方式在使用时会保持显着的影响。在我的系统中，警告和错误不会消失 - 他们留在那里提醒你有些不正确。
根据我的经验，如果您要与用户进行互动，请将其设置为大而且面对面，但不要过多，以免妨碍页面的其余部分。所以没有提示或灯箱样式覆盖（在我看来）。
答案 5 :(得分：0)
我发现jQuery UI highlight（）效果函数适用于不引人注意地警告用户某些内容已发生变化;然而正如其他人所说，这取决于信息的重要性 - 有时你只需要突兀！