定义
导航条是指通过一定的技术手段,为网站的访问者提供一定的途径,使其可以方便地访问到所需的内容,是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。
导航条的目的是让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并管理信息,让用户在浏览网站过程中不至于迷失位置。
为了让网站信息可以有效地传递给用户,导航一定要简洁、直观、明确。
类型
1.Tab导航
Tab 导航分上下两种。是最常用的导航形式。也有人称之为标签导航。
优势:所有的入口一目了然,方便查找。适用于多个内容体系,且重要程度相似(平级关系),能频繁在不同页面间切换,切换成本底,只需一次点击。
劣势:总会占据屏幕的高度空间,阻挡内容。且标签数量有量,最多5个。当然在PC端这一劣势就不是那么明显,所在在Web界面这一导航方式是用的很普遍的。
适用的场景:导航条目不多,使用频率相差不大的。
移动端 PC端2.抽屉导航
分支类目过多;某一类的层级较深时就适用这种导航。
优势:可以容纳多个分支类目,隐藏多余的类目,保持当前页面简洁。抽屉导航的另一些优点是,侧边导航收纳的导航标签可以是5个以上,节省屏幕空间。
劣势:有部分类目,当前页面不可见,不容易寻找,增加了认知成本;无法快速完成导航切换,操作成本高。
抽屉导航3.宫格导航
宫格式导航,是一种类似于手机桌面各个应用入口的导航方式。每个入口往往是比较独立的信息内容,用户进入一个入口后,只处理与此入口相关的内容,如果要跳转至其他入口,必须要先回到入口总界面。这种导航适用于几个功能没有交叉的应用。功能较多,较分散。
优势:类目清晰,容纳很多类目无压力。
劣势:首屏没有内容,只有入口。
宫格导航4.列表导航
首页是一条条的item,item有单文字的,也有图文结合的,比如一般的设置页面。纯粹的列表导航很少见,一般都是搭配着别的导航模式一起使用,大多作为二级导航。
优势:内容突出
劣势: 不适合层级较深的应用
列表导航1 列表导航26.复合导航
现在,应用大多有复杂的多项功能,导航也适应这种情况,复合使用,现在这种也是当下适应性最强用的导航。
导航分析
1、Web端导航分析
我把Web端的导航主要分为三种,一种就是置顶的标签导航,这里放置着用户个人信息,再加上老用户用的比较频繁的,一般用下拉列表式表现;然后是左侧类别分类导航,一般都是抽屉式的;还有一种就是中间的频道导航,在这里是网站的不同频道。当然我举的多是电商多。产品不多的网一般一个导航就够了,甚至搜索框都不需要。
淘宝网导航 京东网导航2.移动端导航
移动端界面小,因此导航也相对简单很多。一般都是中间的频道导航,我表现为宫格式导航;还有置低的用户用的最频繁的导航。
淘宝APP 携程APP
网友评论