O'Reilly logo

UX Design for Mobile by Pau Giner, Pablo Perea

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Drawer Navigation Prototype

In this prototype, we will create a drawer menu for our application. We will add some behavior for a FAB button, and we will add a simple example of how to prototype a search functionality to validate our flow. As in the previous tutorial, the first thing you need to follow this tutorial is to download the Sketch file that will be used in the prototype from the Asset_A6462_A08_A22_Drawer_Navigation_Prototype_Designs.zip code bundle. You can also download this tutorial in Framer from the Asset_A6462_A08_A23_Drawer_Navigation_Prototype.framer.zip code bundle.

In this example, all our screens are placed in the same artboard in Sketch, grouped by functional elements. Instead of working with artboards, we will work ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required