手持设备菜单设计.pdf

手持设备菜单设计手持设备菜单设计Simangel 2010.10目 录Simangel 2010.10传统桌面软件的菜单传统桌面软件的菜单菜单在各手持设备平台上的应用与演化（7个平台）总结与讨论传统桌面软件的菜单Simangel 2010.10菜单是程序中显示一个选项列表的图形元素，它提供了将命令分组的一致方法，一个菜单可以带有若干子菜单，称作菜单项（MenuItem），便于用户访法，个菜单可以带有若干子菜单，称作菜单项（MenuItem），便于用户访问，同时也支持快捷键。菜单提供和组织命令菜单分类：下拉式菜单 弹出式菜单 级联菜单Simangel 2010.10传统桌面软件的菜单加速键（accelerator）：用下划线表示的字母般情况下单击Alt和带加速键（accelerator）：用下划线表示的字母，一般情况下，单击Alt和带下划线的字母即激活该菜单项。快捷键（ShortCut）：可以在窗口获得焦点时用指定的组合键访问某菜单论所处的菜单结构的具体位置项，而不论所处的菜单结构的具体位置。Simangel 2010.10传统桌面软件的菜单启用和禁用菜单项有时候一个特定的菜单项可能只在某些环境中可用例如：当一个文档以只读方式打有时候，个特定的菜单项可能只在某些环境中可用。例如：当个文档以只读方式打开时，Save菜单就没意义了。当然，我们可以把此项从菜单中删除，但是这样用户会疑问为什么菜单内容会发生改变。取而代之的是，把此菜单项设为禁用状态会更好。一个禁用的菜单项呈现灰色，并且它不能被选择。禁用的菜单项呈现灰色，并且它不能被选择。当菜单与所选数据对象或项目无关时禁止并灰掉Simangel 2010.10菜单在手持设备上的应用与演 化Simangel 2010.10首盘终备单首先看下从小屏幕的键盘机开始发展的终端设备的菜单设计 WM6.5 Palm Symbian blackberry blackberryWM6.5菜单设计Simangel 2010.10三种主要菜单：三种主要菜单：菜单菜单菜单菜单上文菜单上文菜单上下文菜单上下文菜单菜单栏按钮菜单栏按钮菜单栏按钮菜单栏按钮WM6.5菜单设计Simangel 2010.10菜单设计指南：若一个菜单命令应用于当前显示的屏幕中的大多数元素，当其不可用时，菜单设计指南：使其不可用即可。若一个菜单命令应用于当前显示的屏幕中的只有很少的元素，当其不可用时，删除它。一个菜单命令等同于1个项目，一个分割线等同于1/2个项目。一个菜单中个菜单命令等同于1个项目，个分割线等同于1/2个项目。个菜单中的最大数量的菜单 命令为：Windows Mobile Professional 和 Windows Mobile Classic版，最多为11个，每个高度为240像素每个高度为240像素。Windows Mobile Standard版，最多为8个，每个高度为176像素。不提倡使用滚动的菜单。谨慎使用子菜单创建子菜单的子菜单（三级菜单）是绝对不支持的谨慎使用子菜单。创建子菜单的子菜单（三级菜单）是绝对不支持的。在Windows Mobile Standard版，数字编号访问从上到下地被安排到菜单命令中，从1到9，或者必要的话可以从1到0。数字访问在子菜单命令上也是支持的，数字从1开始。如果可能的话，通常为一个命令安排相同的数字。一致的数字可以使用户更快捷地执行命令。WM6.5菜单设计Simangel 2010.10菜单设计指南：Windows Mobile Professional 和Windows Mobile Classic出现键盘时，会菜单设计指南：在菜单中显示助记符。提倡 创建和手动调整助记符。如果你不提供助记符的话，设备会自动添加。当Windows Mobile Professional 或 Windows Mobile Classic支持快捷键时，当Windows Mobile Professional 或 Windows Mobile Classic支持快捷键时，要保持与其他应用的一致。不要在应用的菜单中显示快捷键。WM6.5菜单设计Simangel 2010.10菜单命令的顺序：菜单命令的顺序：Note:如果你的命令有9个以上，用左软键提供第二个菜单，如果左软键和右软键都提供菜单，菜单的名字应该基于菜单中显示的命令.命令描述最可能的动作最常用的没有破坏性的命令放在左软键(SK1)的顶部，而不能重复在右软键(SK2)菜单中次级可能的动作次级可能的动作出现在菜单的顶部，比如，新建，开始，查看，删除，打印等编辑命令如此排列:Cut,Copy,Paste,接着是 Clear 和 Select All.视图命令包含改变用户数据视图但是不变数据的命令，也包含了控制界面元素是否展示的命令，比如 Show Address Bar.其他命令包含对象支持的其它命令，比如Find/Replace,Zoom,andSend Via Email.Options命令放在菜单的底部并用分割线隔开WM6.5菜单设计Simangel 2010.10几种特殊菜单命令的用法：几种特殊菜单命令的用法：命令种类Description状态元件选择个状态命令激活个属性并使得其它的属状态元件Stateditems选择一个状态命令，激活一个属性，并使得其它的属性也可以被激活。只有当两个状态是完全的对立，毫不含糊时才可以使用状态菜单命令。如果功能和命令相互关联就不需要从菜单进入，考虑用复选框来代替。Groupedoptions群组选项选择一个群组选项的结果是其它选项自动被取消了选择，这些选项在视觉上通过上面和下面的分割线分离。当选项的数量相对较小和当任意时候只有一个选项群组选项当选项的数量相对较小，和当任意时候只有个选项可以被选中时，使用群组选项。当选项的数量很大，考虑讲选项放进子菜单。如果选项不需要立刻对用户有用，可以考虑将这些选项放在选项命令下。需要用户输入的在Windows Mobile Professional和Windows需要用户输入的命令在WindowsMobileProfessional和WindowsMobileClassic版本，打开一个窗口的每个命令都应该包含一个省略号。WM6.5菜单设计Simangel 2010.10上下文菜单：在 Windows Mobile-based Pocket PCs上，上下文菜单显示了屏幕元素的额上下文菜单：外命令。上下文菜单在用户点击并持续按住一个屏幕上的元素后出现。再点击屏幕的其他区域，上下文菜单消失。在 Windows Mobilebased Pocket PC 设备上,菜单行为如下：1.用户点击并持续按住一个特定的元素，这个元素就被选中并获得焦点。2.如果手写笔不移动，一个环形运动的点阵提示用户已经点击上了，暗示将进入下个页面。3.如果手写笔不移动，点阵动画完成后消失，出现上下文菜单。4.若用户点击上下文菜单之外的区域，菜单直接消失。WM6.5菜单设计Simangel 2010.10菜单栏按钮：在WindowsMobile-basedPocketPC设备上，如果有足够的空间的话，应菜单栏按钮：该将频繁操作的功能从菜单中拿出来，直接放置在菜单栏上，这样一次点击即可使用到。总的来说，放置在菜单栏上的操作不应该重复地放置在菜单中。菜单栏按钮的设计规则：1.为避免用户迷惑，带有文字标签的菜单栏按钮应该组合到带有图标标签的菜单栏按钮的左侧菜单栏按钮的左侧。2.为菜单栏按钮提供工具提示。3.使用图标菜单栏按钮可以节省空间。图标对跨应用的功能尤其重要，一致的图标会让用户从中受益的图标会让用户从中受益。Palm菜单设计Simangel 2010.10Palm的两种主要菜单设计应单Palm的两种主要菜单设计应用菜单位于屏幕顶端的状态栏中。点击标签或是三角形来开启或是关闭菜单。是关闭菜单。默认情况下应用菜单包含下面的命令：Edit:通常是菜单命令的第一项Edit:通常是菜单命令的第项。通过一个向右的三角形，指示出其包含一个子菜单，其中包含的子菜单项有剪切、复制、粘贴命令。点击箭头来开启或是关闭子菜单击箭头来开启或是关闭子菜单。当光标进入文本区域时，自动支持该功能。Scene-based commands:限制数量为4个命令。如果超过4个的话用户 需要滚动菜单来看到完整的列表建议过4个的话，用户 需要滚动菜单来看到完整的列表，建议不要滚动，可以添加子菜单。(基于场景的命令的添加处)Preferences&Accounts:当有偏好或是账户设置时，在每个场景的应用菜单中显示它。如果你的应用既有偏好又有账户，那么首先显示偏好，接下来显示账户。Help:开启应用的帮助功能。Help:开启应用的帮助功能。Palm菜单设计Simangel 2010.10Palm的两种主要菜单设计视图菜单Palm的两种主要菜单设计视图菜单自动显示一个固定的带有弹出菜单的头部。右侧的弹出菜单中的项目控制下面的滚动视图中的内容。SubmenuSubmenu一些菜单命令有多个选项。这种情况下，创建一个子菜单，显示该菜单命令的可用选项列表。传承了传统的桌面软件菜单中的下拉菜单Palm菜单设计Simangel 2010.10灰掉：向用户传达该操作可用，只是在当前的特殊情况下不可用。如，删除一个系统默认不可删除的文件。不显示菜单项：即使在其他的相似的环境下可用，但没有被认为一定可用的。不显示菜单项：即使在其他的相似的环境下可用，但没有被认为定可用的。用户并没有期望它是可用的。Symbian菜单设计Simangel 2010.10选项菜单选项菜单通常S60的选项菜单是通过用户按选项软键调出来的。选项菜单是由菜单栏和菜单窗口构成的。菜单栏包括一个或是多个菜单窗格，每个窗格中都包含菜单项，也就是菜单命令。Symbian菜单设计Simangel 2010.10选项菜单指南：1.避免在选项菜单或是其子菜单中滚动避免在选项菜单或是其子菜单中滚动。尤其是在触屏设备中，在选项菜单中滚动会导致可用性问题对于子菜单用户也可能没有注意到在子菜单中选项菜单指南：中滚动会导致可用性问题。对于子菜单，用户也可能没有注意到在子菜单中是可以滚动的。2.不要在选项菜单中显示不可用的菜单项不要在选项菜单中显示不可用的菜单项。建议隐藏这些不可用的菜单项。特殊情况下，当一个不可用的项目被选中时，要显示错误信息提示。例如，如果一个列表中包含受保护的项目，此时隐藏删除选项会使用户迷惑。在这种情况下，尝试删除保护项时就应该显示一个对话框，提示用户选中的在这种情况下，尝试删除保护项时就应该显示个对话框，提示用户选中的项目是首保护的，无法删除。3.使用选项菜单模板。另外，将最相关的选项放置在菜单的中的上部。4 如果可能的话在目标设备中表达同样的目的时使用相同的术语4.如果可能的话，在目标设备中表达同样的目的时，使用相同的术语。5.通过导航键使用的默认操作项应该通过选项菜单也可以使用。通过导航键使用的默认操作项应该通过选项菜单也可以使用。如果菜单项是按照逻辑排列的，那么默认的操作项应该放在菜单的顶部。这点对于j的应用尤为重要这点对于java的应用尤为重要。6.设置始终放在选项菜单列表的靠近末端处。7.不要试图使用三级子菜单。不要试图使用三级子菜单。使用查询来替代。选项菜单不应该只包选项菜单不应该只包含用来关闭程序的关闭菜单项含用来关闭程序的关闭菜单项。如果选项菜单中只有关闭菜单项，那么用户很容易意外的关掉了应用。要同时也提供其他的菜单项，如选则或是返回。则或是回Symbian菜单设计Simangel 2010.10触屏手写笔弹出菜单触屏手写笔弹出菜单手写笔弹出菜单是一个触摸的特定弹出菜单，用于提供上下文中的一些主要功能。它没有焦点。根据给定的应用和当前的情况可以通过短或长击来激活手写笔弹出菜单。弹出手写笔菜单时，背景不灰掉。六秒后或是用户选择了其中的一项轻击，或是轻击菜单外地地方，菜单自动消失。Symbian菜单设计Simangel 2010.10编辑菜单用户可以通过编辑菜单访问编辑功能。在文本编辑器中，通过短按星号键打编辑菜单开编辑菜单（某些有编辑键的机器可以按编辑键）。编辑菜单外观和功能都比较像选项菜单，但是它仅仅包含文本编辑功能，其他的可用的选项通过选项菜单依然可用。下面的表格描述了编辑菜单中的选项。项菜单依然可用。下面的表格描述了编辑菜单中的选项。注：只有适用于编辑器的项目才会出现在该菜单中。Blackberry菜单设计Simangel 2010.10黑莓设备中的菜单用户使用菜单来执行应用程序中的许多操作。一个完整的菜单包含用户在应用可以执行的所有操作当用户按下菜单键黑莓设备中的菜单单包含用户在应用可以执行的所有操作。当用户按下菜单键，完整的菜单出现在屏幕的左下角。当有更多的屏幕显示不下的菜单项时，会显示滚动箭头。Blackberry菜单设计Simangel 2010.10黑莓设备菜单设计指南 始终提供一个完整的菜单。确保用户可以执行以下的操作黑莓设备菜单设计指南 确保用户可以执行以下的操作：按菜单键开启完整的菜单当一个菜单项是突出显示的时候，按菜单键开启该操作长按菜单键打开一个应用切换的对话框在触屏设备上，对话框中的按钮要是有焦点的话，按下菜单键会开启该操作操作 对于默认的菜单项，使用用户最有可能点击的菜单项。完整菜单中的默认项应该和上下文菜单中的默认项相同。将默认菜单项和常用的菜单项放置在菜单中间 将默认菜单项和常用的菜单项放置在菜单中间。确认菜单项的顺序和设备上其他的应用的菜单项顺序相同。按照共同的用法或是功能将菜单项分组，如果可能的话，和用户一起测试分组情况分组情况。在菜单项分组间插入分隔符。不要将相冲突的菜单项放的过近。例如，不要将“删除”放在“打开”旁边。通常要包含“切换应用程序”和“关闭”两个菜单项。将其放置在菜单项的底部。如果你使用的是标准的组件的话，这些菜单项会自动包含进去。的底部。如果你使用的是标准的件的话，这菜单项会自动包含进去。在触屏设备上，创建的菜单项高为45像素。Blackberry菜单设计Simangel 2010.10黑莓设备菜单的标签设计指南黑莓设备菜单的标签设计指南 使用简洁、描述性的不超过12个字符的标签。如果标签太长了，显示一个省略号来表明文本被截断了。使用动词做标签。给标签使用标题事件的大写形式。在菜单项标签中使用省略号意味着用户点击菜单项后必须执行另一个操作。在菜单项标签中使用省略号意味着用户点击菜单项后必须执行另个操作。例如，如果用户在日历的菜单项中点击“Gotodate”，那么在出现的屏幕上用户必须指定具体的日期。避免使用符号如在标签中使用星号（*）避免使用符号，如在标签中使用星号（）。确保菜单项的标签和相关页面的标题相匹配。例如，如果用户在菜单中点击“更改显示名称”，那么出现的页面的标题也应该是“更改显示名称”。Blackberry菜单设计Simangel 2010.10上下文菜单上下文菜单上下文菜单或是快捷菜单包含当前的情境下最常用的可用操作。在有轨迹球或是触控板的设备上，轨迹球和触控板没有默认操作时，当用户点击轨迹球或是触控板时出现上下文菜单。在触屏黑莓设备上，当用户点击一个有大量的和它相关的操作的项目时，会出现上下文菜单。出现上下文菜单。Blackberry菜单设计Simangel 2010.10上下文菜单设计指南上下文菜单设计指南对于默认的菜单项，使用用户最有可能点击的菜单项。上下文菜单中的默认菜单项应该和完整菜单中的默认菜单项相同。限制上下文菜单中的菜单项为8个。带有轨迹球或是触控板的黑莓设备的设计原则：带有轨迹球或是触控板的黑莓设备的设计原则当没有明确的默认操作时，包含一个上下文菜单。例如，当用户打开一个信息并点击轨迹球或是触控板时，出现上下文菜单，其中包含常用操作如文件、回复转发等回复、转发等。通常在上下文菜单结尾处包含“完整菜单”项，这样用户可以打开可用的全部操作列表。带触屏的黑莓设备的设计原则：只包含适用于焦点项的相关菜单项。Simangel 2010.10触屏智能终端代表AndroidPhone7I hIphoneAndroid 菜单设计Simangel 2010.10Android平台的菜单定义Android平台的菜单定义菜单中有一组命令（用户操作），这些命令通常是隐藏（）的，我们可以通过按钮、按键或手势来访问它。菜单命令为执行操作提供了一种方法，也为程序内部提供了导航以及程序间的导航。菜单对释放屏幕空间有很重要的作用，菜单内序间的导航。菜单对释放屏幕空间有很重要的作用，菜单内放置的功能和导航替代了应用程序内容区内的按钮和其他的控制操作。所有即使是最简单的应用都有菜单所有的菜单都“漂所有即使是最简单的应用都有菜单。所有的菜单都漂浮”在屏幕上，并且小于整个屏幕的大小，因此应用程序在围绕他的边缘处仍然可见。这是个视觉提醒，菜单是媒介式的操作旦使用就会消失的操作，一旦使用就会消失。Android 菜单设计Simangel 2010.10Android平台的菜单分类Android平台的菜单分类选项菜单在选项菜单中包含了应用于当前活动的全局性主要功能或开启相关活动。通常是通过用户按下“MENU”的硬按钮来调用。上下文菜单上下文菜单包含了当前选定项目的次要功能。它通常是通过用户长按一个元件来调用的。元件来调用的。通常关闭所有菜单都可以通过下面的方式：再次按菜单键 或 按返回键 或 触摸菜单以外的地方Android 菜单设计Simangel 2010.10选项菜单的两种展示方式选项菜单的两种展示方式选项图标菜单 第一次按下菜单键会在屏幕底部显示一个不可滚动的图标框。（在G1手机上，通常可以显示多达6个按钮）选项扩展菜单 当超过6个菜单项时，最后一个图标被命名为“更多”，选择了它之后会有一个包含了任意数量的菜单项列表，当需要的时候可以滚动显示要的时候可以滚动显示。Android 菜单设计Simangel 2010.10Context Menu 上下文菜单Context Menu 上下文菜单 上下文菜单和台式电脑的操作系统中的右键菜单相似它通常是在统中的右键菜单相似。它通常是在其他地方也可找到的命令的快捷键。如果有上下文菜单的话用户可 如果有上下文菜单的话，用户可以通过长按屏幕中的内容区打开上下文菜单。上下文菜单是对当前选择的内容的菜单命令列表。这些命令可以是目前活动的一部分，也可以是系统有意图地通过选择的内容以是系统有意图地通过选择的内容延伸到其他活动的操作。用户也可以长按屏幕上的一个地 用户也可以长按屏幕上的个地方来打开上下文菜单。如，长按主屏的空白区域时。Android 菜单设计Simangel 2010.10上下文菜单是快捷键通常触摸内容区的一项，会激活选择内容的最直观的命令，建议最直观的命令也要放在上下文菜单中并作为上下文菜单中的第一项上下文菜单是快捷键放在上下文菜单中，并作为上下文菜单中的第项。左图中，上下文菜单和下一个屏上有着关于当前联系人的相同的全部操作。上下文菜单用列表显示，而“查看联系人”页面却把他们分成了不同的项目分别显示在选项菜单图标按钮列表项在选项菜单、图标按钮、列表项中。由于这种重复，使用上下文菜单被认为是去下一屏或是执行下一屏操作的快捷键。上下文菜单不如屏幕中的固定按钮和选项菜单容易发现。正是因为这个原因，大多数情况下，上下文菜单中的命令应该也在直观的操作屏幕上出现。但是，文本操作应该只出现在上下文菜单中，如“选择文本”。同时，丰富的应用，他们本身包含网络应用，如浏览器，可能在上下文菜单中有一些命令，这些命令是其他地方没有的。Android 菜单设计Simangel 2010.10上下文菜单中的文本命令内容区的文本链接和文本字段都有系统提供的操作这上下文菜单中的文本命令内容区的文本链接和文本字段都有系统提供的操作，这些操作在所有的应用程序中都通用，如“选择全部”，“选择文本”，“全部复制”，“添加到字典”。如果文本字段是可以编辑的它也会有其他的操作如“全部剪切”是可以编辑的，它也会有其他的操作，如全部剪切，“输入法”，并且如果文字还在剪切板上，那么还有“黏贴”。如下面的截图显示的，系统自动的插入合适的菜单项在文本链接和文本字段的上下文菜单中在文本链接和文本字段的上下文菜单中。Android 菜单设计Simangel 2010.10固定在屏幕上的命令固定在屏幕上的命令（不放在menu中的命令）命令还可以直接固定在屏幕上，通常是以文本按钮，图形按钮或是列表项的形式。这个位置是迄今为止最容易发现的命令位置，用户可以不事先按下一个按钮就可以看见命令。这样增加可视性是需要和占用的用户空间以及可能带来的视这样增加可视性是需要和占用的用户空间以及可能带来的视觉杂乱相权衡的。Android 菜单设计Simangel 2010.10Android菜单设计指南从全局命令中分离特殊选择命令你可以通过命令的操作对象来决定把命令放到哪个菜单中如果命令只Android菜单设计指南你可以通过命令的操作对象来决定把命令放到哪个菜单中。如果，命令只对屏幕中选择的内容（或特殊的位置）起作用，那么把这个命令放进那个内容的上下文菜单中。如果命令不是针对具体的内容或是位置，那么把他放在选项菜单中。首先放置使用频率最高的操作首先放置使用频率最高的操作由于屏幕高度的局限，一些菜单项的使用需要滚动，所以重要命令的位置选择很重要，要使他们不用滚动就可见。在选项菜单中放置最常用的操作在它的图标菜单中用户需要选择“更在选项菜单中，放置最常用的操作在它的图标菜单中，用户需要选择更多”才能见到剩余的操作命令。在同样的位置放置相似的命令也很有用。例如，在所有提供搜索的操作中，将搜索图标总是放在选项菜单中的第一个个。在上下文菜单中，最直观的命令应该放在第一位，随后的命令按使用的递减排列，最少用到的命令放到底部。Android 菜单设计Simangel 2010.10Android菜单设计指南不要把命令只放在上下文菜单中如果用户可以完全不使用上下文菜单就能使用你的应用那么这个设计Android菜单设计指南如果用户可以完全不使用上下文菜单就能使用你的应用，那么这个设计是好的。一般来说，如果你的部分应用必须使用上下文菜单的话，那么在其他的地方需要重复这些命令。上下文菜单中的第一个命令应该选择最直观的命令在内容区选择一个项目时，执行最直观的操作。例如：选择一张图片执行“图片浏览”选择一个媒体图标或文件名称执行“播放/打开”选择个媒体图标或文件名称执行播放/打开选择一个网址链接，执行“打开链接”Android 菜单设计Simangel 2010.10Android菜单设计指南上下文菜单应该能辨别选中项相反地当你按下菜单键来展示选项菜单选择的内容变成未选则状态Android菜单设计指南相反地，当你按下菜单键来展示选项菜单，选择的内容变成未选则状态，并且不可操作。只把最重要的命令固定放在屏幕上通过把命令放进菜单，可以在屏幕上空出地方来放更多的内容。另一方面，将命令放在内容区，可以使命令更突出和易操作。将命令放在内容区，可以使命令更突出和易操作。下列情况下，应该把命令按钮固定在操作屏幕上：为了给一个命令最大的突出和强调，要确信这个命令是明显的并且不会被忽略例如在购物应用中的“购买”不会被忽略。例如，在购物应用中的“购买”。当快速的使用命令很重要，并且使用菜单是很乏味和速度慢时。例如，在图片浏览应用中的上一/下一按钮或是放大/缩小按钮。在操作过程中需要完成的命令。例如，在大量的图片活动中进行保存/抛弃的按钮。对话框和向导。例如，确定/删除按钮。对话框和向导。例如，确定/删除按钮。对于直接控制。例如，在主屏上将一个图标拖到垃圾桶。Android 菜单设计Simangel 2010.10Android菜单设计指南在选项图标菜单中使用简称如果选项图标菜单的文本标签过长系统从中间截断它于是CAndroid菜单设计指南如果选项图标菜单的文本标签过长，系统从中间截断它。于是，CreateNotification会被截成像Createication这样。你不能控制这种截断，最好的方法是保持文字简短。在android的一些版本中，当图标通过导航键突出显示时（如轨迹球），全部的描述性文本会被作为字幕显示，文本滚动时，文本可读。对话框不应该有选项菜单对话框不应该有选项菜单当显示对话框的时候，按下菜单键不应该显示菜单。这对类似对话框的控件也适用。对话框被认为是应该比全屏小，只有零到三个按钮、没有滚动条并且可能有包含复选框和单选按钮的可选列表用户在(显示对话框的)条，并且可能有包含复选框和单选按钮的可选列表。用户在(显示对话框的)过程中无法启动另一个全局任务。如果一个操作没有选项菜单，那么不需要显示任何信息当用户按下菜单键时如果没有选项菜单那么系统般什么都不需要做当用户按下菜单键时，如果没有选项菜单，那么系统一般什么都不需要做。我们建议，这时候不需要执行任何操作（如展示一个信息）。在这方面一个好的用户体验应该是保持整个应用的一致性。Android 菜单设计Simangel 2010.10Android菜单设计指南Android菜单设计指南在当前情景下不能使用的菜单项要模糊处理或隐藏在当前情景下不能使用的菜单项要模糊处理或隐藏有时菜单项不可执行，例如，在浏览器中前进按钮在没有按下后退按钮时不可用。建议：在选项菜单中不可用的菜单项要变灰这适用于图标菜单和“更 在选项菜单中，不可用的菜单项要变灰。这适用于图标菜单和“更多”菜单。如果菜单由六个元素变成五个用户会很迷惑，这也适用于“更多”菜单。在上下文菜单中，隐藏菜单项。这使得菜单变得更短，用户只能看到可用的选项（这也可以减少滚动）。phone 7 菜单设计Simangel 2010.10自从WindowsMobile问世以来，对于窗体上的操作选项都是通过菜单项来实现的，如刚才说的WM6 5。常见的有左软键菜单，右软键菜单以及上下文实现的，如刚才说的WM6.5。常见的有左软键菜单，右软键菜单以及上下文菜单。从Phone7开始，菜单系统有了很大的改动，现在叫做ApplicationBarMenu。为了阻止菜单滚动，最多显示5个菜单项。The Application Bar Menu is an tilftoptional way for users to access specific tasks from the Application Bar.The Application Bar Menu can be accessed by tapping the visual indicator of sequential dots in the Application Bar or byin the Application Bar or by flicking the Application Bar up.This view can be dismissed by tapping outside of the menu areatapping outside of the menu area or on the dots,using the back button,or selecting a menu item AlitiBIor Application Bar Icon.phone 7 菜单设计Simangel 2010.10上下文菜单文单为户额方来访定能文单滚上下文菜单上下文菜单为用户提供了额外的方法来访问特定的功能.上下文菜单不出现滚动条的情况，推荐最多出现5个菜单项.上下文菜单会一直停留在屏幕上，除非用户关闭它。点击菜单外部区域,选择设备上的关闭按钮,或者选择了一个菜单项可以关闭上下文菜单。上下文菜单不是完成任务的唯一方法.它只是一种加快导航的一种方法.iphone 菜单设计Simangel 2010.10Iphone并没有一个明确和固定的菜单模式，较保守一点可以说是没有。一些类似菜单的操作通常是通过弹出选择，或者是拆分成几层，一次次些类似菜单的操作通常是通过弹出选择，或者是拆分成几层，次次点击进入更深层 的页面去寻找按钮的形式来达成。缺少固定的menu模式，这对第三方软件的设计来说是个巨大的挑战，要么需要很大程度上脱离iphone自身的设计规范体系要么就极端精简功能脱离iphone自身的设计规范体系，要么就极端精简功能。无明显菜单的原因：1 硬按键单为了避免个按键承载过多功能1.硬按键单一，为了避免一个按键承载过多功能。2.强调更自然的操作，直接与对象间的互动。3.扁平化的导航，有效地分解了大量的菜单项。4.交互方式的多样性。Simangel 2010.10手持设备菜单设计总结综合考虑平台的基础规范+项目的实际需求=好的菜单设计常用手持设备的四种菜单形式：全局菜单场景菜单上下文菜单上下文菜单固定菜单按钮/栏菜单设计无所谓好与坏，可以灵活运用与设计，只要能够提供清晰的命令选项和辅助导航的菜单就是好菜单。Simangel 2010.10