超详介绍这7种方法 导航设计的七种方法

选项卡式导航可以说是现在大部分app使用的导航之一,因为它对各个功能进行了明确的划分,用户在使用过程中只需要简单的操作即可进入自己 。想要的界面 。它允许用户直接看到他们产品的主要功能 。但是我们建议在使用这种导航的时候,要克制自己的个数,标签栏导航(底部),一般不超过5个 。比如微信、企鹅、网易云音乐等 。
【超详介绍这7种方法导航设计的七种方法】同时,许多类似的导航方式也在此基础上演进 。
上图可以看到,有些产品因为功能原因无法聚合,但又不想放弃,所以将中间的功能做成一个集合,点击一下,就会出现更多的功能,比如微博,今天的头条就是这样设计的 。今日头条不仅使用底部标签栏,还附上顶部标签作为耳机导航,这样做的好处是用户可以更快地找到自己想要的信息 。
标签栏小结:-1 让用户快速掌握产品的主要功能 。2、用户可以快速找到他们想要的信息 。3、学习成本低 。4、开发成本低 。
缺点 - 1、 占用了部分界面空间,尤其是在小屏幕上 。
列表式导航,在当前的应用程序设计开发中,越来越多的承担着存储和解释次要功能的责任 。当然也很常见 。
列表式导航清晰有条理,但功能的次要感不是很强,数量会比较多,用户会花一些时间搜索 。但是现在的列表导航不再都是向下排列,而是按照列表的类型进行分类,然后进行分类 。这里需要注意的是排列要求(类型和功能都考虑到了)
那么它的优点:1、可以容纳相对更多的解释性信息,让用户知道这个函数是做什么的 。2、符合用户自上而下的浏览习惯 。3、开发成本也更容易 。
缺点:1、树太多的时候,用户找起来很头疼 。2、用户进入的时候,如果用户想使用其他功能,需要完全退出才能进入下一个功能,比较封闭,不够循环 。
在目前的主流应用中,很少使用九方格导航作为主导航 。它通常出现在旅行应用程序中,或座位二级导航中,存在于二级页面或当前页面的下部 。主要功能是引导用户进入一个新的功能区 。
比如支付宝里的九宫格、美图秀秀等 。
优点:1、可以清晰的展示各个功能 。2、能够同时显示更多的传送门 。
缺点:1、关键功能不突出 。2、每个函数入口的跳转不够灵活 。进入更深层次时,需要逐步退出,进入下一个功能入口 。
导航抽屉通常适用于只有一个主要功能,并且功能不重要或不经常打开的应用程序 。类似的还有滴滴打车、网易邮箱(此图来源于网络)等 。
优点:1、大大节省空间,使产品更轻 。2、将主要功能与次要功能分开的好方法 。
缺点:1、一开始用户不容易发现,增加了用户的学习成本 。2、打破用户与当前任务的一致性 。
值得注意的是,在使用这种类型的导航时,保持过度动画的简单和高效是很重要的 。
下拉导航现在通常存在于条件过滤器中 。比如美团百度等 。
如图所示,
缺点:1、会屏蔽用户正在操作的内容,当内容复杂时,优点会显得臃肿 。优点:1、节省页面空间,操作方便,无需跳出当前页面进行选择 。
轮播导航通常存在于页面、可滑动导航栏或其他形式中 。(图片来自网络)
轮播的导航形式与九宫格类似,但它的排列方式是单向的,可以是水平的,也可以是垂直的 。这种导航方式比较常用,其内容功能大致类似 。
优点:用户可以快速浏览此类信息而不会迷路 。
缺点是结构单一,占用空间较大 。
国内一般用比喻导航来引导用户做任务(专业性和产品情节比较严重 。)