From the course: UXPin for UX Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Create a navigation drawer

Create a navigation drawer - UXPin Tutorial

From the course: UXPin for UX Design

Start my 1-month free trial

Create a navigation drawer

“

- In this project, we're going to create a common design pattern, the side drawer. A side drawer is commonly used for interfaces with smaller screens, as it helps UX designers conserve precious screen real estate. Why a drawer? If you have lots of content, your best bet is the side drawer. It is a UI panel containing a site or mobile app's main navigation destinations. It is commonly used by Android to display multiple links in mobile navigation, and the side drawer reduces UI clutter and prioritizes important navigation destinations. Not to mention, it's super simple to design, and fits most mobile app layouts. Usually hidden from view, the side drawer slides in from the left edge of the screen. It can be swiped with the mouse or a finger, or it can be toggled open or closed with the hamburger icon. Links are presented as multiple line items, one below the other in order of priority. In this example, there is a…

Contents