You are on page 1of 10

Compiled with the assistance of the Tiger University Program of the Estonian Information Technology Foundation

likooli logo

PANTONE 1807 PANTONE Black

ess

Creating High Fidelity Prototypes Recap


Ilya Shmorgun,Valeria Gasik, David Lamas

Mockup
An arrangement of text and pictures to be
printed

A pixel-perfect representation of an systems


user interface

Colors, graphics, UI elements and their


dimensions are set prototype

The foundation for developing a code-based

Example

Dening the Interactions

Tap the Back button

Tap the lecture name Start Tap the Camera button

Tap the Previous tab Tap the Done button Tap the Fri button

Tap the Sat button

Tools
Keynotopia PowerPoint OmniGrafe

Assignment
Create mockups Put them in a state transition diagram Make a clickable prototype