windows:Commands/menus

出自UXGuide.net

跳转到:导航, 搜索

菜单
Menus

目录


“菜单”是包含当前上下文中可供用户使用的命令或选项的列表。

“下拉菜单”是指当鼠标单击或悬停时显示的菜单。通常情况下它是隐藏的,这是节约屏幕空间的有效方法。“子菜单”或称“级联菜单”是指当需要时在菜单中进行显示的次级菜单。子菜单标签尾部的箭头暗示了这一点。“菜单项”是指菜单中一个个独立的命令或选项。

“菜单栏”是带有标签的菜单分类列表,通常位于靠近窗口顶部的区域。菜单通常显示在“菜单栏”中。相比而言,“快捷菜单”是当用户在提供快捷菜单的对象或窗口区域中单击鼠标右键时弹出的。

Aa511502_menus01(en-us,MSDN_10).png


典型的显示下拉菜单和子菜单的菜单栏

注:命令按钮工具栏键盘开始菜单相关的设计规范请参考各自相应的章节。


使用模式

菜单具有下列使用模式:

菜单栏

将命令和选项显示在下拉菜单中的菜单栏。

菜单栏应用普遍且易于查找,在空间使用上也很经济。

Aa511502_menus05(en-us,MSDN_10).png

Microsoft® Windows® Mail 中的菜单栏

工具栏菜单

以工具栏形式实现的菜单栏。

工具栏菜单是主要由菜单按钮分割按钮(split button)中的命令组成的工具栏,有时还包含个别直接触发的命令。

Aa511502_menus07(en-us,MSDN_10).png

Windows 照片库中的工具栏菜单

关于此模式的设计规范,参见工具栏

选项卡菜单

选项卡中的一组按钮,用于在下拉菜单中显示与选项卡相关的少量命令和选项。

带有菜单的选项卡与普通选项卡的区别在于其底部有一个带有下拉箭头的按钮。单击该按钮会显示下拉菜单,而非选定选项卡本身。

Aa511502_menus03(en-us,MSDN_10).png

Windows Media Player 中的选项卡菜单

菜单按钮

用于在下拉菜单中显示少量相关命令的命令按钮。

菜单按钮与传统命令按钮的区别在于它带有一个下拉箭头。单击这个按钮会显示一个下拉菜单,而不会执行命令。

分割按钮(split button)与菜单按钮非常相似,其区别在于前者表示一个命令的不同变化,单击按钮的左半部分将直接执行标签所示的操作。

Aa511502_menus08a(en-us,MSDN_10).png

包含少量相关命令的菜单按钮

快捷菜单

用于显示与当前上下文相关的少量命令和选项的下拉菜单。

用户在提供快捷菜单的对象或窗口区域单击鼠标右键时,将会弹出快捷菜单。

Aa511502_menus09(en-us,MSDN_10).png

Windows Explorer 中的快捷菜单

如果快捷菜单是最合适的菜单形式,而你又需要一个适合所有用户的解决方案,那么可以使用菜单下拉箭头按钮。

Aa511502_menus10(en-us,MSDN_10).png

菜单下拉箭头按钮使快捷菜单更加明显

任务窗格菜单

包含与选中对象或程序模式相关的少量命令。

与快捷菜单不同,任务窗格菜单自动显示在一个窗口面板内,而不需要任何触发行为。

Aa511502_menus11(en-us,MSDN_10).png

Windows 照片库查看器中的任务窗格菜单。


这样的用户界面是否正确?

请考虑下列问题以进行判断:


菜单栏

请检查下列情况是否适用:

如果是,考虑使用菜单栏。


工具栏菜单

请检查下列情况是否适用:

如果是,考虑使用工具栏菜单来取代菜单栏,或在菜单栏之外再增加工具栏菜单。


选项卡菜单

如果是,考虑使用选项卡菜单来取代菜单栏。


快捷菜单

请检查下列情况是否适用:

如果是,考虑为需要的对象和窗口区域提供快捷菜单。

对于基于浏览器的程序来说,通过任务窗格菜单来提供上下文相关命令的做法更为常见。就目前来说,用户会认为基于浏览器的程序中的快捷菜单是浏览器默认的,对程序来说没有用处。


任务窗格菜单

请检查下列情况是否适用:

如果是,考虑使用任务窗格菜单来代替快捷菜单。


设计理念

有效的菜单有助于产生良好的用户体验:

最重要的一件事:


选择与你的程序类型、窗口类型、命令惯用法及目标用户相匹配的命令呈现方式。

更多信息及示例,请参见菜单设计理念


设计规范


菜单栏

Aa511502_menus12(en-us,MSDN_10).png
在这个示例中,Windows Internet Explorer® 提供了菜单栏选项。
更多信息,参见隐藏菜单栏


隐藏菜单栏

工具栏与菜单栏通常能够配合得很好,它们可以发挥各自的优势而不会相互影响。


菜单分类

Aa511502_menus13(en-us,MSDN_10).png
在这个示例中,Windows Media Player 使用了面向任务的菜单分类。
Aa511502_menus14b(en-us,MSDN_10).png
在这个示例中,Windows Media Player 的每个选项卡菜单都包含“选项”和“帮助”菜单项。


菜单项的组织与顺序


子菜单

Aa511502_menus15(en-us,MSDN_10).png
在这个示例中,并没有分别使用“新建邮件”、“新建新闻邮件”、“新建文件夹”和“新建联系人”命令,而是使用了“新建”子菜单。


呈现


