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 user input

Imagine that we want to prototype a search interface. One option to support this interaction would be to show an empty search field that gets filled with some predefined text when the user clicks on it. Since we just need to prototype a particular scenario, we can decide in advance which text to show. However, in some cases, you may need the user to actually type in the search field.

Download a prototype from [Asset_A6462_A07_A06-Input.zip].

The ability to integrate HTML elements into your prototypes is very useful in supporting user text input. To support the search scenario, we'll follow these steps:

  1. Defining the search transitions.
  2. Adding an invisible HTML input field on top of our prototype.
  3. Making the search input ...

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