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.pswp.cn/news/274573.shtml 繁體地址,請注明出處:http://hk.pswp.cn/news/274573.shtml 英文地址,請注明出處:http://en.pswp.cn/news/274573.shtml
如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!