我要建一个网络应用程序,其中的一个功能,使用户得到通知,在实时警报与他们有关的出现,类似于大大的橙色的吧堆溢出。

我有几个选项,我想知道如果有一个可用性准则的最佳方式去了解这一点。一个选择是有一个小的通知框屏幕上的那个闪光的颜色警报时出现的,但是我担心的是,一个简单、重复颜色的变化不足以吸引用户的关注。

另一个选择是有一个窗口来浮在屏幕上,要求用户的注意力,但我总是发现那些可以阻碍。或许另一种形式的动画可以那么讨厌但同样有可能吸引用户的注意力?

我不是真的在寻找一种意见尽我在寻找一个可用性讨论/资源,可能会掩盖这样的决定。

有帮助吗?

解决方案

在回答有点取决于它是如何重要的是,用户的关注以及如何重要的是,他们采取一些行动?E.g。是警报的"你的服务器只是崩溃"或"你有新的电子邮件从塞尔达姨妈"那种?

第一样东西阻碍是最好的-无论你选择的浮动的一个窗口,或者可以更改页面背景华丽的颜色(眨眼???不要打我!).其他一个很好的方式抓住人们的注意力,我看到的是改变页(和因此浏览器窗口)标题为一个闪烁的组"******"--这是联合国通常不足以吸引注意力的时候。

为什么不阻碍于不太重要太注意到-快,这样的顶部通知栏是一个非常好的解决方案,从实用性角度来看(如果不是最好的),要通过的主要指标(如多的工作,并对用户需要做,以处理这个,来看看它,以及如何直观其行为):

  • 用户的眼睛旅行到屏幕上更经常和更有可能比其他地方

  • 这是非常容易摆脱一旦你注意到它-条宽(容易打鼠,没有水平式需要进行的调整),并在上面(不是太多细鼠的工作得到的指针有).

其他提示

IMHO,烦扰水平应该反映错误水平... 对于一个错误,该错误消息的层,防止用户做任何事情应该会更好。 对于一个通知,即在页面的顶部显示(如浏览器要求您保存密码)箱子是很好的。

所以我不认为这是一个更好的解决方案...这只是取决于警报类型...:)

请查看 JGrowl ,它是不显眼的通知一个很好的框架,你可以找到一些示例截图这里

如果您正在寻找资源,我建议的不要让我受史蒂夫克鲁格思考的。他的网站,高级常识,也是一个重要来源。

有关可用性的技巧和准则的另一个伟大的网站是Jakob Nielsen的 useit.com

我在一个网站上的其他一天,有一个产品的下载按钮。我点击它,它似乎什么也没有发生。我再次点击它,下载链接,创建的第一个按钮,我做了一点震动。非常有效的,它有一个笑:

http://haanstra.eu/putty/

我的系统有三种类型的通知。每种类型的通知是采用边境和背景的颜色:

  • 成功:绿色的
  • 警告:黄色的
  • 错误:红色的

警报,就像"你没有填补这一领域中正确!"处理内联,因此没有弹出窗口来刺激的用户。

我设计了我的系统淡出通知,几秒钟-这意味着使用者习惯于看到的绿色方框,消失在几秒钟。然而,当一个错误或警告发生的框停留在屏幕上就在前面的用户,需要关注。

我相信警告和错误应用只有在绝对必要的,这样,当他们使用,他们保持的一个显着水平的影响。在我的系统,警告和错误不褪色了-他们呆在那里,要提醒你的东西是不是很正确的。

以我的经验,如果你要互动与用户,使它的大和在他们的脸,但不要让这么多这样,它阻碍了其余的网页。因此,没有提示的,或者灯箱式复盖图(在我的意见).

我发现了jQuery UI亮点()函数效果是良好的不显眼地提醒用户的东西已经改变;然而,正如其他人所说,这取决于消息的重要性 - 有时候你只需要是刺耳

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top