缺点:
承载入口的数量有限,超过10个可能就太多了。用户只能切换到相邻页面,难以快速切换到目标页面。且容易迷失位置,所以需要页面指示器(页面过多时,需用其他指示方式如数字,来表示位置)指示用户当前的位置。
如下图所示,天气应用就使用了轮播导航,一个页面展示当前城市的完整天气情况,左右滑动切换察看其他城市的情况,十分方便
轮播式导航也常用于察看图片,常于其他导航模式结合,作为广告banner呈现,这种方式就比较常见了。如下图所示的天猫、网易云课堂。
7.折叠菜单式导航
折叠菜单式导航(又称手风琴式),就是运用动态的效果,将二级的信息展开,无需跳转到新的页面,使用户在同一个页面上查看到更多的信息,不需要任何跳转。折叠菜单式一般层级较少,展开后就可看到具体内容,且内容量相对较小,方便再次收起。
优点:
1.通过折叠的方式,用户在当前页面就能获取大量信息,这种方式比跳转到二级页面再跳转回来更高效。
注意:
1.一定要使用常见的图标来进行指示折叠式菜单的打开或关闭状态,避免用户产生疑问。
如下图所示,支付宝的客服功能,QQ的好友列表都用到了折叠菜单。
三.关于导航的一些思考虽然每个导航模式有常见的用法,但并没有绝对的限定,要具体情况具体分析。比如固定选项卡可以作为一级导航,但与底部tab导航结合的话,就会变成二级导航。就实际情况而言,很少有APP只用一种导航模式,绝大多数APP都在混用多种导航模式,因为一个APP由架构和内容界面组成(与我对导航的分类相同),架构需要导航模式支撑,内容界面的展现又可能涉及多种导航模式。具体得根据产品的实际情况,选择合适的导航模式。文中的导航模式只是一种参考,这些模式其实还有各种各样的变形。只要能够引导用户清晰明确地找到信息或完成任务的导航都是优秀的导航,并不一定非得使用某种导航。
最后说一点,整理这些导航模式,是想让自己好好整理一下交互的基础知识,让设计做得有理有据。在这里与大家共勉,要想飞得更高,得打好根基。
作者:雨无声,微信公众号:int-PD,快服科技交互设计师,2年互联网交互设计经验,有多款移动端产品设计经验。
文章作者系@雨无声 原创发布于人人都是产品经理,未经许可,禁止转载。
编辑:未知
卡戴珊诞下女婴TT深陷出轨丑闻守护身边 网友:感谢你离开哈登
科勒卡戴珊当妈妈啦。 两位知情人士告诉CNN,卡戴珊已经生下一个女孩。 卡戴珊的男友以及女婴的父亲是克里夫兰骑士球员特里斯坦