代码之家  ›  专栏  ›  技术社区  ›  Jack BeNimble

安全产品的图形用户界面布局建议

  •  0
  • Jack BeNimble  · 技术社区  · 15 年前

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

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

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

    任何想法都是最受欢迎的。

    3 回复  |  直到 15 年前
        1
  •  1
  •   David Thomas    15 年前

    使用已建立的图形用户界面思想,尤其是在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
  •  2
  •   CookieOfFortune    15 年前

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

    高级搜索也很有用。

    添加鼠标交互,让用户点击单词并从中搜索,或者类似的东西。

    我只要02美元。

        3
  •  0
  •   Michael Zuschlag    15 年前

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

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

    • 一个事件表,在该表中,应用程序智能地将相关消息分组为用户的单个事件(例如,单个入侵),如果有无数条消息,则使任务更易于管理。用户可以单击或双击事件以查看更多详细信息(例如,相关消息的列表)。

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

    • 无论布局如何,A都意味着“重放”一个时间段,这样用户可以通过动画看到事件的发展,并及时将事件追溯到其来源。

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

    为了突出更严肃的信息,它很难击败颜色编码(色调),使某些东西从人群中跳出来。但是,为了便于访问和B&W打印,您应该至少对一个其他图形属性进行冗余编码。i_d表示亮度(例如,白色、琥珀色、红色表示严重程度的增加)、大小(特别是如果您可以量化严重程度)或数字(严重程度增加的一到三个感叹号)。将此编码与可排序字段合并,以便用户可以按严重性和其他字段进行排序。见 http://www.zuschlogin.com/?p=51 更多。

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