产品需求-为什么移动应用的菜单栏总是在屏幕底部

admin管理员组

文章数量:1531793

2024年4月2日发(作者：)

为什么移动应用的菜单栏总是在屏幕底部

为什么移动端应用的菜单栏总是在底部？这样的设计众所周知到

底有什么逻辑？它严格遵守遵循着什么样的设计原则？文章将一一解

读。

你使用手机的方式会影响你的大脑。一项研究发现，活跃的手机

用户有更大的躯体感觉皮层，这个皮层是控制拇指的大脑区域。

进一步的研究课题发现，大多数大多数用户都用一只手来用到手

机。当他们拿着手机的时候，他们会用右或左大屏幕右手与屏幕交互。

左手就像用户的鼠标，但有局限性。

在桌面设备上，用户使用鼠标与屏幕交互。酣畅淋漓他们可以轻

松地将鼠标移动到导航菜单上。这是因为鼠标没有限制人体的手腕运

动。

但当用户手持手机时，他们拇指的动作就会需要受到限制。不足

以屏幕上才有些地方是拇指无法触及的，这些区域的面积将由用户的

手指长度和手机屏幕的大小来决定。

（基于一般手指长度和跨度）

随着越来越多的用户选择大屏幕手机，高端市场正变得越来越难

以企及。大屏幕手机（超过5英寸）比小屏幕手机的可达性更低（不

到5英寸）。

（如前所述一般手指长度和跨度）

大屏幕手机的客户如果要触摸对面的边也会产生困难。至于是右

侧还是右边更难触达，都取决于用户拿着即便手机的是哪支则。

如果他们的左手拿着电话，他们的拇指就难以触达右下角的区域。

如果他们右上手持机，他们的拇指将很难到达左边的角落。

相比之下，小屏手机在底部的角落里有很高的可达性。这是因为

更少小屏幕设备足够窄，可以让拇指到达角落。

设计师无法弱化用户客户端如何持有手机，但是他们可以改变导

航扭转菜单的位置。大多数设计师把导航菜单放在屏幕顶端。虽然这

个设计在桌面端上是一个通用术语表方案，但它并不能很好地转化为

移动端的设计。

屏幕的顶部是食指最难触达的区域。把你的菜单放在顶部会让用

户更难浏览你的界面，但用户使用菜单的增益非常高。我们有必要把

菜单放在拇指触手可及的地方，这样用户就能更快地完成他们的任务。

研究发现“拇指容易到达的区域是最快和最舒服的”，换句话说，

目标越是接近大拇指，就越容易点击到。最容易抵达的地方是底部，

你应该把菜单栏设计在底部。

菜单底部的位置左边加以控制用户点击LOGO图标，选择更快的选

项。把菜单放在最上面会迫使用户调整手机所在位置，或者用另一只

手作出导航。这都需要进行额外的物理操作，并减慢任务时间。

当用户用手臂点击LOGO图标时，菜单就会从底部打开。更接近底

部的菜单选项选项是拇指可达的。但是屏幕顶端的菜单选项已经超出

了拇指的范围。

在传统的菜单中，你会在顶部设置高优先级选项。但对于底部菜

单，你应该在底部放置非常高优先级选项。这使得它们能够极快地触

达和点击。新的菜单层次结构将从顶部的最低优先选项开始，到底部

以最高的顺序结束。

用户手持手机的方式波动会根据偏好而变化。那我们应该把菜单

放在哪一边呢?这份研究课题还发现了一个“从左手移动的舒适区”。

这意味着用户不必拉伸或弯曲他们的拇指来达到最佳的。

底部中间是丢弃菜单最差的最佳位置，无论是左手还是右手，这

里是在小屏幕和大屏幕手机上所使用拇指最轻松的地方。

舒适区普通用户当更有利于大屏幕手机用户。小屏幕手机用户没

有无法墙角到达的角落，但是用户可能会需要弯曲和伸展他们的拇指

