flo file
When it comes to using my phone, I’m a thumb guy and I like using my phone held in one hand. Well, apparently 49% of us prefer it like this.
说到使用手机,我是个拇指小伙,我喜欢用一只手握住手机。 好吧,显然我们当中有49%的人喜欢这样。
But, using my phone this way wasn’t a pain until the screen size was let’s say 5" or less. Then came the era of super huge screens. Navigating through all the options in my favourite apps became a good exercise for my thumbs. Often it needed an extra hand.
但是,以这种方式使用我的手机直到屏幕尺寸小于或等于5英寸才变得很容易。然后是超大屏幕的时代。浏览我最喜欢的应用程序中的所有选项对我的拇指来说是一个很好的练习。通常,它需要额外的帮助。
Obviously, iOS’s one-hand mode pretty much solves this problem but with an additional step (double tap on the home button). But this isn’t very intuitive. On the other hand, Android’s approach to one hand mode is quite different where they scale down the app screen to one of the corners (Not a big fan of this. I mean, why have a big screen only to use a fraction of it). Hence I set out to explore if there is a solution that can make most apps usable with one hand by making tweaks to the navigation.
显然,iOS的单手模式几乎可以解决此问题,但是要多做一步(双击主屏幕按钮)。 但这不是很直观。 另一方面,Android在将应用程序屏幕缩小到一个角落时采用的是单手模式,这是完全不同的(不是忠实的拥护者。我的意思是,为什么只有大屏幕才能使用大屏幕) 。 因此,我着手探讨是否存在一种解决方案,可以通过对导航进行调整来使大多数应用程序可以一只手使用。
现有的导航选项正在不断发展以供单手使用,但是… (The existing navigation options are evolving for one-hand use, But…)
The bottom tab bar is the perfect place to put all the primary actions/destinations in our apps. But when we have more actions to accommodate, we often resort to docking a few in the top tab bar (toolbar) or bring in a floating action button.
底部的标签栏是在我们的应用程序中放置所有主要操作/目标的理想位置。 但是,当我们要容纳更多动作时,我们通常会在顶部选项卡栏(工具栏)中停靠一些动作或引入一个浮动动作按钮。
Now let’s look at a few examples. Take an app like Instagram, which just has two additional options apart from the five primary options. A swiping gesture is added to quickly access these 2 options which sit on the top tab bar and are otherwise difficult to reach.
现在让我们看几个例子。 以Instagram之类的应用为例,该应用除了五个主要选项外,还具有两个附加选项。 添加了滑动手势以快速访问位于顶部选项卡栏上的这两个选项,否则很难到达。
Similarly, apps with much simpler navigation (like Gmail) have used the swiping gesture to pull out the hidden drawer. But in the case of Gmail, users still have to stretch out to perform the search function or go to their account. Also, since swiping is possible on each email card in Gmail, swiping to open the drawer makes it a tad bit tricky.
同样,导航简单得多的应用程序(例如Gmail)也使用了滑动手势来拉出隐藏的抽屉。 但是,对于Gmail,用户仍然必须伸手才能执行搜索功能或进入其帐户。 此外,由于可以在Gmail中的每张电子邮件卡上刷卡,因此刷卡打开抽屉会使操作起来有些棘手。
While the FAB (Floating Action Button) is best-suitable for ‘the’ primary action(s), it is often not preferred for its obstructive and in-your-face nature. But I wish the FABs are movable and could be placed in a location of our preference. Imagine using your phone with your right hand and reaching out to the bottom right corner — The preferred location for the FAB. So, this definitely doesn’t work for all.
尽管FAB(浮动操作按钮)最适合“主要”操作,但由于其具有阻塞性和贴面特性,因此通常不受欢迎。 但是我希望FAB可以移动,并且可以放置在我们喜欢的位置。 想象一下,用右手使用手机并伸到右下角-FAB的首选位置。 因此,这绝对不适用于所有人。
As you can see, these options are developed for specific cases and don’t really work for everything out there. Take these apps, for example, WhatsApp, YouTube, and Amazon Prime. They have a lot of options and, swipe gestures are probably not possible for all the options available.
如您所见,这些选项是针对特定情况开发的,并不是真正适用于所有情况。 以这些应用为例,例如WhatsApp,YouTube和Amazon Prime。 它们具有很多选项,并且可能无法对所有可用选项进行滑动手势。
This is where it struck me! What if there is a way in which all apps out there could facilitate one-hand usage. Not something that is specifically designed for one app, but something that works for every app (well, almost!).
这就是给我留下深刻印象的地方! 如果有一种方法可以使所有应用程序方便单手使用。 不是为一个应用程序专门设计的,而是为每个应用程序工作的(嗯,差不多!)。
介绍Flo菜单 (Introducing the Flo Menu)
Flo menu helps users keep the secondary, but important actions accessible. Flo menu floats around the edges and collapses when not needed. Users can keep the dock wherever they deem fit. The concept was largely inspired by Apple’s assistive touch on iOS and iPadOS.
Flo菜单可帮助用户保持次要但重要的操作。 Flo菜单在边缘浮动并在不需要时折叠。 用户可以在自己认为合适的地方放置扩展坞。 这个概念主要是受苹果在iOS和iPadOS上的辅助触摸启发。
Flo Menu适合所有 (Flo Menu fits all)
Be it secondary actions or content filters, this menu can accommodate them all. And the best part, this can share the screen along with the top/bottom tab bars.
无论是辅助动作还是内容过滤器,此菜单都可以容纳所有动作。 最好的是,它可以与顶部/底部标签栏共享屏幕。
Let’s see this menu in action in a few apps:
让我们在一些应用程序中查看此菜单的运行情况:
WhatsApp的 (WhatsApp)
The home screen of WhatsApp is pretty easy to use with just one hand. However, the search function alone is in a spot which is quite hard to reach on large screens. In comes the Flo menu.
WhatsApp的主屏幕仅需一只手即可轻松使用。 但是,仅在大屏幕上很难达到搜索功能。 进入Flo菜单。
The Chat screen of WhatsApp has two important functions which are quite hard to reach — The Video call and the voice calling features. Based on the user data, if users are accessing user profiles as often, this can also be brought onto the dock.
WhatsApp的“聊天”屏幕具有两个很难实现的重要功能-视频通话和语音通话功能。 根据用户数据,如果用户经常访问用户配置文件,也可以将其带到扩展坞上。
The Flo menu can be slightly tweaked based on the use case. For example, take the case of long-pressing on a Chat in WhatsApp for Android.
Flo菜单可以根据用例进行略微调整。 例如,以长按Android版WhatsApp中的聊天为例。
的YouTube (YouTube)
According to me, the only function that is a little out of reach in the YouTube app is the search option. I don’t even know why it is not at the bottom next to Home and Subscriptions. Anyway, here’s the YouTube app with the Flo menu.
据我说,YouTube应用程序中仅有的一点功能是搜索选项。 我什至不知道为什么它不在“首页和订阅”旁边的底部。 无论如何,这是带有Flo菜单的YouTube应用。
亚马逊Prime (Amazon Prime)
Maybe because of the horizontally scrollable content available in the page, Amazon Prime video app doesn’t let users swipe through the tabs — Home, Movies, TV Shows, and Kids. These filters/destinations can be moved to the Flo menu as shown below.
也许由于页面中可水平滚动的内容,Amazon Prime视频应用程序不允许用户在“家庭”,“电影”,“电视节目”和“儿童”等选项卡中滑动。 可以将这些过滤器/目的地移动到Flo菜单,如下所示。
邮箱 (Gmail)
In the Gmail app, the drawer is already accessible with a swipe. However, the search and account or not. Also, as I had explained earlier, the email cards have swipe actions as well. This makes it all the more tricky. The Flo menu can have the drawer, search, account, and the compose button as well.
在Gmail应用中,通过滑动即可访问抽屉。 但是,搜索和帐户与否。 另外,正如我之前所解释的,电子邮件卡也具有滑动操作。 这使得它更加棘手。 Flo菜单也可以具有抽屉,搜索,帐户和撰写按钮。
With the increasing screen sizes, the farther corners are getting even far away making them super difficult to reach. Since bigger screens have more view area, I believe a menu like this would make it easy for the user to access the most important actions. What are your thoughts on Flo menu? Do comment.
随着屏幕尺寸的增加,更远的角落变得越来越远,使其难以到达。 由于更大的屏幕具有更大的查看区域,因此我相信像这样的菜单将使用户可以轻松访问最重要的操作。 您对Flo菜单有何看法? 发表评论。
Reference(s):
参考文献:
How do users really hold mobile devices?
用户如何真正握住移动设备?
The thumb zone: Designing for mobile users
拇指区:为移动用户设计
翻译自: https://uxdesign.cc/introducing-the-flo-menu-a-scalable-thumb-friendly-navigation-for-mobile-5065251c66b6
flo file
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274573.shtml
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!