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 ...

Get UX Design for Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.