Usability
Within
Reach

Results tagged “wireframing”

Tools to Wireframe Your Next Project in 5 Minutes

If you've worked on a web project before, you know the power of wireframing. Distilling your requirements and design ideas to essential components is key to crafting a great UX experience. Here are our favorite tools to create your next wireframes in no time:

GoMockingbird
http://gomockingbird.com
Why we love it:
There is no learning curve with this tool, which is impressive considering how flexible it can be. We love that it is fully web-based, has a customizable grid and all the standard UI elements that you can drop & drag onto your layout. Of all of the tools we've used, it has the best UX for both new and seasoned wireframers.

WireframeSketcher
http://wireframesketcher.com
Why we love it:
If you're comfortable with Adobe Creative Suite, this tool will be intuitive. Within the wireframe builder you can drop & drag stock components, create storyboards and actively link to other pages within the project. We recommend this for those who have more complex information architecture to tackle. A bonus feature is being able to export your wireframes to PDF, HTML, PNG or via a native slideshow.

Balsamiq
http://balsamiq.com
Why we love it:
Beyond the drag & drop functionality, Balsamiq also has a "quick add" function where you can type in (and auto-complete) UI elements to speed up the layout process. You can also add images and "sketch" them to give your wireframes a bit more visual interest if you're ready for mockups.