各种APP导航的范例:请戳这里
一、标签式导航
标签式导航是苹果ios可以自动生成一种导航控件,开发起来方便。所以这种经典的底部导航栏受到绝大数app设计师的青睐。这种设计符合手机端用户单手操作的习惯,包括新版微信,淘宝,支付宝,百度手机等都采用的这一方式。这个APP导航方式占大多数。
试用项:入口选项数目不多,且用户需要在选项见频繁切换执行多任务。
注意项:这种模式不适合太过复杂和不稳定的结构。
一般为四个导航按钮最为普遍,最方便操作的是第二和第三个按。受制于屏幕宽度的限制,通常采用标签式导航设计方式,栏目的个数是有限的,不能超过5个。4个为最佳选择。过多的话明显不利于用户的切换。从界面布局来看,也降低体验友好度。
目前也有部分APP在标签式导航的基础上,衍生出了一种交互比较好的弹出导航菜单。
如图:
这种方式应该说应用了web端的元素和使用方式,相当于有了二级菜单。很不错的尝试。如果导航菜单很多,除了下面我们说到的抽屉式APP导航设计以外,这种弹出式的导航菜单何尝不是一种选择。
二、抽屉式导航
抽屉式导航追求核心内容的突出,弱化导航界面,常见于一些信息流产品(知乎、path、facebook等)。抽屉式导航在形式上一般位于当前界面的后方,通过左上角的按钮或手势滑动呼出。由于隐藏在屏幕在外,所以导航界面的空间较大,为可扩展性和个性化带来了更多可能。由于导航默认是隐藏的,在选择后需要有明确的提示来告知用户的当前位置。 功能模块化和轻便化。
适用项:以当前内容为核心展示的应用。
注意项:隐藏的导航内容,需要更好的方式调出(如手势)。
抽屉式滑动导航也分为2种导航布局,
第一种:列表形式如下图。
第二种:图标卡片式布局(ios7侧边导航设计)
三、桌面式导航
桌面式导航,是一种类似于手机桌面各个应用入口的导航方式。一般是将全应用信息进行独立分类,做到信息互斥,类别各自有独立入口,内容间基本并列。用户进入到一个入口之后,只处理与此入口相关的内容,如果要跳转至其他入口,必须回到入口汇总界面。
这种导航方式在工具类app中比较适用,每个工具都有一套独立的体系。带来的问题是用户需要更多的操作路径,且不适合在多任务中使用。
适用项:分类清晰,入口独立且固定。
注意项:不适合在交叉类别中使用。
四、移动APP导航之点聚式导航
点聚式导航最早来自于应用path,它将用户最频繁使用的多个核心功能点汇聚在主界面中显示,方便用户随时呼出使用,它不同于传统标签栏那样占据界面最下方一栏,而是通过一个点的方式汇聚这些功能的入口。
由于点聚式导航所占用的空间较小,所以它常出现在一些主要流程界面中,作为全局导航使用。
适用项:需要提取最核心的几个点来展示产品特性。
注意项:汇聚后将使部分导航隐藏,需要良好的引导。
end