移动应用的菜单设计

标签式

适用项:入口选项数目不多,且用户需要在选项之间频繁切换来执行任务。

注意项:这种模式不太适合太过复杂和不稳定的结构。

标签式导航是移动应用中比较普遍的导航模式,适合在相关的几类信息中间频繁的跳转。这类信息优先级较高,这类信息优先级较高,用户使用频率上也相对较高。它的层级框架如图所示,一般信息被明确的分为几类,此分类根据逻辑和重要性,一般控制在5个以内。其他部分汇聚到一个分类标签中。一般的表现方式为通过标签栏集合,这样用户可以再第一次打开应用时,便能快速扫过并了解应用的核心功能。标签导航用始终呈现在屏幕上的几个标签作为进入特定摸个类目的入口,信息经过设计师的组合,被明确的分为几类,他们彼此独立。标签可以可视化表现用户的当前位置,通过标签的隐喻,用户可以很好的实现页面之间的切换而不会迷失方向,简单而又高效。

辐射式

适用项:分类清晰,入口独立且固定。

注意项:不适合在交叉类别中使用。

辐射式导航,是将全部应用信息进行独立分类,做到信息互斥,类别各自有独立的入口,内容间基本并列,这些入口聚合在中心主页,此页面一般是首页。用户进入一个类别分支后,只能处理此分支的内容,无法在分支之间跳转。如果要跳转,必须回到中心页面。这样的方式特别适合工具性界面,每个工具都有自己内部的一套体系。带来的问题是用户需要更多的操作路径,且不适合在多任务中使用。

辐射式导航中最常见的就是X宫格。

列表式

适用项:较适合展示层次分明的等级结构。

注意项:控制好列表的个数和分组方式。

列表式导航中,一般位于最上方的列表往往比位于下方的列表信息来的更重要。当列表的信息分类达到一定数量的时候,还需要分组。列表导航就是以表格为容器,装载着文字或图标,并指向相关内容的一种导航形式。它通过列表的形式对内容进行分类储存,列表里的内容是所指向内容的标题。有时会搭配图标的形式补充说明标题。列表导航将信息梳理为多个条目,条目之间没有概念上的交集,一般数量保持在15个以内,超过15个最好另分一级。如果不分一级,可以将条目分组分块,在视觉上加以处理区分,最好再给每一组定义一个名称。

平铺式

适用项:平铺页面适用于少而精的内容和随意浏览的页面,易于实用滑动即可,界面占用空间少。

注意项:无法立即跳到非相邻页面,不适合较多页面的加载。

平铺式是一种简单的层级框架,适用于整体性比较强的内容,在一个界面中能完全表现一块内容,且多个内容之间是并列关系。一般界面控制在五个及五个之内。这样的导航方式类似于一块全景图平铺在我们面前,界面只完整地展示其中的一块内容。平铺式,布局适用水平化的内容,能以线性的方式展示,充分利用手机有线的屏幕空间,让所有的信息都有展示的机会,同时让用户聚焦到当前的页面上。平铺的页面的数量不能太多,否则浏览麻烦。其中为了让用户在浏览叠加页面时保持,清晰的方向感,在平铺页面的底部添加标准页面分页控件,页面指示器会显示为n个小点在几个视图下面,从左到右排列,小点代表了被打开视图的顺序,用一个不同于其他页面的色彩的亮点代表当前视图。页面指示器帮助用户清楚地了解当前视图的数量及其排列顺序。

抽屉式

适用项:以当前内容为核心展示的应用。

注意项:隐藏的导航内容,需要更好的方式跳出,比如手势。

抽屉式导航是将层级框架中的分类内容进行隐藏。抽屉式导航可以很好地兼容各种分类方式,而不影响应用的界面效果。抽屉式界面隐藏在屏幕之外,理论上它可以在屏幕四边的每个方向,现在使用最多的是屏幕的左右两边,扩展屏幕的平面大小。

点聚式

适用项:需要提取最核心的几个点来展示产品的特性。

注意项:汇聚后将使部分导航隐藏,需要良好的引导。

当层级框架比较复杂,几个并列的模块中都有用户频繁使用的核心内容时,我们会考虑用点聚式导航,它不同于传统的标签栏那样占据在页面最下方一行,而是通过一个点的方式,汇聚了这些入口,这个点可以以更有趣的方式来实现,且不受个数限制,跟灵活,也让界面控件更开阔。

你可能感兴趣的:(移动应用的菜单设计)