APP导航该如何取舍?

小编:手机App 的导航该如何呈现,使用频率才会高?本文中原作者在真实的 App 中对导航进行改版,观察数据并进行分析。大家可在此基础上决定自己的APP导航该如何取舍。

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

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

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

Polar

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

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

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

Zeebox

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

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

Facebook

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

Redbooth

如何取舍?

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

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

文章来源:优设

Obvious Always Wins
译者:设计译言

(0)

相关推荐

  • 如何设置百度地图App导航时总是显示终点连接红线

    今天,小编给大家介绍设置百度地图App导航时总是显示终点连接红线的方法,希望对大家有所帮助.具体如下:1. 第一步,请大家在自己的手机中找到[百度地图]图标,点击进入主界面,然后选择屏幕左上方的[个人 ...

  • 手机百度地图app"导航比例尺智能缩放"如何设置

    当我们使用百度地图的时候,可以对导航比例进行一定程度的调整.今天小编就告诉大家手机百度地图app"导航比例尺智能缩放"如何设置..具体如下:1. 首先我们打开手机中的百度地图app ...

  • 如何设置腾讯地图APP导航时屏幕常亮

    今天给大家介绍一下如何设置腾讯地图APP导航时屏幕常亮的具体操作步骤.1. 首先打开手机,然后在桌面找到腾讯地图APP,打开.2. 然后进入主界面,选择左上角的个人头像进入.3. 然后在新的页面选择右 ...

  • 如何在腾讯地图APP导航时选择不走高速

    今天给大家介绍一下如何在腾讯地图APP导航时选择不走高速的具体操作步骤.1. 解锁手机后,选择桌面上的腾讯地图APP,打开.2. 进入首页后,选择左上角的个人头像,打开.3. 然后在和人中心页面,选择 ...

  • 高德地图APP导航中的路线偏好如何设置

    今天给大家介绍一下高德地图APP导航中的路线偏好如何设置的具体操作步骤.1. 解锁手机后,找到桌面上的高的地图APP,打开.2. 进入主页面后,点击页面左上角的"个人头像".3. ...

  • APP导航交互设计解析

    小编:APP的导航样式多种多样,但主要的是你得找到一种适合你的APP模式的导航交互.今天分享了25学堂总结的8个APP导航的交互方式,并有分析如何漂亮的应用它们. 首先,我们来看一下一个叫做原始导航的 ...

  • 干货分享!关于APP导航菜单设计你应该了解的一切

    导航菜单是人机交互的最主要的桥梁和平台,主要作用是不让用户迷失方向.现在市面上产品的菜单栏种类繁多,到底什么样的才是优秀的导航菜单设计呢?好的菜单设计不仅能提升整个产品的用户体验,而且还能让用户耳目一 ...

  • 设计师进阶笔记!APP导航的设计套路

    背景 产品同学要做一款新APP,对导航犯了愁.而在两大设计规范中,均为我们指出了如何设计APP导航,前人的文章中也有不少总结,在此作一次梳理,供自己内化也给各位读者分享. 精华浓缩版 导航设计四步走: ...

  • 30个APP导航菜单(设计欣赏)

    30个不同形式的菜单欣赏,让你一次看个够~!这些是做APP的时候,常用的菜单形式,基本上排版的形式全都到齐了.大图请前往app.xueui.cn的菜单导航里去取. 推荐阅读: APP登录注册页面欣赏 ...