加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 黄冈站长网 (http://www.0713zz.com/)- 数据应用、建站、人体识别、智能机器人、语音技术!
当前位置: 首页 > 运营中心 > 交互 > 正文

移动端导航的七种计划模式

发布时间:2016-10-27 10:51:14 所属栏目:交互 来源:ui.cn
导读:副标题#e# 根据产品层级的深度和广度,选择适合的 导航 模式,是产品设计中的关键一环。与大家共勉。 写在前面:看了很多总结 导航 的文章,其实都基本雷同,但是都觉得不够细致,也不是从我们常用的产品去分析的,因此用自己的思路重新分析了一遍,某些段

但缺点是用户只能切换的相邻页面,很难跳转到非相邻的页面,很容易迷失位置,因此平铺式导航都会添加几个小点来指示当前位置。如墨迹天气中切换城市的操作就运用了平铺式导航,优点是可以在一个页面完整展示当前城市的情况,快速切换到其他城市。但如果你设置的城市比较多,就很难快速定位到某个城市,但所幸手势操作切换方便,且正常情况下,用户最多只会设置2-3个页面,不会造成太大的负担。

移动端导航的七种计划模式

淘宝中的店铺推荐也使用了平铺式导航,推荐店铺虽然有40个之多,但用数字表达出了明确位置的同时,也加入了手势切换,增加了易用性和趣味性。

移动端导航的七种计划模式

总结:

轮播式导航比较适用于足够扁平化的内容和随意浏览的阅读模式

需要注意的是:无法跳转至费相邻页面,如果入口间需要反复跳转,则不适合这种模式

五、宫格式导航

这种导航模式非常常见,但是却不常用。

常见是因为,无论你用的是Android还是iOS,每天一打开手机,宫格式导航就会对你说hello了(就是下图啦)

移动端导航的七种计划模式

(编辑:PHP编程网 - 黄冈站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读