Using Balsamiq for Information Architecture & Wireframing

· Posted by Leon in Case Studies and tagged , · 1 Comment

Today's champion is Puya Turkiyan. He recently wrote an article on his blog called "Using Balsamiq For Information Architecture & Wireframing". He is an SEO Specialist in the Internet Marketing industry.

In his article, Puya describes how he used Balsamiq Mockups to create a wireframe for his own website. He provides some good tips for getting started as well exporting files for sharing with clients.

He starts by describing the benefit that defining the information architecture prior to starting coding brings.

Anyone that takes IA seriously knows a site without wireframes is like building a house without an architect.

Regarding Mockups, he values the fast learning curve and the speed of creating wireframes in Mockups compared to previous tools he's used:

...these guys really do know what they’re doing and by using their product, I’ve sped up my work process by at least 40%.

One of his tips is to start with the "Window/Dialog" control set to 960px by 1000px for use as a web page template. One of his favorite features is the ability to link mockups together for testing purposes.

I personally always export to PDF and export every page with all elements linked properly.

Q&A with Puya Turkiyan

What interesting trends do you see in your role or industry?

A huge trend I see is how people like myself actually have to show solid numbers for our online marketing efforts. This is why Balsamiq is important for IA. We're getting more involved in the design process, which is another big trend.

What suggestions do you have for someone looking to succeed in your role or industry?

I would suggest that they should really perfect Twitter and follow industry Brands/leaders like Balsamiq, Adobe, Neil Patel, Matt Cutts etc... The education from these guys will beat any university.

What is your favorite Mockups feature?

The linking feature where PDFs are interactive.

What has been your best experience using it?

My best experience has been when my current client realized how important wireframing really is and helped me build along the way.

Do you have any Mockups tips or tricks that you'd like to share?

Save templates so you can save time and reuse them.

Do you have any feature ideas or suggestions for how we can improve our product(s)?

I would love it if Balsamiq gave the option to save templates and have it load quickly. And, of course, export everything in a folder to PDF without actually having them open in Balsamiq. (Editor's note: while we don't provide the ability to apply specific templates on start up, we do offer creation of templates using symbols.)

Thanks, Puya, for sharing your expertise with the community!

Update: Puya has written a new article about wireframing landing pages, which includes 3 free templates in Balsamiq Mockups format.

Do you have a story to share about the awesome things you do with Balsamiq? Send an email to champions@balsamiq.com with your stories or blog posts!


Get the Inside Scoop

We'll send you just one email a month and share a ton of information that you'll get before everyone else. More info about the newsletter here.

We'll never share your email address or spam you.

Leave a Comment

Your email is never published nor shared.

Comments (1)

  1. Bonjour e0 tous,J’ai de9couvert Mockups Hier et honneatement, c’est un outils ge9nial.Il pmreet de faire des maquettes en toute simplicite9 sans avoir de connaissances pousse9es en mode9lisation ou en UML.Il est simple d’utilisation, facile e0 comprendre et e0 prendre en main.Tout coule de source.Je suis actuellement en stage dans une SSII et je suis le premier dans l’entreprise e0 l’utiliser en version De9mo. Mon maeetre de stage a tellement appre9cie9 la vitesse de re9alisation de la maquette et l’ergonomie qu’offre ce soft qu’il m’a demande9 d’en faire une pre9sentation e0 toute l’entreprise pour qu’e9ventuellement, ils puissent s’e9quiper.Je compte l’utiliser e0 titre personnel et professionnel !Voili voilou.