Get our posts emailed to you with our monthly newsletter, subscribe here.

Being able to create rapid prototypes or wireframes of web and mobile apps is crucial for improving efficiency and essentially the end product. Creating wireframes or prototypes will allow you to discuss and amend various different versions of the the project in deeper details with clients, designers and developers without the need to invest hours of staff time creating endless pixel perfect mockups.

Wireframing tools will allow you to create initial mockups of your website or app, this will allow you to quickly create many different variations of the skeleton layout. By doing this you can decide which concept will work best for your requirements, this method has the added bonus of saving countless hours creating various Photoshop mockups.

Prototyping is a little further down the build line compared to wireframing, with prototyping it is common to create a rough working concept of the final wireframe creation. By creating the prototype, clients or yourself can test how the concept functions and how users interact with the interface. Prototyping provides good way to get initial feedback on the overall build and iron out any problems early on in the build.

Hot Gloo

Useful Web Apps For Prototyping and Wireframing

HotGloo is entirely web-based which means you can join forces. Just add your coworkers or clients to your account, assign them as Editors or Reviewers and collaborate together in real-time to get projects done even faster.

Mocking Bird

Useful Web Apps For Prototyping and Wireframing

Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

MockFlow

Useful Web Apps For Prototyping and Wireframing

Design, collaborate user interface concepts for your software and websites.

FluidiA

Useful Web Apps For Prototyping and Wireframing

fluidIA is an emerging agile design tool for prototyping rich user interfaces. The big idea behind this experiment is whether we as interaction designers, IA’s, UX professionals and developers can create our own prototyping tool in an open way.

iPhone Mockup

Useful Web Apps For Prototyping and Wireframing

iPhone Mockup allows you to easily and rapidly create sketches or template based mockups for the iPhone.

Balsamiq

Useful Web Apps For Prototyping and Wireframing

Using Mockups feels like drawing, but because it’s digital, you can tweak and rearrange easily. Teams can come up with a design and iterate over it in real-time in the course of a meeting.

iPlotz

Useful Web Apps For Prototyping and Wireframing

iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications.

PhotoShare

Useful Web Apps For Prototyping and Wireframing

ProtoShare is an easy-to-use, collaborative prototyping tool that helps teams visualize requirements with website wireframes and interactive prototypes while working together in real-time.

Handcraft

Useful Web Apps For Prototyping and Wireframing

Handcraft is a collaborative HTML prototyping tool built for interactivity and precise control.

My.origramy

Useful Web Apps For Prototyping and Wireframing

My.origramy is online service helping you create complex diagrams, schemes, presentations, charts, graphs fast. It uses flash technology to help reach all pluses of vector technique.

Posted by David Martin

David Martin is a WordPress developer & entrepreneur from the UK. He owns DesignWoop, CardDsgn and WhoDesignToday. Catch up with David on Twitter.

One Comment

  1. Thanks for the great list! Just wanted to shamelessly add my own product, Codiqa (http://codiqa.com/).

    Codiqa makes it really easy to prototype mobile apps based on HTML5 and actually use the code it exports. Lots of people are telling us it’s cutting down their development time by a large margin.

    Take care!
    Max

Comments are closed.