如何设计GUI来浏览多个层次结构？

Question

我想为文档管理应用程序设计GUI dashboard。 dashboard仅包含文档缩略图。每个文档可能属于一些层次结构（例如“主题”层次结构，“语言”层次结构，“流派”层次结构等）。用户可能想要选择英语的数学文本，或所有罗马语言的歌词等。

您如何为此设计GUI？如果dashboard在多点触控平板设备中运行怎么办？这种GUI的例子是什么？

Answer 1

我勾画了这些可以用鼠标或触摸工作的例子：

1）下拉标记：您可以使用类似于Delicious对标记执行的方法，但将标记放在层次结构下，您可以在下拉菜单中选择它们在顶部。选择过滤器时，会实时过滤文档。保存旧的过滤器以便快速导航会很有趣。

2）CheckBox：如果你有很少的过滤器和选项，你可以在一边保留一堆复选框并实时过滤文件：

然而，很难有像这样的用户界面，我认为你应该制作原型，并要求用户测试哪些更好。

Answer 2

设计UI界面时，请记住用户必须知道它们在系统中的位置。他们需要知道下一步他们能做什么;当他们这样做并到达那里会发生什么。 任何用户最直观的GUI将是他们已经熟悉的界面。 这样，他们就不必花时间思考当他们执行某项行动时会发生什么。

浏览器UI和文件浏览器UI就是一些这样的例子。 将鼠标悬停在文件上以查看半透明弹出窗口，其中列出了如何处理文件的选项，这是增强可用性而不会使用导航辅助工具混乱屏幕的另一种方法。 （这适用于多点触控屏幕）