Top wireframing tools
I’m involved with Metro Screen’s MetroAppsLab – a mini hackathon/lab for mobile apps development. Oliver Weidlich of Mobile Experience came in and gave a great presentation on wireframing – a how-to and why.
7 reasons to use wireframes in mobile app design
- To create the skeleton of the application
- To progress sketches to higher fidelity
- To formally plan out the interaction between the screens in more detail and all the functionality
- Investigate different paths
- To use more accurate relative sizing
- To use OS elements
- Create assets for usability testing
While the benefits of wireframing are clear, the decision on what tool to use is a bit more complicated, depending on the systems and preferences of you and your client. The choice of a tool also affects responses from clients and stakeholders. At this stage of the design process it’s important to concentrate on content rather than appearance. It’s too easy to be distracted by the detail of design – size, colour, whether above the fold etc.
In an informal poll over a strong cup of coffee with several digital agencies, Balsamiq is commonly used, but there are a number of others.
Popular cross platform wireframing tools:
- OmniGraffle (Mac exports to Visio and imports – though some issues)
- Photoshop (Cross Platform)
- Axure (Cross Platform) -good for concept prototyping
- Visio (PC)
For usability testing on device
- Field Test App
There are additional free tools such as Mockingbird, Mockflow and Cacoo. And then there’s this tool which converts photos into Digital Wireframes. See the TechCrunch article here:
Which tools do you use? Have you found any cross platform tools you could recommend?