我想为多点触控设备设计一个GUI来浏览文章的Feed。文章在几个层次结构中进行标记和组织(例如主题层次结构,如果文章来自不同位置,则为GEO层次结构等)。
GUI的目的是快速浏览标签和层次结构,并找到有趣的文章。
我想构建一个tree map,以便每个tile
代表层次结构或标记。 tile
显示其层次结构/标签名称和一堆文章。 “桩”实际上只显示顶部文章的预览。
用户可以缩放整个tree map
以查看层次结构的更多元素并放大文章的预览。用户还可以选择tile
(或文章)并单独缩放。
有意义吗?
答案 0 :(得分:1)
对我来说很有意义。有些问题出现在我的脑海中,应该尽早考虑设计:
<强>对齐强>
你的瓷砖是否分层? (即图块“编程”具有子图块“java”,“c ++”,“python”,...)在这种情况下,使用树图非常有意义。但是你必须记住你将如何安排瓷砖和预览。如果你想要标记不同的瓷砖,很难找到足够的空间。不幸的是,文本在大多数情况下比高文本宽得多。因此,你很快就会看到一棵看起来更像平面树而不是地图的东西。
<强>层次强>
如果您对层次结构的不同级别进行预览,请明确区分它们所处的级别。通过对它们进行颜色编码或不同尺寸。
<强>可读性强>
如果你有一个深层次结构,你可能不会在单独的面板中看到太多细节。因此,请在放大时考虑非常基本的“预览”并添加细节。或者仅在缩放系数足够好以便以可读方式显示时添加新级别。
堆效果
如果你在同一水平上有很多面板,它可能很容易变得拥挤。使用树形图配置根据子项的数量缩放父级块。
虽然这不是您问题的答案,但它可以帮助您做出设计决定。我很高兴听到您的进一步措施。