it-swarm.cn

哪个更好-汇总菜单还是详细菜单?

我正在重新设计基于Web的应用程序的导航菜单。当前菜单是任务列表,按服务分组。随着我们添加新功能,该列表稳步增长,现在用户必须向下滚动才能看到所有功能。理想情况下,我们希望列表只有一页。提出了两种解决方案:

  1. 呈现类似于手风琴的菜单,将针对每种服务进行扩展
  2. 将任务分组在一起以减少菜单

例如,我们当前的菜单显示如下选项:

用户
-编辑
-删除
- 更改密码

邮箱
-编辑
-删除
-设置权限
-管理垃圾邮件设置
-搜索垃圾邮件

在解决方案1中,您只会看到“用户和邮箱”,然后单击任意一个都将展开以显示上述任务。

对于解决方案2,新菜单将显示如下内容:
用户
-设置

邮箱
-设置
-权限
- 垃圾邮件

解决方案1在使界面上的内容杂乱无章的同时,仍然会向用户显示很多文本,以便在第二层上阅读。

对于解决方案2,我担心用户将找不到他们想要的东西。例如,想要更改其密码的用户将不需要知道是否要进入用户设置。

两者都有优点和缺点-那么哪个更好?向用户显示更多选项,以便他们可以找到他们想要执行的确切任务,或者将这些任务归为一个常规标题?

编辑:根据要求,我提供了该应用程序的屏幕模型。左侧是用户列表,选择用户会为右侧的用户显示任务。
alt text

5
Tania Gobeil

在给出的两个选项中,我会选择手风琴菜单。

单独的页面意味着两次单击和(通常)服务器往返,然后您必须返回。

进行“预选择”没有优势-除非单个页面有很多选项。

如果所有常见用例都涉及每个选定用户的多个操作,则一个页面(即没有“分组”菜单,只有一个链接)是可以的。

否则,我将使用“手风琴”菜单,或javascript popup/mega/cascaded菜单,and允许将命令固定在列表顶部。

2
peterchen

查看您可用于导航的空间或计划使用的空间将非常有用。但是,如果您不知道由于害怕产生混乱而想要包含所有选项,则可以应用类似于大型菜单趋势。这是有关此主题的示例链接:

http://designm.ag/inspiration/mega-menus-showcase/

但是,如果您确实想要汇总选项,则可能需要重新考虑汇总菜单选项的标题。您可以阅读本文,以获得有关设计有效导航系统的更多信息。

http://buildinternet.com/2009/09/principles-of-effective-web-navigation/

总结时,我建议对随机用户进行一些测试,或者甚至只是简单轮询一下您一直在使用的标签的清晰度。不必进行如此详尽的研究,但它可能会为您提供关于该主题的有用输入。

6
Pam Rdz

随着时间的流逝,我逐渐意识到,设置越多,我越希望拥有一个链接,例如Amazon.com如何使用一个单一链接显示“您的帐户”。原因很简单:单击“您的帐户”链接后,会出现一个页面,其中包含所有可能的选择,并且如果找不到的内容不是很明显,可以按Control-F或Cmd -F在页面上找到我想要的。

使用菜单时,Web应用程序的唯一选项是阅读菜单。我发现随着时间的推移,这变得很乏味。菜单越大(mega-er?!!),它就会变得越繁琐,而无法选择搜索。 (在台式机应用程序中情况有所不同,在桌面应用程序中,菜单感觉更“自然”,并且它们提供键盘快捷键。)

2
Hisham

我发现“任务”将我带到新菜单或设置页面是违反直觉的。对我来说,任务只集中在一个主题上,例如“管理角色...”,“更改密码...”或“禁用帐户”,而不是“管理该主题并向我展示更多...” ^^但这可能只是我。

理想情况下,我真的会尝试将所有编写清楚的任务包括进去,如果需要,还可以使用滚动条。

但是要压缩它,Visual Studio中的工具箱做得很整洁。在这种情况下,它就像手风琴的想法-但顶部有一个附加类别,该类别已预先展开,列出了最常见或最受欢迎的任务。

v Basic
   Change password
   Edit user
   Search spam
> User
> Mailbox

决定什么是常见任务可以是简单的决定,也可以根据已登录用户最常使用的内容动态地决定。

如果逻辑类别很少,其中包含许多任务,则类别也可以稍微改变一下,以减少每个类别的拥挤程度。

v Basic
   Change password
   Edit user
v Edit
   User
   Mailbox
   Permissions
v Spam
   Search
   Settings
v Delete
   User
   Mailbox
1
Oskar Duveborn

使用工具提示。

创建一个汇总菜单,在工具提示中列出每个页面上可以完成的所有操作,这些提示显示用户将鼠标悬停在项目上的时间。

另外,当您第一次进行过渡时,请向用户提供一些提示。例如,当用户单击用户菜单选项时,将显示一个小的弹出窗口(如此站点上使用的弹出窗口),以解释菜单的更改。

0
Sruly