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