Sunday, October 4, 2015

material design - Is it a strong anti-pattern to use a Floating Action Button in an iOS app?


Floating Action Buttons - invented by the Google Material Design Team - are rather popular on Android. Apple's closest equivalent are perhaps an action icon at top-right or the bottom Tool Bar pattern - which won't play nicely with a persistent Tab Bar.


I'm working on an iOS app that has a very strong, prominent 'hallmark action' that needs to stand out and be accessible from the app's main screen. Should I use a Floating Action Button in iOS?



Answer



TL;DR: I consider the Floating Action Button (FAB) to be the most polarizing element of Material Design, and generally wouldn't recommend a floating action button for use in an iOS application.


The principle is still sound: provide a strong call-to-action element (CTA) to guide your users. Apple tends to favor the top-right interaction, but I consider the play/shuffle button in Spotify to be a good example of a non-toolbar interaction (see below). It helps that it has high discoverability (easily understood wording rather than abstract icons). Other apps (Instagram, Tumblr) use the central icon of the Tab Bar to focus the user on a primary action (which might be relevant for your use).


The FAB is probably the least generic component in the language and tends to make all implementations look like they were made by Google (which works great on Android). It's an abstract concept with low discoverability, which works fine for Android since it's part of the OS. You're taught to use it as part of the onboarding for the device.


If your target audience is iOS, where it isn't commonly understood, then you're increasing the complexity for new users. Ultimately there is nothing stopping you from using a FAB, but you should probably expect users to not know what it is, or how to use it.



Spotify Shuffle button Instagram post button on Tab Bar


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...