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

Prototyping navigation

During the course of this chapter, we'll create several prototypes based on ideas for a social sports app. The application allows you to propose, discover, and coordinate sporting activities with your contacts with the aim of keeping you healthy, while having fun with your friends.

One of the main elements of the app is the list of the available activities for you to join. In this first example, we'll focus on a basic navigation for this process--moving from the list of different activities to the details of one of them.

Download a prototype from [Asset_A6462_A07_A01_Navigation_prototype.zip].

The general steps we'll go through are as follows:

  1. Creating images for each view.
  2. Adding the images to new scenes in a prototype. ...

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