app 中对导航进行改版,是原作者在真实的APP中对导航进行改版

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

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

关于手机 app
的导航设计讨论已经有很多了(特别是针对汉堡菜单的讨论)。今天翻译的这篇文章,是原作者在真实的
app 中对导航进行改版,观察数据并进行分析的一则小文。下面进入译文。

原文:Obvious Always
Wins

我们总是忍不住依赖菜单控制来简化手机界面设计,尤其是在小的显示屏上面。但是把应用的关键部分隐藏在这些菜单背后却对其使用产生负面影响。

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

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



视野之外,意味着意识之外

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

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

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

在移动设计中,将一些按钮收纳进菜单确实能够简化界面——尤其是小屏——但如果被隐藏的是重要功能,这显然将大大降低APP的易用性。

如下图的一个案例中,我们把分段式控制菜单改变为切换菜单。尽管切换菜单看起来更简洁,然而随着改变,其与用户的互动明显下降。根本原因是什么呢?因为当一个应用的主要部分被隐藏在切换菜单之后时,用户就不再去切换这些内容了。

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

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

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

图片 1

Polar

图片 2

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

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

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

图片 3

Zeebox

视线之外 关注之外

在简化Polar视觉的过程中,我们曾将分段控件式菜单(Segmented
Control Menu)调整为了下拉式菜单(Toggle
Menu)。结果是虽然界面整体更简洁了,但活跃度却直线下降。分析后我们认为原因在于,用户原本可以直接通过app顶部的分段控件进行切换,而现在,这些常用的功能被隐藏了起来。

Polar app.png

Zeebox也栽过这个坑,他们曾将标签收进了抽屉,结果同样是活跃度暴跌。

Zeebox app.png

显而易见:当重要的功能不再出现在用户的视线之内时,用户自然就把它们忘了,可能是不方便、可能是不知道能点、可能是不知道里面有什么…总之,没人再去点了。

当Zeebox将用于导航其应用的主要内容的一行选项菜单改变为抽屉式导航菜单时,同样的命运发生在了他们身上。关键部分的内容隐藏于用户的视野之外,因此也就隐藏于用户的意识之外,那么其与用户的互动也就自然而然下降了。

图片 4

图片 5

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

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

图片 6

Facebook

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

图片 7

Redbooth

视线之内 关注之中

而当重要功能的可见性被提高后,他们的易用性自然也随之提升。比如Facebook,将抽屉导航调整为Tab导航后,不仅app的活跃度提高了,其他各项指标也同样开始攀升。

Facebook app.png

Redbooth也曾做过类似的调整,将抽屉导航调整为Tab导航不仅为他们带来了更长的使用时长,app的使用频次也随之增加。

Redbooth app.png

视野之内,也就意味着意识之内

Polar

Polar

如何取舍?

由于移动设备的屏幕大小有限,不能把所有的东西都直接放置在界面上。这导致移动界面的设计变得具有挑战性。不同于大屏幕的桌面电脑可以让我们把每一个功能放在上面,移动设备要求我们必须做一些取舍:有哪些东西真的值得摆在上面?
回答这个问题需要弄清楚一个关键——究竟是哪些东西直接影响着你的用户和生意。换句话说,这要求产品设计者好好地思考,然后再设计。


以上译文仅代表原作者观点。原作者是 Luke Wroblewski,原文是 Obvious
Always
Wins。


欢迎关注 @设计译言 的微信公众号:shejiyiyan

图片 8

设计译言微信公众号二维码

为什么可见性是如此重要?

移动设备的屏幕空间是如此有限,因此它所能呈现的元素是如此宝贵,这恰是移动设计最大的挑战之一。不同于能够塞下几乎n多功能和元素的PC大屏,移动设计提醒着我们去思考:究竟什么才是真正重要的?究竟什么才是应该呈现给用户的?

而这个问题的答案,需要你去到你的用户和你的商业目标中去寻找。当然,还需要设计能力过硬。

当一个应用的关键部分越可见,其使用度就越频繁。Facebook发现当他们将汉堡菜单改变为底部导航菜单后,不仅与用户的互动明显上升,而且其他一些重要的参数也随之上升。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website