Creating a Mobile prototype is key to the success of any Mobile App, it helps us iterate our designs and qualify our approach through usability testing.
Things have moved on since the days of Visio and OmniGraffle, we now have a larger variety of tools at our disposal for Wireframing and designing web sites and applications. The likes of Axure, Balsamiq and others help demonstrate the rich interactive behaviour we expect to see in the end product.
When it comes to designing Mobile Apps it's so important to be able to demonstrate how the app will actually behave on the mobile device. We need to see how certain transitions and animations can be tailored to act as waypoints and help enrich the experience.
We've listed a number of useful tools that can be used effectively to prototype your Mobile Apps. These range from simple tools that allow a collection of images to be linked together via tap zones, to more complex applications that help you wireframe a design using a host of native app interfaces.
App Cooker
An iPad app for prototyping iOS apps, this app is a kitbag of tools, From capturing your apps definition statement, Icon creation guides, mock-up creation tools, Price guidance and an App Store submission checklist.
- Prototyping: iOS Apps
- Create: iPad
- View: iPad
- Share: No
- Private share: No
- Capture feedback/comments: No
- Widget library: Yes
- Simulate transitions: No
- Hosted service: No
- Price: £17.99
App in Seconds
Create a simple tap-through from your uploaded images, linking via hotspots
- Prototyping: Mobile Apps
- Create:Via Web interface
- View: Mobile Web
- Share: Yes (via email link)
- Private share: No
- Capture feedback/comments: No
- Widget library: No
- Simulate transitions: Yes
- Hosted service: Yes
- Price: £6.99/Month
Axure
Present your wireframes via AxShare - Mobile Website Tutorial
- Prototyping: Mobile Apps
- Create: Windows or Mac
- View: AxShare
- Share: Yes (Via AxShare)
- Private share: Yes
- Capture feedback/comments: No
- Widget library: Yes
- Simulate transitions: Yes
- Hosted service: No
- Price: £379
Briefs
- Prototyping: iOS Apps
- Create: Via Mac App
- View: App
- Share: Yes via Briefs player app
- Private share: No
- Capture feedback/comments: No
- Widget library: Yes
- Simulate transitions: Yes - Uses real native transitions
- Hosted service: No
- Price: $199 (One off app purchase)
Blueprint
- Prototyping: iOS Apps
- Create: iPad
- View: iOS Blueprint viewer
- Share: Yes (Via DropBox)
- Private share: Yes
- Capture feedback/comments: No
- Widget library: Yes
- Simulate transitions: Yes
- Hosted service: No
- Price: £17.99
Codiqa
This Web app allows you to actually produce the Mobile Web App through a range of pre-designed UI Widgets.
- Prototyping: Mobile Web Apps (Actual app)
- Create: Via web interface
- View: iOS Blueprint viewer
- Share: Yes (via invitation list)
- Private share: Yes
- Capture feedback/comments: No
- Widget library: Yes
- Simulate transitions: Yes
- Hosted service: Yes
- Price: A range of tiered price plans including a 1 Free Project (10MB only)
Dapp
Create mock-ups, generate pdf wireframes and actually export a skeleton Xcode project to start developing from.
- Prototyping: iPhone Apps
- Create: iPad/iPhone
- View: iPad/iPhone
- Share: Yes (via emailed PDF)
- Private share: No
- Capture feedback/comments: No
- Widget library: Yes
- Simulate transitions: Yes
- Hosted service: Yes
- Price: £6.99 or free lite version
Field Test App
Flinto
Flinto strikes the perfect balance between fast prototyping and realism. Prototypes run on iPhone or iPad and can be shared with anyone.
- Prototyping: iPhone Apps
- Share: Yes
- Private share: Yes
- Capture feedback/comments: No
- Widget library: No - You use your own sketches/images
- Simulate transitions: Yes
- Hosted service: Yes
- Price: from $10/month
Fluid
Framer
Framer can help you to quickly build interactions and animations. Built for designers and integrates with Photoshop
iMockups
interface2
invisionapp
irise
justinmind
marvelapp
Turn sketches, wireframes, PSDs and designs into interactive mobile and web prototypes in just a few clicks. Sources assets from Dropbox, allowing for rapid iterations and updates.
mockabilly
origami
Origami is a free toolkit for Quartz Composer — created by the Facebook Design team — that makes interactive design prototyping easy and doesn’t require programming.
protoio
protoshare
prototypes
Protytype
Proty is a tool that allows you to make quick, responsive, interactive wireframes that can be fully customized for designers. It lets you show your clients how things will work, not just how they will look.
realizerapp
mockingbot
Pop App
Paper prototyping made easy - this app is specifically for Paper prototyping, use the app to take pictures of your sketches and scamps and then string them together to make a working mock-up.
- Filed under:
- Mobile
- Mobile
- Mobile Web
- Prototype
- Posted by:
- James Griffin
- Dated:
- July 15, 2012
- Tweet