才能到达他们想要的区域。

螺科岩随着大屏幕手机的行业发展趋势，拇指的舒适区似乎更重

要。理想的情况是，用户可以通过尽可能少的快捷键拇指移动来到达

到需要的界面。拇指移动效率的提升将提高用户操作速度。

任何偏离传统做法的新建议都会受到批评。把移动上方菜单放在

底部并不是标准，但这应该是基于用户如何使用移动设备的。很明显，

顶部的移动快捷键很难操作。如果遵循这些建议，我们会遇到哪些问

题?让我来回答这些指责。

“用户将会错过移动端的菜单，因为它在底部，而不是用户习惯

于看到导航的顶部。”

是的，用户与此相反习惯于看到顶部的导航栏。但应用软件他们

也在不同的移动应用和设备上看到了它。对于移动用户来说，底部导

航并不是一个不寻常的现象。

底部导航罕见对于桌面界面来说是确实少见。桌面的底部导航很

容易被忽略，因为桌面设备的电子元件屏幕尺寸要比数据传输设备屏

幕大得多。这使得用户很难将屏幕视为一个整体。

因为屏幕更小，所以更容易在手机上发现底部导航。这使得用户

可以触摸屏看到整个屏幕，在那里他们可以轻松地发现导航栏。

“底部导航将会阻碍浏览器的控制，而浏览器的管控也在底部。

用户会不小心应用程序点击浏览器按钮而不是快捷键按钮。”

你不会有浏览器控件插件来干扰原生APP的底部导航，但web应

用的底部导航栏将会有浏览器控件。用户可能会在不遥控器小心点击

浏览器按钮。但这和他们误触按钮左右两边的按钮没有什么不同。

当两个按钮左右并排之时，总是有可能出现用户误解。这并不意

味着设计师不能应该无法把按钮放在一起。这意味着它们应该在按钮

之间添加空隙，以防止这些错误。

你也可以在底部的导航栏上做同样的事情。在菜单图标和缝隙浏

览器栏之间添加空隙宽度，这样就可以进行视觉分离，这将防止意外

点击。

“当用户从底部滑动时，菜单会干扰滚动。移动用户这样会分散

用户浏览文章内容的注意力。”

用户使用他们的拇指滚动，他们的拇指更接近屏幕底部。这意味

着当他们向下滚动一个页面时，他们可以点击导航栏。当应用程序查

看内容时，它也会分散用户的注意力。

你可以使用一个滚动条来解决这两个问题。客户端这将在用户滚

动页面时隐藏导航栏，该栏只会在该栏用户重新启动时显示。这是已

经在应用程序和浏览器上使用的一种常见技术。

“它会干扰着陆页面上才的呼叫按钮，它比导航栏有更高的优先

级。”

同样，重要功能按钮也应该在拇指可达的范围内。但放功能按钮

还是按钮并不是二选一的问题。如果你使用滚动条，你可以把它们两

个都放在底部而不用担心它们会干扰。

如果你不使用滚动条，你应该衡量你的投资业务目标。如果你的

目标是提高用户参与度，你放在可以把菜单摆在拇指的范围内。如果

你的首要目标是在着陆增加页上增加转化，那你需要在拇指的范围内

键设置一个功能按钮。

与更熟悉的顶部位置相比，底部菜单似乎很不寻常。但前者了用

户在移动设备上拇指的功能。

拇指交互是与方式移动设备交互的主要手段，这意味着菜单的形

式应该由拇指的来决定。忽略这个原则会我们就会设计出一个很难使

用的菜单，满意率这会减少用户的参与度和满意度。

用户体验设计师的宽带目标是让移动导航尽可能快速和流畅。根

据拇指可触达法则，用户可以更用劲猛更容易地完成任务。用这个简

单的设计改变来消除拇指可触达的障碍吧。

本文标签： 用户拇指手机菜单移动