The Right Way to Wireframe, Part 2

Presented by Fred Beecher and Will Evans.

Couldn’t get in to the session I wanted (again!), so I’m at part two of the wireframing extravaganza.

Another example of sketching the interactive flow before actually wireframing (“wireflows”). This is definitely a good concept to take away.

Something I’m thinking about right now, even though it’s not the focus of this presentation, is how important it is to focus on the interactive aspects of a web page. This sounds so obvious, but it’s something I have not done well enough in my own process and in working with stakeholders. (It must be easier for e-commerce organizations to keep interactions front-and-centre in their design process because they are so fundamental to making money. At any rate, the designers presenting here seem to take the centrality of interactions for granted.) In my organization, we seem to spend too much time talking about what we want users to “know” or “realize” rather than what we want them to do.

The presenter is now saying that visual design “is not lipstick” – it is an opportunity to evolve the interactive design. You can, say, move a button to create visual balance, as long as you then test to ensure that the interactive process still works.

Interesting to see how large a role old-fashioned pen, paper, and post-its play in the early stages of the process for all these designers.

Requirements analysis: measure twice, cut once. Stakeholders lie. Users lie. Observation is better than interviewing or surveys.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s