【问题标题】:How to design GUI to navigate through multiple hierarchies?如何设计 GUI 以在多个层次结构中导航?
【发布时间】:2011-06-25 11:35:33
【问题描述】:
我想为文档管理应用程序设计一个 GUI dashboard。 dashboard 仅包含文档缩略图。每个文档可能属于几个层次结构(例如“主题”层次结构、“语言”层次结构、“流派”层次结构等)。用户可能希望选择英语的数学文本或所有罗马语言的歌词等。
您将如何为此设计 GUI?如果dashboard 在多点触控平板设备中运行会怎样?这种 GUI 的例子有哪些?
【问题讨论】:
标签:
user-interface
user-experience
multi-touch
tablet
【解决方案1】:
在设计 UI 界面时,请记住用户必须知道他们在系统中的位置。他们需要知道接下来可以做什么;当他们这样做并到达那里时会发生什么。
对于任何用户来说,最直观的 GUI 都是他们已经熟悉的界面。
这样,他们就不必花时间去想当他们执行某个动作时会发生什么。
浏览器 UI 和文件资源管理器 UI 就是这样的示例。
将鼠标悬停在文件上以查看一个半透明的弹出窗口,其中列出了如何处理文件的选项,这是另一种增强可用性的方法,而不会使屏幕因导航帮助而混乱。 (这甚至适用于多点触控屏幕)
【解决方案2】:
我勾勒了这些可以使用鼠标或触摸的示例:
1) 下拉标签:您可以使用类似于 Delicious 对标签所做的方法,但将标签放在可以在顶部下拉菜单中选择的层次结构下。当您选择过滤器时,文档会被实时过滤。保存旧过滤器以进行快速导航会很有趣。
2) CheckBox:如果您的过滤器和选项很少,您可以在旁边保留一堆复选框并实时过滤文档:
但是,很难有这样的 UI,我认为您应该制作原型并要求用户测试什么更好。