I’ve been involved in the design world for 15-plus years, and one of the more difficult aspects of this work has always been developing user interface concepts for clients that convey the general concept of the product without getting too mired in the specifics of layout, color and design.
The original practice was to build storyboards: just make them as rough as possible, and flip through them to demonstrate the scope of the product. But as web sites (and later, mobile apps) became more complex), this was no longer a feasible or financially viable way to work.
So a few years ago, I started playing around with a couple different online wireframing and mock-up tools that started springing up around the web. There is one that I’ve found to have particular staying power (and that has helped me and my clients work together quite effectively): FlairBuilder.
While you can get all the nitty-gritty details about FlairBuilder from the product’s site, I’ll summarize what I love about it in a few words:
- It’s intuitive to use, manage projects, import assets and export finished work to and from;
- It’s stable and dependable;
- The feature set has worked for virtually every project I’ve thrown at it, whether large corporate website; spec mobile app; collaborative project; personal effort; anything;
- The collaboration features (as well as the nifty free viewer) allow me and my clients to avoid virtually any platform/browser/environment hassles that would have previously hampered communication and/or approvals in the past;
- The developer is extremely responsive, both in terms of new releases and for support issues (which is all that matters when deadlines are looming);
The company has put a nice video out that demonstrates some of the tool’s best features, which you can watch below. There’s a free trial available, but once you use it you’ll find that the paid version is really priced just right.
- 3 Web App UX Lessons from The Starbucks Wi-Fi System (jasonshah.org)
- Resources for aspiring UX designers | Ryan Brussow (serve4impact.com)
- Integrating UX into the Product Backlog: The User Experience Integration Matrix (tc.eserver.org)
- Strategic UX vs Tactical UX (giffconstable.com)
- UX Booth: Usability Fact vs. Fiction (usabilitycounts.com)
- Wireframing, Prototyping, Mockuping (slideshare.net)
- UX: The New Brand Leaders (johnnyholland.org)
- Wireframing and Prototyping a Mobile App (designmodo.com)
- The Future of User Experience Design (designmodo.com)