User Experience Design · Wireframes

Interactive wireframe tool?

Anita Rajendra Founder & CEO at La Belle Bump

December 8th, 2014

What is your favorite free interactive wireframe tool/program? Thanks.

Corey Blaser

December 8th, 2014

Axure is all about interactivity. It will produce an html version with javascript actions, but don't expect the code to be clean. It is just a mockup tool. And it is by no means free.

Balsamiq is okay for any super quick wireframing that needs to be done. It is drag and drop, no real clickable mockups. But honestly, I prefer Illustrator for any wireframing. And again, not free.

LucidChart is turning out to be a pretty powerful app. It is an online tool and has a lot of capabilities past just wireframing. They do have a free version and an expanded paid version.

But, I believe all of these have free trials you can use to produce something. You just have 30 days to get it all done. :)

H Workman Founder & CEO // Favore Media Group, Inc.

December 8th, 2014

These aren't free, but very inexpensive options:

http://www.justinmind.com/ 
$29/month per user or $19/mo annually 
   
http://www.solidifyapp.com/tour
$19/mo per user 
   
http://www.invisionapp.com
$25/mo for 1 user, $100 for up to 5 users

Rob G

December 8th, 2014

we use LucidChart.  No exhaustive analysis, but it works for us. Cloud bases, free trial, but monthly costs if your wireframes get reasonably sophisticated (over 60 objects as i recall.).  

Emmanuel Straschnov

December 9th, 2014

So this is auto promotion, but we're building Bubble, a visual programming tool (think about it as Visual Basic in the 90s but for the web, and entirely visual). Some our our users have built crowdfunding platforms, marketplaces, etc. It's for web apps (both desktop and mobile).

Our goal is to be more than a prototyping tool, but it's definitely something Bubble can do!

Happy to help if you have questions.

Manish Parekh Director, User Experience Design

December 8th, 2014

Balsamiq is a good option. It lets you have click-through and clickable links to help you navigate within pages and follow links. Interactivity is limited as it is a wireframing tool.


One other option could be to create wireframes in Balsamiq and drop them into InvisionApp for better interactivity and the ability to share designs with other stakeholders.

Anat Baron Entrepreneur, Keynote Speaker, Filmmaker, Disruptor, Problem Solver, Human Sponge and Creative Thinker

December 8th, 2014

We've used InVision for a few years and love it. http://www.invisionapp.com/

Michael Brill Technology startup exec focused on AI-driven products

December 8th, 2014

If you search, you'll find a couple of great, comprehensive threads on this already. 

Tom Maiaroto Full Stack Consultant

December 8th, 2014

Mockflow has been good to me over the years. They have a library with public contributions that contains a bunch of elements to drop on the page and save you time.

Joe Monastiero CEO, Founder nFlate

December 8th, 2014

I like Moqups for quick, relatively standalone wireframing. You can import assets, but you also have a base of assets to start with. Others mentioned are a little more robust, but require more external interactivity.

Joe

Anonymous

December 8th, 2014

Balsamiq works for something really rough and quick.

I've been a big fan of Axure for anything that you actually want to show to people though. You can build interactive prototypes pretty easily and produces something that I wouldn't be embarrassed to show to an investor.