Floating action button

Keyboard Shortcuts

The importance of the floating action button, regardless of platform or OS, can't be understated. In this video, review the specification for the FAB and how to add a tap microinteraction that follows the specification.

- [Instructor] The broad adoption…of the floating action button across platforms…and screens has been, at least to me, somewhat surprising.…Originally developed by Google for the Android OS…as an integral aspect of the material design specification,…the FAB or floating action button,…is appearing in IOS apps, it's appearing…in tablet screens, and desktops.…I suspect the reason behind this is not laziness…on the part of designers and developers,…but more because of the fact that it is so focused…on doing one specific thing, to represent…only the most common action.…

As the most prominent button on a screen or card,…its use is almost intuitive.…Still, there are some rules regarding its use on the screen,…and they can be found over here.…Okay, this is the material.io specification,…and it's in components and buttons,…floating action button.…And there's a lot to it.…It's going to tell you everything you need to know…about using a floating action button on a screen,…including sizes, okay, the width of the button's 56 pixels…

Resume Transcript Auto-Scroll

Author

Released

4/30/2018

Learn a variety of techniques you can use to prototype motion and interactions using Adobe After Effects CC 2018. The course starts with a review of the AE interface, showing how to set up After Effects for working on UX projects. The course then covers how to prototype gestures and micro-interactions using animation tools; how to create and export an app with interaction previews for client and team reviews, and more.