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…
- Prototyping motion
- Using the Graph Editor
- Working with shapes and masks
- Supporting tap, press, and swipe gestures
- Handling pinch and spread gestures
- Designing patterns
- Making navigation, buttons, and breadcrumbs
- Creating progress bars
- Working with modals, menus, and cards
- Zooming content
- Making a floating action button
- Handling text input and cursors
Skill Level Beginner
Modular UX Design with Photoshopwith Jesse Freeman48m 8s Advanced
1. Microinteraction Fundamentals
2. The Common Gestures
3. Design Patterns
Next steps1m 21s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.