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

时间:2009-07-30 14:35:58

标签: html css ajax servlets user-interface

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

此时,该页面是一个美化的控制台日志。有一个大文本框,其中添加了文本行作为警告并生成消息。一些很酷的功能是使用反向ajax(DRW)自动更新页面,最新消息将显示在显示屏顶部。

有没有办法让外观看起来更酷?此外,我们想以某种方式突出或强调某些更严重的警告。

欢迎任何想法。

3 个答案:

答案 0 :(得分:2)

好吧,你需要某种类型的过滤系统。允许用户创建过滤器以过滤掉某些消息(忽略,突出显示等)。

高级搜索也很有用。

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

只是我的$ .02。

答案 1 :(得分: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 */
}

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

答案 2 :(得分:0)

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

  • 消息表,如控制台,但具有单独的字段,允许用户按各种条件(例如,时间戳,IP地址)对消息进行排序,查询,过滤和扫描。这将允许用户将消息组合在一起,以便查看指示单个问题的模式。

  • 一个事件表,您的应用会智能地将相关消息分组到用户的单个事件(例如,单个入侵)中,从而使得任务在有大量消息时更易于管理。用户可以单击或双击事件以查看更多详细信息(例如,相关消息列表)。

  • 网络图,如果组件具有关联的消息(或事件),则突出显示组件或以其他方式进行图形编码。这可以允许用户基于网络位置查看消息/事件之间的关系。用户还可以通过图表与网络进行交互直接进行干预。

  • 无论布局如何,都可以“重播”一段时间,以便用户可以通过动画查看事件是如何发展的,并将事件追溯到其原点。

这些选项当然可以合并来支持不同的任务。

为了突出显示更严重的消息,很难打破颜色编码(色调)使某些事情从人群中跳出来。但是,您应该为可访问性和B& W打印目的冗余编码至少一个其他图形属性。我建议亮度(例如,白色,琥珀色,红色,用于增加严重程度),尺寸(特别是如果你可以量化严重性)或数字(一到三个惊叹标记,严重程度越来越高)。将此编码与可排序字段合并,以便用户可以按严重性以及其他字段进行排序。有关详情,请参阅http://www.zuschlogin.com/?p=51

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