User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am looking for tools that can help me to create UI mockups for different mobile phones such as iPhone, Android and Windows Phone 7 devices. Is there any application that can do this?

share|improve this question

closed as not constructive by JonW May 26 '12 at 20:52

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.If this question can be reworded to fit the rules in the help center, please edit the question.

17 Answers 17

up vote 16 down vote accepted

If you are going to be prototyping for iPhone, there is a very interesting iPhone Mockup tool I found recently.

You might also want to consider the listing provided by this article, it has a lot of stencils and tools on the subject.

share|improve this answer
That's a great tool, Pam! – Rahul Sep 11 '10 at 18:14
I know, right? I found it a couple of days ago while trying to help out some students at my old university with a mobile design project. Found it very neat myself =D – Pam Rdz Sep 11 '10 at 22:33
Thanks for the answer – gyurisc Sep 14 '10 at 8:19

Good question - Balsamiq Mockups may be your best bet. They have iPhone controls built in, and someone has contributed controls for Windows Phone 7. They also have stuff for Nokia platforms, etc. Not sure about Android options here. Keep your eye on Balsamiq's Mockups To Go blog for further contributions from the Balsamiq community.

I also created two lists on Twitter following wireframing and prototyping tools, which you might consider following to see if those companies integrate support for those platforms. Since Windows Phone 7 hasn't launched yet, though, a lot of them haven't moved into that space yet.

share|improve this answer
Those lists are great! – milesmeow Sep 12 '10 at 15:01
Is there a free version of Balsamiq, e.g. a Webbased version – OneWorld Jan 23 '11 at 9:08

Also check out Pencil for Firefox.. and the Android stencils over at the android-ui-utils open source project (blog post here).

I also hear Adobe Fireworks is very good for UI prototyping (apaprently with support for interactive mocks and 9-slice shapes) ... I haven't tried it myself though.

share|improve this answer

There's a dedicated tool for the iPhone (and iPad) which actually runs on the iPhone - Interface.

As Rahul pointed out, Balsamiq is a good choice and Axure also has dedicated libraries (at least for the iPhone - I haven't checked for the rest).

share|improve this answer
The iPhone app sounds really interesting! Thanks! – milesmeow Sep 12 '10 at 14:57

I'd like to add the WireframeSketcher Eclipse plugin to the list. A very nice and easy to use prototyping application that can be used right out of the IDE even by non-programmers.

One nice advantage of WFS is that the screens are saved as XML files, which allows easily storing them in a version control system and diff'ing and merge'ing them to keep changes organized.

While it was initially created for mocking up "normal" applications, some users have contributed mockup components - called "stencils" - for iPad/iPhone/Android apps (see the WFS Mockupgallery).

share|improve this answer

I often use gdocs. Im most flexible with it and Im used to it. I love the way u can share, discuss and collaborate the sketches. See here for example: Two step selection in windows phone 7

share|improve this answer

You can use Fireworks also or you can try and check this app dedicated solely on iPhone and Android for creating of mockups. :)

share|improve this answer

Here is another tool that can help you iPhone Wireframe Kit - Google Docs

share|improve this answer

Also, Please add this tool in your resources.

DesignerVista 4.0 for iPhone, Windows Phone 7 and Android Mobile GUI Mockups

share|improve this answer

I've preferred Fireworks for a long time now, but recently I moved to OmniGraffle (since Fireworks started to get really buggy and slow on my Mac). I've quite happy with the choice so far. Here's some very nice stencils for iPhone and iPad which includes both real graphics and grayscale versions for OmniGraffle.

Typically you start out with grayscale wireframes and add some graphics if really necessary. Personally I work faster with grayscale and it makes the wireframes stick to describing features and navigation, not colors.

share|improve this answer

I tried couple of methods. Comments and links are as follows;

share|improve this answer

I love Cacoo; it's my go-to for simple wire-framing and they have great options for iPhone, Android, etc. I've used other tools, but this has been the best for me, to mock something up before building it myself or with my friends.

share|improve this answer

You see, there are many tools. The right choice always depends on your previous experience and skills and obviously the context of your task. What do you want to show and and to who.

Additionally to the list I can recommend: - if you want to explore all kinds of transitions, check Adobe Catalyst (or Flash) - if you need to create specifications afterwards, the benchmark currently is Axure RP6

Actually, you can use whatever you have, as long as you know what you want to do and who is the audience of your deliverable ;)

share|improve this answer

Cannot add a comment to Rahul's post so I will mention here that Balsamiq's custom mockups site is relocating here and its in a much nicer format than the Posterous site.

@OneWorld you can subscribe to for $12 per month. But you are better off buying the desktop version IMHO.

share|improve this answer

For iPhone / iPad I use the following: App Cooker and iMockups

Both are iPad apps.

share|improve this answer

Axure all the way! I have spent countless hours getting a prototype to work on mobile. The problem with every other program I have used is that they dont handle detailed forms. I had to prototype a workout form on the phone. Axure could handle the form 'remembering' the users choices when bouncing around from screen to screen. (ie: When the user selected 'activity' and they go to the next screen with the list of activitys, they could choose 'Run' and have that bounce them back on the previous screen with 'Run' prefilled. They could then choose the sub-activity, lets say 'treadmill run'. It would then pop me back on the original form screen with 'Run' and 'Treadmill Run' populated on the form.) Some other programs would handle this as a dropdown, but of course this is handled differently on the phone. Axure is the only program that would support this.

There is also a setting in the newer version of the software that allows you to adjust the viewpane of the prototype so that it looks like an actual app on the phone. It supports functions like 'tap' that are mobile functions.

On the site, there is a free trial. There are many widget libraries that are supported, even mobile UI elements.

I HIGHLY recommend this program!

share|improve this answer

You may want to try our tools:

1) Notepad for rapid paper prototyping of iPhone Apps GUI elements are on separated post-its. After prototyping you can take a picture of your design and send it to the UXPin App. It will be auto-converted for digital, fully editable, wireframe.

Picture of UXPin notepad

2) UXPin App - wireframing tool with full live collaboration (people can edit the same prototype in the same time) and ability to recognize paper prototypes from UXPin Notepads. You can wireframe iOS and Android apps. We're thinking about Phone 7. UXPin App screenshot

I don't want it to be just a marketing post so - please remember that Apple itself got nice SDK with great tool XCode 4. You can quickly create UI there using traditional drag&drop method.

I also used to use Axure for both iPhone and Android wireframes.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.