Pardon my dust! I just migrated my website to the fantastic Eleventy and am recording the redesign process of adopting my design system for our AI & Design Systems course.

Floating Action Buttons Considerations

Luke Wroblewski walked through some critical considerations for designing for large screen smartphones. One major consideration is the reachability of the navigation. He discusses a few considerations and emerging navigation patterns, including the floating action buttons pattern.

We used the floating action buttons pattern for the social sharing options on Entertainment Weekly's responsive mobile site. The pattern had some obvious advantages in that it was easily tappable and its fixed position drew attention to the element. Because social sharing was an important business goal, this pattern fit the bill. We even made a little fancy-pants animation to open and close the actions.

Personally, I think this pattern has several disadvantages. Successful navigation finds the balance between unobtrusiveness and accessibility. To Luke's point, the floating action button pattern is certainly accessible, but I'd say the pattern is quite obtrusive. It stands out in an interface like a piece of dirt sticks out in the corner of your eye. This fixed element shouting for your attention may be effective, but may do so to the detriment of the rest of the interface.

Ultimately, any responsive navigation pattern has its share of pros and cons. For the floating action buttons pattern, I'd say it comes down to how critical the specific navigation & actions are to the experience.

Brad Frost Hey there! Brad Frost brad@bradfrost.com

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

Check out my courses AI & Design Systems course Atomic Design Certification Course Subatomic: The Complete Guide to Design Tokens course Get my newsletter

I like connecting with people directly without algorithms and machines getting in the way, and my newsletter helps me do that. Subscribe to get my latest thinking and interesting links about design, technology, music, art, creativity, and some random fun along the way.

Around the web