代码之家  ›  专栏  ›  技术社区  ›  Kris

大型信息树的可访问导航

  •  2
  • Kris  · 技术社区  · 17 年前

    我正在开发一个公共网站,它是医疗状况信息的前端。

    用户进行搜索(基于调查问卷)后,将显示结果,并将结果分类到节和子节中。

    信息项可以同时分配给节和子节。

    目前,部分由顶部的选项卡表示,屏幕和子部分由侧边栏中的链接表示。边栏中的链接根据所选的节而变化。

    问题是节名相当长(几个字),因此标签的组合长度对于标准屏幕分辨率(1024 x 768)来说太宽。因此,它们包装并中断页面布局。将来我们还必须添加其他选项卡。

    考虑到这个问题,我们的目标受众非常广泛,这是一个公共医疗网站,有哪些选项可以以一种普通用户可以访问和轻松导航的方式来呈现这种信息。

    3 回复  |  直到 16 年前
        1
  •  0
  •   Michael Zuschlag    17 年前

    小节名称有多长?威尔 他们 是否适合标签空间?如果您将区段链接放在侧栏菜单上,并将区段链接放在选项卡中,而不是放在相反的位置,则可能会获得更好的用户性能。见 http://www.usability.gov/pubs/040106news.html .

    另一种选择是把所有东西都放在侧栏菜单上。子节链接可以在其节链接下缩进显示。您还可以考虑将子节链接放在它们自己的一列中的节列右侧。这使得分区菜单稳定,但需要大量水平空间,或许更好地用于内容。在这两种情况下,适当注意视觉设计将显示当前部分、小节以及它们之间的链接。

    只要您使用链接导航到每个节/小节(可能是基于与页面相关的数据库以编程方式为每个页面生成的),就不应该存在可访问性问题。

        2
  •  0
  •   Daan    17 年前

    只是头脑风暴一些想法:

    • 使用组合框允许用户选择(子)部分,然后显示适当的信息项。
    • 为每个部分级别创建单独的页面,并提供面包屑控件以显示用户在页面层次结构中的位置。
    • 创建某种折叠菜单,当用户读取信息项时自动隐藏。

    在另一个关于So的问题中,我发现了一个链接 Quince 或许你也能在那里找到一些灵感。

        3
  •  0
  •   Richard Poole MatzFan    17 年前

    你可以试试:

    或者如达安所说:

    这两种方法(相对于传统的树视图)的缺点是,除非选择一个部分,否则子部分是不可见的。如果你的用户不知道他们所要搜索的分区的名称,那么这两个分区中的任何一个都是很合适的。

    另一方面,如果他们知道他们要搜索的子节的名称,那么最好给他们一个自动完成的文本框,这样他们可以键入几个字符并直接转到它。