您的位置:首页 > 业内资讯 > 3×3矩阵,概括App导航

3×3矩阵,概括App导航

来源:产品100干货速递 | 时间:2016-01-11 13:18:36 | 阅读:168 |  标签: 产品100干货速递   | 分享到:


04 抽屉式导航(下拉式)


摘要: 属于Android原生控件的导航方式,后在ios中也常见到。一般在Android中用做主导航,在ios中往往会搭配其他的主导航模式做次级导航使用。在不同的地方可能被称为:扩展菜单、侧边导航、汉堡导航;


即是导航,又是一种跳转方式(不弹出新页面),抽屉打开后可以展现任何一种导航方式(结合列表式的偏多)。


不用时隐藏,要用时打开,可布置较多功能,优点如此,缺点亦如此


优点:隐藏时不占用界面空间、适合做次导航、不频繁使用功能收纳(隐藏)


缺点:不直观、不适用于主导航、如遇频繁操作的功能,用户不断开关抽屉体验不好。


3×3矩阵,概括App导航


抽屉结合列表


3×3矩阵,概括App导航


抽屉结合矩阵


05 非主流创新导航


Path的招牌,点聚式导航


3×3矩阵,概括App导航


Path的招牌设计,看似非常牛叉,实际也是形、态、合的演变。更像是抽屉式的一种变形。


菜单与内容混在一起


3×3矩阵,概括App导航


阅后即焚私密社交应用Blink(碰巧与Blink君同名),设置、联系人、群、添加联系人全部是右边的一列圆圈图标(侧面Tab),其中“设置”是抽屉式,点击展开,联系人头像点击后直接向其发送照片,太赞了。


创新的拖拽定位导航


3×3矩阵,概括App导航


上图是待办事项工具 Suru 的隐藏菜单,结合了抽屉与Tab,以下拉深度来定位到相应的选项,松手则进入定位的选项。


这种设计非常创新,不过确实很非主流,Suru这样做的目的是让你专注于最重要的待办事项操作上,偶尔要用到设置等低频功能时,下拉进入,且越不重要的放在下拉越深的位置,而且超过3个选项,体验就开始下降了。


三,综合案例


3×3矩阵,概括App导航


这张是从Blink君做产品分析Axure中截图出来的(2014年的,所以是老版本美拍),原型是带动态效果的,所以图中说“可点击”,感兴趣的可以私聊


主导航:


美拍的主导航采用Tab,标签式,有3个Tab,非常简洁。


中间Tab是最主要的“美拍”键,采用与LOGO相呼应的图标。


左右两边的“更多”、“信息”Tab则双双采用抽屉式拓展导航,将不重要的信息和菜单隐藏了起来。“更多”页面中又是采用的列表与扩展列表式导航

小编推荐阅读

好特网发布此文仅为传递信息,不代表好特网认同期限观点或证实其描述。

相关视频攻略

更多

扫二维码进入好特网手机版本!

扫二维码进入好特网微信公众号!

本站所有软件,都由网友上传,如有侵犯你的版权,请发邮件[email protected]

湘ICP备2022002427号-10 湘公网安备:43070202000427号© 2013~2024 haote.com 好特网