Software tools · UX research

What tools do you use for wireframing ?

Katerina Muradyan PM at Newmanity, love to discover and learn

March 6th, 2017

I've tryed Balsamiq and draw.io but I always come back to old fashioned paper and pencil version. Maybe I miss some great software to do it ?


Thanks

Bryan Shaw GAN Accelerator Director and serial entrepreneur.

March 6th, 2017

I like using Adobe Experience Design CC. I thought it was pretty simple to figure out.

Michael Bennett Engineering skillset with an entrepreneur mindset.

March 6th, 2017

Graph paper and a pencil is for sketches. Once the sketch is complete I will transfer it to a wireframe. A wireframe should reflect more accuracy in proportions, sizing, spacing etc than a sketch but is more time consuming to develop. A sketch is less accurate on details but is faster and provides a great way to visualize ideas and UI concepts.

Tori Breitling Freelance Remote Experience Designer

March 7th, 2017

There are a bunch of 'em, and a lot depends on whether you want an desktop app or web-based tool. The benefits of many of these tools are the libraries of UI elements you get with them, or can download for free. Also, some may allow online collaborating and sharing as well. It all depends on what you need.


Here's a few more noteworthy choices:


Web-based

UXPin

FluidUI

Balsamiq

JustinMind

HotGloo


Desktop

Omnigraffle

Axure

Danilo Cappelli Founder at ThinkersLab.co / Product Manager

March 7th, 2017

Hi Katerina,


If you always come back to paper and pencil I assume that you like sketches, and that's very good. And I recommend to keep prototyping in sketch mode until you need more complex interaction validation.


But in some cases, working in sketch mode is too slow. In those cases I recommend a combination between hand-made drawing and the power of software tools, using a drawing tablet and Illustrator or similar. You still can draw to the velocity of your hands but now you can use copy-paste to scale your prototype faster.


Apologies for my bad english.

I hope this helps you.

---

Johnathan Lightfoot INFORMATION TECHNOLOGY | BOT ARCHITECT | AI

March 7th, 2017

I typically use Balsamiq for quick drafting of wireframes. Fluid UI is nice to use for making really clean presentation ready wireframes. And if you are making an app iRise is great as you are able to not only mock up the app but also present as how the finished product will work. I really like iRise but it does have a little bit of a learning curve to it. But the wireframes are amazing and impressive when you are finished. And when myback is against the wall or I need to quickly get an idea out of my head and on "paper" Visio is my go to tool.


Luke W

March 9th, 2017

We're using https://marvelapp.com/ and very impressed.

Tim Scott

March 9th, 2017

Whiteboard + phone camera. I have an iOS app called Whiteboard Pro that tunes up whiteboard photos. This method allows very efficient communication of function and UX intent without getting wrapped up in tools and polishing things that don't need polishing.

Marc Cowper Founder of Recomazing, Non Executive Director at Fishburners

March 9th, 2017

You can see a dynamically updating list of wireframing tools recommended by startups here https://www.recomazing.com/search/Wireframing

Travis Somerville Bridge between people and technology

March 7th, 2017

I tried several ipad apps - but they were unstable. Too bad, because I resonated well with visual dragging and dropping and linking of pages.


Went back to index card size drawings first (pen / thick marker / paper). Sometimes I even take a video of cutout pieces of paper interactions to get my point across to the developers.


Sometimes I place an index card on a full sheet of paper, only draw the UI on the index card, but notate words and such on the remaining margins of the paper. Works great.

Henry Daas Coach-Approach Strategic Advisor

March 7th, 2017

I use Invisionapp. Interfaces very nicely with Photoshop.