TAP – how to create prototypes for iPhone/iPad

Now it”s easy gues from UNITiD found a way which can make your wireframes alive on iPad/iPhone.

TAP falls into the category of “Smoke-and-Mirrors”, where technology is used to create the illusion of a working product. With TAP we use the iOS web browser to display what is essentially a mini website with clickable images of the application interface. Having a click-through prototype is not so special in itself. But what makes this tool interesting for designers, is that without any coding, they can make a prototype that:

  • Runs full screen without the default Safari browsers navigation at the top and bottom of the screen.
  • Animates transitions between screens with effects like slide cube, dissolve, flip, pop, slide-up and swap.
  • Supports gestures like swipe left, right, up and down and change orientation of the device.
  • Caches the prototype on the device, so it loads instantly and responds as snappy as a native application.
  • Allows the designer to lay out the whole interface in Adobe Fireworks, a program likely familiar to many designers and to set the rest up through a simple web interface. No coding required.
  • Video playback and animated images can be integrated. A little bit of coding required

Technically, TAP is a library of files containing custom developed PHP and Javascript (JQtouch & JQuery) code that makes the prototype come to life.

Follow this link to see full description.

Tags: , , , ,

Leave a comment