众所周知,菜单作为产品的功能布局和功能入口,是产品功能交互的主要设计之一。那么导航菜单在网页端产品上是如何展现的呢?下面我们来看一下!
优势:
侧边栏菜单是由传统的顶部导航栏引申而来,风格有点类似于目录,用户可以迅速找到自己想要的功能入口。它也分为2种类型:1>浮动固定式,侧边菜单不随主页面的滑动而滑动2>自动跳转式,随着主页面的滑动,导航项跳转到对应的菜单模块。而且侧边菜单栏不受导航项的高度影响,可以根据自己网站的情况设定,因此它除了适合小众小资网站外,一般的平台也比较适用,如资讯平台等。
劣势:
中国人习惯的审美模式是有头有尾,采用侧边栏菜单后,那页面顶部的缺失部分应该怎么处理也是难点之处。因此,目前绝大多数大型网站采用了侧边栏+顶部导航栏结合的方案来规划整个网站。
优势:
侧边栏+顶部菜单导航能满足大型网站平台的庞大功能类别需求,用户体验也较好,给人感觉种类丰富齐全。
劣势:
顶部菜单和侧边栏菜单的分类比重、优先级都是对用户体验造成影响的因素。
优势:
传统的顶部导航菜单,中规中矩,适合用户使用习惯。点击导航项可以进入对应子页面,在子页面上又有对应的顶部导航栏进入下一级页面。也可以在导航菜单下加入下拉菜单如下图,下拉菜单可选择图标和文字,对于用户的体验效果根据网站总体定位有关。
劣势:
版式基本固定,适合大众化的产品,对于个性、风格与众不同、艺术气息类网站不太适合,如画展等等;
优势:
随着页面不断的向下滑动,顶部导航菜单一直可见。用户可以在任何时候、页面的任何区域跳转到其他导航项的页面,不需要返回至顶部区域即可操作,优化了用户体验。
劣势:
版本和传统的顶部固定模式雷同;
优势:
页面浏览量较大时,采用楼层导航可以快速跳转至用户想要的区域。
劣势:
只适用于单级页面内容之间的跳转。
优势:
又称隐藏式菜单、汉堡式菜单,和移动端侧抽屉式菜单一样,使得页面整洁完美,结合恰当的UI设计可使网站风格独树一帜。
劣势:
web网页端的菜单隐藏的缺点不会像移动端的那么明显。