UX/UI tools for Mobile Application Prototyping


This article is provided by The Human Factors Group at AT&T Labs. The Human Factors Group conducts customer research, analysis, design, and user testing to help make AT&T products and services useful and usable for all of our customers.  


Tools for Development


Mobile Application Prototyping Tools

When developing an application, the best thing you can do for your users is make sure the interface is quick, easy to use, and helps users reach their goals. Before developing your app, it is helpful to prototype the user interface and show it to people who might use your app. You will be surprised what you can learn by showing a mockup or prototype to even a few people. Prototyping your app can reduce development time in many instances because you can quickly and easily iterate the user interface.

Below are links to a variety of popular prototyping tools.

Sketching Tools

Low fidelity sketches can be created using pencil and paper. To assist in sketching by hand, you can purchase sketch pads and stencil kits customized for various platforms from sites like UI Stencils and App Sketchbook.

Digital Prototyping Tools

Some software is designed specifically for creating digital prototypes.

  • Balsamiq – low fidelity clickable prototypes for web and mobile
  • Axure – slightly more expensive wireframing and prototyping tool

You can also use image editing, diagramming, and presentation software to easily develop high fidelity visual mockups of user interface flows. Below are templates and stencils for several popular software packages.

Once you have your interface prototyped, show it to a few people. Give them some scenarios to walk through. You can even use printouts of the screen flows and manually change pages for them if you have to. You will learn that prototyping will drastically increase the quality of your application’s interface and help to simultaneously decrease development time.

by Mike
on ‎06.10.2013 03:36 PM

Good article,


I have tryed the prototyping tool done in HTML5 in cloud called NinjaMocka nd it is very good, easy to use and has super sharing possibilities and funcionality to show the client or team work and be able easy to comment. It supports drag and drop from desktop due to HTML5 and it has all elements in vector graphics and ability to import new icons and other elements.


It is fast fri and for what Iwas doing it was just perfect.



by Mike
on ‎06.10.2013 03:37 PM

Forot web: Ninjamock.com



Post a Comment

Sign in is required to comment on this Blog. Not a member? Join Now >
Latest Comments