选项卡菜单


快捷菜单

Aa511502_menus10(en-us,MSDN_10).png
在这个示例中,菜单下拉箭头按钮使得快捷菜单成为可见。


菜单项的组织与顺序

主要(最常使用的)命令
打开
运行
播放
打印
<分隔条>
对象支持的次要命令
<分隔条>
转移命令
剪切
复制
粘贴
<分隔条>
对象设置
<分隔条>
对象命令
删除
重命名
<分隔条>
属性


呈现


单选与复选标记


图标

Aa511502_menus20(en-us,MSDN_10).png
在这个示例中,“组织”菜单中仅最常用的菜单项带有图标。

更多信息与示例,参见图标


访问键

Aa511502_menus21(en-us,MSDN_10).png
在这个示例中,Windows 中的画图程序为最近使用的文件分配了数字访问键。

关于更多规范与示例,参见键盘


快捷键

关于更多设计规范及标准快捷键分配,参见键盘


标准菜单


标准菜单栏

标准菜单栏的结构如下。该列表包含了菜单分类及菜单项标签文本、带分隔条的排列顺序、访问键与快捷键、以及省略号的使用。

文件(F)

新建(N) Ctrl+N
打开(O)... Ctrl+O
关闭(C)
<分隔条>
保存(S) Ctrl+S
另存为(a)...
<分隔条>
发送(D)
<分隔条>
打印(P)... Ctrl+P
打印预览
页面设置
<分隔条>
1 <文件名>
2 <文件名>
3 <文件名>
...
<分隔条>
退出(X) Alt+F4(该快捷键通常不会给出)


编辑(E)

撤销(U) Ctrl+Z
重做(R) Ctrl+Y
<分隔条>
剪切(T) Ctrl+X
复制(C) Ctrl+C
粘贴(P) Ctrl+V
<分隔条>
全选(L) Ctrl+A
<分隔条>
删除(D) Del(该快捷键通常不会给出)
<分隔条>
查找(F)... Ctrl+F
查找下一个 F3(该名令通常不会给出)
替换(E)... Ctrl+H
转到... Ctrl+G


查看(V)

工具栏(T)
状态栏(B)
<分隔条>
缩放(Z)
放大 Ctrl++
缩小 Ctrl+-
<分隔条>
全屏(F) F11
刷新(R) F5


工具(T)

...
<分隔条>
选项(O)


帮助(H)

<程序名称> 帮助 F1
<分隔条>
关于 <程序名称>(A)


标准工具栏菜单按钮

标准的工具栏菜单按钮如下。这里列出了菜单分类及其项目标签文本、带分隔条的排列顺序、快捷键分配、以及省略号的使用。

工具

全屏 F11 (如果同时包含“查找”项的话,重新指定访问键)
工具栏 (注意“菜单栏”命令也应在此处)
<分隔条>
打印...
查找...
<分隔条>
缩放
文本大小
<分隔条>
选项


组织

新建文件夹 Ctrl+N
<分隔条>
剪切 Ctrl+X
复制 Ctrl+C
粘贴 Ctrl+V
<分隔条>
全选 Ctrl+A
<分隔条>
删除 Del (该快捷键通常不给出)
重命名
<分隔条>
选项


页面

新窗口 Ctrl+N
<分隔条>
缩放
文本大小


标准快捷菜单

标准的快捷菜单如下。该列表包含了菜单项的标签文本、带分隔条的排列顺序、访问键以及省略号的使用。快捷菜单上不显示快捷键。

打开(O)
运行(R)
播放(P)
编辑(E)
打印(N)...
<分隔条>
剪切(T)
复制(C)
粘贴(P)
<分隔条>
删除(D)
重命名(m)
<分隔条>
锁定 <对象名称>(L) (复选标记)
属性(R)


省略号的使用

尽管菜单命令用于立即进行操作,但有时完成操作可能需要更多的信息。在标签文本结尾添加一个省略号表示该命令需要提供附加信息(包括确认信息)。

Aa511502_menus22(en-us,MSDN_10).png

在这个示例中,“打印...”命令会弹出打印对话框以收集更多的信息。

正确使用省略号非常重要,它可以向用户指出他们是否能在执行操作之前做出更多选择,甚至是完全取消整个操作。省略号提供了视觉上的线索,它使得用户能够在探索你的软件时无须感到担心。

这并不表示凡是显示另一个窗口的动作都需要使用省略号,而是仅当执行该操作需要提供附加信息时才需要这么做。例如,当单击“关于”、“高级”、“帮助”、“选项”、“属性”及“设置”等命令都一定会打开另外的窗口,但并不需要用户提供附加信息,因此它们不需要省略号。

注:当决定某个菜单命令是否需要省略号时,不要将是否需要提升权限作为考虑因素。提升权限并不是执行命令所需要的信息(相反,它是用于获取许可),而且在需要提升权限时使用了安全盾牌符号来指明。


标签


菜单分类名称


菜单项的名称

正确:
Aa511502_menus23a(en-us,MSDN_10).png
错误:
Aa511502_menus23b(en-us,MSDN_10).png
在这个错误示例中,菜单项的名称是基于它使用的技术的。


子菜单的名称

错误:
Aa511502_menus24a(en-us,MSDN_10).png
在这个示例中,“新建”菜单错误地使用了省略号。


文档编写

当提及菜单时:

示例:

在“文件”菜单中,单击“打印”以打印文档。
在“视图”菜单中,指向“工具栏”,然后单击“格式”。
导航
工具箱