关于安全产品的GUI布局的建议

Question

我们已经开发了一种安全产品，可以识别网络上某些类型的未经授权的流量。显示消息的界面是一个Java Servlet生成的页面。

在这一点上，该页面是一个美化的控制台日志。有一个很大的文本框，在生成警告和消息时添加了几行文本。一些很酷的功能是页面使用反向ajax (DRW)自动更新，最新的消息显示在显示屏的顶部。

有没有办法让它看起来更酷？此外，我们想以某种方式强调或强调某些更严重的警告。

任何想法都是受欢迎的。

Answer 1

使用已建立的GUI思想，特别是在AV套件中。如果您有任何方法来对分析进行分级(从“良好”状态到“中等”风险/危险到“高风险”)，那么使用某种形式的颜色来表示分级。理想情况下，依赖于增量，使用类似于

.all-well {background-color: #0c0; /* not using #0f0 because it's a little too bright, for me */
}
.slight-risk {background-color: #f90; 
}
.danger-will-robinson {background-color: #c00; /* again #f00 is just too much for my eyes */
}

没有你的应用程序的细节或屏幕截图，很难提出任何不像上面那样基本和通用的建议，抱歉。如果您添加更多信息，我将尝试提供更好的建议。

Answer 2

嗯，你需要一些过滤系统。允许用户创建过滤器来过滤掉某些消息(忽略、突出显示等)。

高级搜索也会很有用。

通过让用户点击单词并从那里搜索来添加鼠标交互，或者类似的东西。

只有我的$.02。

Answer 3

我不知道什么是“酷”，但功能布局取决于用户如何使用信息。这里有一些随机的建议，每个建议的适当性取决于您的用户、任务和技术环境的限制：

• 一个消息表，类似于您的控制台，但具有单独的字段，允许用户根据各种条件(例如，时间戳、IP地址)对消息进行排序、查询、过滤和扫描。这将允许用户将消息分组在一起，以便查看指示单个问题的模式。
• 事件表，您的应用程序将相关消息智能地分组为用户的单个事件(例如，单个入侵)，使任务在存在大量消息的情况下更易于管理。用户可以单击或双击事件以查看更多详细信息(例如，相关消息列表)。
• 网络图，如果组件有关联的消息(或事件)，则突出显示或以其他方式以图形方式编码。这可以允许用户基于网络位置来查看消息/事件之间的关系。用户还可以通过布局与网络交互来直接干预，这是一种“回放”一段时间的方法，这样用户就可以通过动画查看事件的发展过程，并及时追溯事件的根源。

当然，这些选项可以组合在一起来支持不同的任务。

为了突出更严肃的信息，很难超越颜色编码(色调)来使某些东西从人群中脱颖而出。但是，出于辅助功能和黑白打印的目的，您应该冗余地编写至少一个其他图形属性的代码。我建议使用亮度(例如，白色、琥珀色、红色，用于增加严重程度)、大小(特别是如果您可以量化严重程度)或数字(一到三个感叹号，随着严重程度的增加)。将此编码与可排序字段相结合，以便用户可以按严重性以及其他字段进行排序。有关详细信息，请参阅http://www.zuschlogin.com/?p=51。

由于您的用户似乎是网络管理员，因此我将重点放在AV套件的专业IT版本上，以获得其他想法，而不是针对具有不同问题和知识水平的消费者/最终用户的AV程序。