导航
建议编辑侧边栏菜单
菜单是图形用户界面的关键组件,是应用程序的主要导航方式。它们为用户提供了对当前位置的清晰理解,并使用户能够探索应用程序的其他区域。
菜单还指示用户的当前个人资料。为了确保最大可用性,菜单应始终保持打开状态且不可折叠,因为很少有图标能被用户普遍识别。
为了确保您的菜单尽可能有效且用户友好,请记住以下一些关键建议:
保持菜单专注于导航: 菜单主要是为了为用户提供快速便捷的应用程序导航方式。因此,重要的是避免在菜单中添加不符合此目的的项目,例如动作表单或模态对话框的按钮。相反,专注于为用户提供清晰易懂的链接,帮助他们无缝地浏览您的应用程序。
以用户为中心: 以对应用程序用户最合理的方式安排菜单项。这意味着将最常用或相关的项目放在列表顶部,以便用户快速找到所需内容。
保持简单: 虽然垂直菜单可以容纳大量项目,但最好将菜单列表尽量缩短。目标是不超过16个项目,以确保用户可以轻松扫描和浏览菜单。
突出显示活动项: 当用户导航到子屏幕时,活动菜单项应保持突出显示,以便用户轻松跟踪他们在应用程序中的位置。这个简单的细节可以极大地提升用户体验并防止混淆。如果用户去编辑他们的个人资料,“用户管理”项应仍然处于活动状态。
逻辑分组项目: 在菜单中将相关项目分组可以帮助用户快速找到所需内容。例如,如果您有一个电子商务应用程序,可以考虑将所有与产品相关的功能分组到“产品”或“商店”菜单中。这种逻辑分组可以极大地提升用户体验,使您的应用程序更直观易用。
面包屑导航
面包屑导航是应用程序设计中的重要元素,帮助用户轻松导航嵌套菜单和内容。这些导航辅助工具显示在屏幕顶部,向用户展示他们在应用程序中的当前位置,以及到达当前页面或内容的清晰路径。
在大多数情况下,建议在应用程序设计中包含面包屑导航,因为它使用户能够快速轻松地返回到之前的页面或内容,而无需依赖返回按钮或其他导航工具。唯一的例外是主页,因为没有之前的页面或内容需要导航回去。
话虽如此,可能会有一些情况下不需要面包屑导航。例如,如果您的应用程序遵循线性流程,没有嵌套菜单或页面,面包屑导航可能对用户体验没有太大价值。在这种情况下,重要的是评估面包屑导航是否真正必要,以适应应用程序的特定设计和导航模式。
命令栏
命令栏是一个带有层次下拉菜单的水平按钮栏。菜单项可以触发动作或打开下拉菜单。
使用建议:
- 谨慎使用图标。大多数动作难以通过图标可靠地表示,图标与文本结合的好处应与其带来的额外视觉噪音权衡。
- 下拉菜单中的菜单项应始终具有文本标签。
- 仅图标菜单按钮应主要用于极其常见的重复动作,并具有高度标准化、普遍理解的图标(例如,关闭的叉号)。
- 命令栏不是输入字段!虽然在某些情况下可能类似,但它应始终用于导航和触发动作,而不是接受用户输入。
隐藏与禁用
完全隐藏不可用的动作通常比禁用按钮更好,因为这减少了用户界面的杂乱。然而,在某些情况下,这可能会有问题:
- 如果用户期望按钮存在,例如在表单末尾,隐藏按钮可能会导致混淆,即使表单明确指示存在一个或多个无效字段。
- 由于隐藏按钮在用户界面中不占据任何空间,切换其可见性可能会导致其他元素布局发生不必要的变化。