看得见才有用！聊聊移动App导航设计的改版实战

关于手机App 的导航设计讨论已经有很多了（特别是针对汉堡菜单的讨论）。今天翻译的这篇文章，是原作者在真实的 App 中对导航进行改版，观察数据并进行分析的一则小文，实战意义很强，可供借鉴 >>>

欢迎同学们关注译者的微信公众号呦：shejiyiyan

在移动界面设计中，使用各种菜单控件来简化界面，对设计师来说很有吸引力 —— 特别是在小屏幕的设备上。但是，将 App 的核心部分隐藏在这些菜单里，可能会对实际使用产生负面的影响。

若不在视线里，便不在感知中

为了简化 Polar 的界面设计，我们将之前的标签式菜单改成了切换式菜单。改版后的菜单看起来更「干净」，但接下来，菜单的日常使用频次却发生了暴跌。根本原因是当更多的选项被隐藏在了切换式菜单的里面，人们便不再在菜单之间进行切换了。

Polar

Polar - 菜单的日常使用情况统计表

译注：请注意，作者并没有在图表上标注纵轴是什么以及它的刻度。

另一个相似的情况也发生在 Zeebox 的设计者们将 App 的主导航从标签式改成抽屉式后。App 中的核心部分现在不在用户的视野中，所以无法被用户感知到。结果便是导航的使用频次急剧地下降。

Zeebox

只有在视线里，才会被感知到

当 App 的核心部分变得更加显眼时，它们的使用频次便会上升。Facebook 发现，当他们将 iOS App 里的「汉堡式」菜单改为底部标签式菜单后，不仅使用频次上升了，其他的重要指标也跟着增加了。

Facebook

相似的，Redbooth 将汉堡菜单改为了底部标签式菜单后，会话数和活跃用户数量都增加了。之前处于视野外的功能现在出现在了界面前台和中心。

Redbooth

如何取舍？

由于移动设备的屏幕大小有限，不能把所有的东西都直接放置在界面上。这导致移动界面的设计变得具有挑战性。不同于大屏幕的桌面电脑可以让我们把每一个功能放在上面，移动设备要求我们必须做一些取舍：有哪些东西真的值得摆在上面？

回答这个问题需要弄清楚一个关键——究竟是哪些东西直接影响着你的用户和生意。换句话说，这要求产品设计者好好地思考，然后再设计。

【最顶尖的移动APP改版设计实战经验】

QQ官网重大更新！专业范儿十足！
《QQ官网全新蜕变！IM QQ 改版（第一期）设计总结》

网易云音乐WP端改版实录！
《化繁为简！网易云音乐WP1.0设计项目实战》

见证奇迹！QQ音乐的字体设计项目！
《字体设计实战！QQ音乐巅峰榜诞生记》

原文地址： Obvious Always Wins
译者：设计译言

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量95万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：