新闻提要可视化的TreeMap图

时间:2011-02-14 18:38:56

标签: user-interface visualization user-experience multi-touch

我想为多点触控设备设计一个GUI来浏览文章的Feed。文章在几个层次结构中进行标记和组织(例如主题层次结构,如果文章来自不同位置,则为GEO层次结构等)。

GUI的目的是快速浏览标签和层次结构,并找到有趣的文章。

我想构建一个tree map,以便每个tile代表层次结构或标记。 tile显示其层次结构/标签名称和一堆文章。 “桩”实际上只显示顶部文章的预览。

用户可以缩放整个tree map以查看层次结构的更多元素并放大文章的预览。用户还可以选择tile(或文章)并单独缩放。

有意义吗?

1 个答案:

答案 0 :(得分:1)

对我来说很有意义。有些问题出现在我的脑海中,应该尽早考虑设计:

<强>对齐

你的瓷砖是否分层? (即图块“编程”具有子图块“java”,“c ++”,“python”,...)在这种情况下,使用树图非常有意义。但是你必须记住你将如何安排瓷砖和预览。如果你想要标记不同的瓷砖,很难找到足够的空间。不幸的是,文本在大多数情况下比高文本宽得多。因此,你很快就会看到一棵看起来更像平面树而不是地图的东西。

<强>层次

如果您对层次结构的不同级别进行预览,请明确区分它们所处的级别。通过对它们进行颜色编码或不同尺寸。

<强>可读性

如果你有一个深层次结构,你可能不会在单独的面板中看到太多细节。因此,请在放大时考虑非常基本的“预览”并添加细节。或者仅在缩放系数足够好以便以可读方式显示时添加新级别。

堆效果

如果你在同一水平上有很多面板,它可能很容易变得拥挤。使用树形图配置根据子项的数量缩放父级块。

虽然这不是您问题的答案,但它可以帮助您做出设计决定。我很高兴听到您的进一步措施。