移动UI设计-菜单篇

1、导航模式

导航类型

导航种类

主要导航模式

跳板式、列表菜单式、选项卡菜单式、陈列馆式、仪表式、隐喻式、超级菜单式

次级导航模式

页面轮盘式、图片轮盘式、扩展列表式

2、导航种类样式及场景说明

2.1 主要导航模式

A.样式说明

B.应用场景

主导航样式名称

应用场景说明

备注

跳板式

登录界面中的菜单选项就是进入各个应用的起点

对操作系统没有特殊要求，在各种设备上表现良好

列表样式

每个菜单项都是进入应用各项功能的入口点，很适合用来显示较长或拥有次级文字内容的标题

包括个性化列表菜单、分组列表和增强列表（简单的列表菜单上增加搜索、浏览或过滤之类的功能后形成的）

选项卡菜单式

极大的保留web菜单设计特征

不同操作系统上有不同表现，对于选项卡的定位和设计，不同操作系统有不同的规则

陈列馆式

在平面上显示各个内容项来实现导航，主要用来显示一些文章、菜谱、照片、产品等，可以布成轮盘、网格或幻灯片演示

有时这些内容进行分组更易于用户浏览，很好地应用于用户需要经常浏览、频繁更新的内容

仪表式

一种度量关键绩效指标是否达到要求的方法，主要应用于商业应用、分析工具、销售和市场

不要使用过多仪表导航，使用前需要开展研究决定

隐喻式

用页面模仿应用的隐喻对象，主要用于游戏

需要谨慎使用隐喻式导航

超级菜单式

超级菜单式导航和网站所有的超级菜单导航类似，较大的覆盖面板上分组显示已定义好格式的菜单选项

首先要确定信息架构，如导航对象仅仅是应用中少数主要内容，就可以使用选项卡类导航模式

2.2 次级导航模式

所有的主要导航模式都可以用作次级导航，如选项卡下用选项卡导航、选项卡下用列表导航、选项卡下采用仪表盘式导航、跳板式导航下采用陈列馆式导航等。

还有一些导航模式适合作为次级导航：页面轮盘式、图片轮盘式、行内扩展式

A.样式说明

B.应用场景

次级导航名称

应用场景

备注

页面轮盘式

操作者可利用“滑动”操作快速浏览一系列离散的页面

如果页面超过8个，最好考虑使用列表菜单导航

图片轮盘式

主要来展示特色产品

行内扩展式

通过下拉屏幕显示更多信息

很好地逐步显示某个内容项的更多细节或选项