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

Supporting scroll and navigation

As it is common in many apps, our example app provides different views that users can select through a menu. We'll simulate the navigation across four different views: activities, calendar, contacts, and messages. In order to do that, we shall break those views down into different layers.

Download a prototype from [Asset_A6462_A07_A03-LayerNavigation.zip].
A sketch file with the different views and some common parts available in all of them

After we export the images from sketch, we can combine them into a Hype prototype. We start by placing the common elements--the background layer and the bottom navigation ...

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