Ditch the Printouts, Prototype Instead

Back in the day, I used to assemble my wireframes and designs into a presentation deck, printed it all out, and then reviewed the work with my team/clients. Many designers still do this today, and it’s a bad habit developed in the agency world where everything is printed out and put up on a board for review. Some folks might not print everything out, but they’ll still view the static screens side-by-side on a computer screen. This might work for designs meant for print, but it’s a lousy way of reviewing product designs meant for devices.

Here’s why.

First, it’s important to view your designs on the actual device they’re intended for. This puts your work into context and in its environment. You get a feel for the tangible things that you don’t get with a print or static screens, for example, if a button is positioned in a location where you can’t easily reach it with your thumb, or how scrolling with your finger feels a lot different than doing it with a mouse on a monitor. This kind of stuff isn’t visible in your designs, but it affects the overall experience.

Second, an interactive prototype gives you a better sense of how the experience flows from one screen to another, in both directions. A proto also allows you to experience the transitions and interactions by actually tapping on stuff, and seeing it react. Paper or static screens don’t offer this feedback. There have been plenty of times when I’m reviewing wireframes in Sketch, and everything looks and feels great, and then I discover issues in the design when actually viewing it as a prototype.

Wireframes and UI designs should be reviewed as a prototype with basic interactions, and on the device they were designed for. The time you usually spend assembling and printing a deck, use it to build a prototype instead. Tools like Invision, Marvel, Atomic and Pixate allow you to create functioning prototypes in minutes. These services also make it really easy to share your work with your team or client, so everyone can view it and add comments.

Why have a single static screen on paper, when you can have your entire user flow, with interactions, on an iPhone. You can’t beat it.

BBDK Launches Luigi Bormioli Site

luigi_bormioli.jpg

My good friend Duane King and his uber-talented crew at BBDK have just launched a stunning new site for Italian glassware company Luigi Bormioli. I personally consider this site to be one of the best sites on the web in terms of design, typography, functionally and usability.

The design is ultra-clean and simple and the great use of white space makes it all feel very elegant and sophisticated. Designed on a simple grid, BBDK was able to create an eye pleasing layout that enhances the gorgeous photography. It’s all topped with a precise use of Gotham and Helvetica. How can you go wrong with those wonderful typefaces?

The site is extremely easy to navigate and the slight transitions and interaction points make the it a joy to use, and work harmoniously with the minimal design. This is an excellent example showing that it’s possible to create an engaging site without the use of Flash. Ian Coyle of Superheroes, who designed and developed the amazing ShopComposition site, worked with BBDK to develop the Bormioli site.

If this site isn’t recognized for it’s brilliance, then there is something really wrong with this world.

You can read more about the project over at Thinking for a Living.