Google Maps UI Design Teardown THE BEST UX DESIGN FOR MANAGEMENT MODALS #uidesign #designtutorial

It’s going to happen. If you’re designing a product, you will have to create a management popup. Make the right choice and skip the popup—use sheets instead!

Sheets are so nice to use because users control the user experience. They can swipe down to close, reference the content behind to remember where they are in the flow, pull up to get more details. All while still having lots of room to add management buttons and additional content.

In this video I break down how Google Maps uses sheets and how it fits into material design system. Then we’ll go rebuild Google Maps together in Figma through a follow along Variables, Components, and Prototyping tutorial.

Find me on socials:

------

Chapters:
0:00 Why Sheets are so good
1:07 Google Maps sheets teardown
6:36 How I use sheets
8:25 Recreating Google Maps
17:15 Prototyping, Variables, and Components

You're Rad ❤️

[userbfg]

4:07 the cut-off of the images is to indicate that there is more content to scroll through. If you would show the white space you talked about than the user might not know that there is more to the sheet than the images. Enjoyed the video tho! I've also started to more with sheets.

[l.b.]

Thanks a lot for this tutorial. Your dedication and effort are truly appreciated, for your content on both TikTok and YouTube has been incredibly useful. I'm happy to see your videos here on YouTube.

[jeremyfultineer]

Do you offer$ any mentorship to UI/UX designers in the Tampa area?