It’s important for designers to translate the ideas in their heads into a tangible form that stakeholders can relate to. Prior to writing any code, wireframes are a great way to quickly map out the functionality and flow of a website or application. This helps anticipate conflicts (“That's not what I had in mind") early in the process, at a point where they are painless to correct.

Dedicated wireframing tools are in abundance, so you might be surprised that my weapon of choice for sketching wireframes is Microsoft PowerPoint. PowerPoint makes it possible for stakeholders and non-techies to participate in the design process. When exchanging PowerPoint slides over email, you can be fairly certain everyone will be able to view and edit them. The software’s widespread availability and low barrier to entry make it an excellent communication tool, able to bridge the gap between developers, designers, and clients.

Example Wireframe

February 02, 2012
PowerMockup turns PowerPoint into a design tool for creating wireframe prototypes of desktop and web applications. It provides ready-to-use templates for the typical elements of an application: buttons, text boxes, menus, tabs, tables, and much more. These templates make it easy to mock up screen designs and iterate over them until they fit and can be implemented in code.
December 30, 2011
WireframeSketcher is a software tool that helps product managers, designers and developers quickly create wireframes, mockups and prototypes for desktop, web and mobile applications. It comes both as standalone desktop software and a plug-in for any Eclipse IDE. It’s cross-platform and has a native and fast GUI on Windows, Mac OS X and Linux.
November 21, 2011

The design team at Yahoo! Mail just launched a beta version of their redesign for 273 million worldwide users—more users than Gmail and Hotmail combined.

Start-to-launch, they completed the redesign the Yahoo! Mail web app and native app versions for iPhone, iPad, and Android, and additional devices in about eight months, and it all had to work in a few dozen languages.

The changes were more than just cosmetic; to improve performance, they rebuilt the app from the ground up. By anyone’s standards, this is pretty darn fast to get a major redesign out the door.

November 12, 2010
Design in art, is a recognition of the relation between various things, various elements in the creative flux. You can’t invent a design. You recognize it, in the fourth dimension. That is, with your blood and your bones, as well as with your eyes.
     - D.H. Lawrence

In designing mostly interactive systems (spaces, processes, and artifacts for people to use), I must increasingly stretch the limits of communication tools to explore and document what it will be like to interact with the things I create. Artifacts used in communicating design create an inherent frame of experience between the subjective response of the person for whom I design, and my expectations of their response. There is a divergence of meaning in that the audience can only experience the communications artifact, not the object being communicated.

Will Evans sketching

June 24, 2010
A picture is worth a thousand words. An interface is worth a thousand pictures.
April 29, 2010

As much as we want all projects to have exhaustive requirements gathering, user research, and UX design phases, the reality is that UX professionals are often asked to accomplish a lot with very little time or resources. This means we frequently have to get creative about how we can focus and speed up our work to deliver strong results within the constraints we’re given.

I’d like to share an example of a recent project I had to design an online dashboard that would manage land and investment properties across the world. By maintaining focus on a strong, close working relationship with my client, we were able to get rapid results that the client and I were both happy with.

As is the case with most projects, resources were tight and time was limited. From prior focus groups, the project was handed to me with some meeting notes, various images and logos, and wireframes. But the overall process, client expectations, and user needs were still very unclear.

April 23, 2010

More than a year ago I very proudly announced that Boxee, the much-loved social media center software company, had hired me as the user experience designer for their beta. In the five months that I worked with them, I conducted user interviews and usability testing to identify people's needs, behaviors and frustrations, and redesigned the app's navigation and key screens.

Earlier this month the Boxee beta was released, and the consensus so far is that the overall experience is a huge improvement over the alpha. While I have not been formally engaged with Boxee since May (such is the life of an independent consultant), I am incredibly pleased to see that many of my ideas were implemented and made all the better by Boxee's small but outstanding team of visual designers and developers.

March 02, 2010

As a follow-up to this post about how Chris Neale uses stop motion techniques to animate paper prototypes, Chris has just announced the release of The Anitomizer, a free stop-motion animation tool.

Check it out…

December 12, 2009

Here (video) is a really novel approach to paper prototyping by Chris Neale.

Love the combination of low-fi media with hi-fi communication efficacy. Check out Chris' site for an extended discussion of animating paper prototypes. It's particularly impressive that this type of animation apparently only takes 15 minutes to produce. I've used Flash and OmniGraffle Professional to do the same thing and it took a heck of a lot longer than 15 minutes.

December 10, 2009