Curated by: Luigi Canali De Rossi
 


Thursday, April 9, 2009

Visual Thinking And Communication Solutions: Look, See, Imagine And Show - The Best Ways To Visually Communicate An Idea

Visual thinking is about leveraging our innate ability to see - both with our eyes and with our mind's eye - in order to discover ideas that are otherwise invisible, develop those ideas quickly and intuitively, and then share those concepts with other people in ways that make them grasp those ideas at a glance.

visual-communication-treasure-map-Peter-Morville-485.jpg
Treasure map by Peter Morville - Download free PDF map now

But which is the most appropriate visual deliverable to use? A flowchart, a diagram, or a wireframe mock-up? Obviously it all depends on what you need to communicate and on who you want to communicate it to as visual communication solutions which may be best under certain conditions, could be totally inappropriate for other situations.

If a visual communicator could see, like on a classy illustrated sushi japanese restaurant menu, all of the visualization routes and solutions available to her, she would be greatly facilitated in choosing, crafting and delivering such a visual message.

User experience guru, Peter Morville, offers in this unique visual resource collection, a wide range of visual thinking and communication solutions, inspiring thoughts and examples, ranging from simple visual stories, to reports, mock-ups, prototypes and concept designs.

 

User Experience Deliverables

by Peter Morville

Peter-Morville-portrait-400.jpg
Peter Morville




Introduction

It's an exhilarating time for the user experience community. Rising awareness of our value plus emerging technologies and transmedia trends have created conditions for a step change in our practice.

As an information architect, I'm enjoying the new challenges immensely, even as they sweep me outside my comfort zone. I've designed social software and rich user interfaces. I've sketched scenarios for the future of mobile search. I've mapped the user experience across channels and applications. And, I've increasingly found myself striving to clarify ideas for folks in the executive suite.

Consequently, I'm rethinking my role, redefining my deliverables, and embracing new forms of interdisciplinary collaboration.

For instance, I've ensnared Jeffery Callender as co-author of Search Patterns, a new book (in process) about design for discovery and the future of search. Together, we're hoping to bring search to life with colorful, compelling stories, maps, and illustrations, which brings us back to deliverables.




Tools for Thinking

Two books have inspired me to think differently about discovery, communication, and design.

First, Made to Stick challenged me to think simple. This book reveals the power of short phrases and surprising, personal stories to change minds and shape memories:

"Proverbs are the Holy Grail of simplicity. Coming up with a short, compact phrase is easy. Anybody can do it.

On the other hand, coming up with a profound compact phrase is incredibly difficult [yet] enduringly powerful.

We need to open gaps before we close them. Our tendency is to tell people the facts. First, though, they must realize that they need these facts.

This realization - that empathy emerges from the particular rather than the pattern - brings us back full circle to the Mother Teresa quote: "If I look at the mass, I will never act. If I look at the one, I will."

The story's power, then, is twofold: It provides simulation (knowledge about how to act) and inspiration (motivation to act)."

Second, The Back of the Napkin encouraged me to think visual.

This book shows how sketching can help us discover and sell ideas: Visual thinking means taking advantage of our innate ability to see - both with our eyes and with our mind's eye - in order to discover ideas that are otherwise invisible, develop those ideas quickly and intuitively, and then share those ideas with other people in a way that they simply "get."

These two books are gems, and yet their simple ideas are surprisingly difficult to apply.

Making things easy is hard. But, for our projects and our book, we're convinced it's worth the effort. So, building on Dan's garage-sale principle: "everything looks different when we can see it all at once," Jeff and I have begun collecting user experience deliverables, and laying them all out, so we can look, see, imagine, and show.

 

The Deliverables

This list describes twenty user experience deliverables with links to relevant resources and examples.

Clearly, these artifacts of the process are not the whole story. We must also think about the relationship between goals, methods, and documents. And yet, for many of us, deliverables are the coin of the realm and merit special attention.





1. Stories

visual-communication-stories-stockxpertcom_id2021301-225.jpg

A good story about a user's experience can help people to see the problem (or opportunity), motivate people to take action, and stick in people's memories long after we're gone.

 



2. Proverbs

visual-communication-proverbs-stockxpertcom_id36869141-215.jpg

High-concept pitches, generative analogies, and experience strategies invoke existing schemas to put the world in a wardrobe.

 



3. Personas

visual-communication-personas-stockxpertcom_id5574811-190.jpg

Portraits and profiles of user types (and their goals and behaviors) remind us all that "you are not the user" and serve as an invaluable compass for design and development.

 



4. Scenarios

visual-communication-scenario-stockxpertcom_id33936741-315.jpg

Positioning personas in natural contexts gets us thinking about how a system fits the lives of real people.

 



5. Content Inventories

visual-communication-content-inventory-stockxpertcom_id12397131-220.jpg

Reviewing and describing documents and objects is a prerequisite to effective structure and organization. The artifact (often a spreadsheet) is a sign of due diligence.

 



6. Analytics

visual-communication-analytics-stockxpertcom_id21708421-310.jpg

We learn by wallowing in interaction, search, and navigation data. And, we teach by uncovering and charting the most pivotal landmarks, portals, paths, and patterns.

 



7. User Surveys

visual-communication-user-surveys-stockxpertcom_id32357821-210.jpg

Asking the same questions of many users across multiple audiences can reveal existing gaps and common needs, and show how they map to customer satisfaction.

 



8. Concept Maps

visual-communication-Concept-Map-web.gif

In the territory of concepts, a good map can help us see where we are and decide what to do by establishing landmarks, clarifying relationships, and identifying true north.

 



9. System Maps

visual-communication-Conceptmap-from-Wikipedia-330.gif

A visual representation of objects and relationships within a system can aid understanding and finding for both stakeholders and users. Shift gears from "as-is" to "to-be" and you have a blueprint for structural redesign.

 



10. Process Flows

visual-communication-process-flow-stockxpertcom_id28344741-205.jpg

How do users move through a system? How can we improve these flows? A symbolic depiction can enlighten desire lines and show the benefits of (less) chosen paths.

 



11. Wireframes

visual-communication-wireframe-by-rohdesign-2609283241_1fd544b0b7-235.jpg

Sketches of pages and screens can focus us on structure, organization, navigation, and interaction before investing time and attention in color, typography, and image.

 



12. Storyboards

visual-communication-storyboard-by-mesolimbo-148028871_1cff5336d8-275.jpg

A series of sketches with narrative displayed in sequence can tell a story and paint a picture by showing interaction between users and systems in context over time.

 



13. Concept Designs

visual-communication-design-concept-310039863_d270daa9f9-355.jpg

Interface designs and composite art invoke an emotional response and capture people's attention by presenting a high-fidelity image of how the product could look.

 



14. Prototypes

visual-communication-prototype-wheel-stockxpertcom_id20999071-205.jpg

From paper prototypes to pre-alpha software and hardware, working models drive rapid iteration and emotional engagement by showing how a product will look and feel.

 



15. Narrative Reports

visual-communication-narrative-stockxpertcom_id118350-310.jpg

Writing is a great tool for thinking and organizing. And, it's hard to beat a written report for presenting detailed results and analysis or formal recommendations. Reports can serve as a container for most other deliverables.

 



16. Presentations

As the lingua franca of business, slideshows (and videos) can be great for telling a story or painting a picture. They can also be dead boring, unless you present in person, hit the highlights, and beware the bullets. Presentations can serve as a container for most other deliverables.

 



17. Plans

visual-communication-plan-stockxpertcom_id4751371-355.jpg

Project plans, roadmaps, and schedules guide design and development activity by clarifying roles and responsibilities.

 



18. Specifications

visual-communication-specification-stockxpertcom_id15184901-210.jpg

An explicit set of requirements describing the behavior or function of a system is often a necessary element in the transition from design to development.

 



19. Style Guides

visual-communication-webstyle-guide-225.jpg

A manual that defines a set of standards for identity, design, and writing can promote clarity and consistency.

 



20. Design Patterns

visual-communication-pattern-stockxpertcom_id28628151-225.jpg

A pattern library that shows repeatable solutions to common problems can describe best practices, encourage sharing and reuse, and promote consistency.


 


Organizing the Deliverables

Of course, compiling a list is only the first step. For each project, we must strive for the optimal mix. Since our deliverables resist a taxonomy, asking questions may help derive their folksonomy.

  • Audience. Who must you reach?
  • Content. What is the message?
  • Context. Where is the conversation?
  • Process. When is the message?
  • Problem. Why are you communicating?



And, the questions never end. Should your argument be simple or elaborate? Quantitative or qualitative? We can organize and describe these deliverables until the end of time. We've made a start.

Perhaps you can help.

Will you tag a few in our collection on Flickr?

 

Treasure Map

If you've made it this far, you deserve a reward. That's a lot of words about a lot of deliverables. And, that's the problem. It's hard to find the best trees when we can't see the forest. So, we often fall back on old habits. We churn out wireframes when a story may be worth its weight in gold.

Some great visual deliverables stay hidden in plain sight. That's why we have created this treasure map for our wall (and yours).

visual-communication-treasure-map-Peter-Morville-200.jpg

Download now - The User Experience Treasure Map

Good luck exploring! And, please let us know what you discover!

 

Originally written by Peter Morville and first published on January 27th 2009 as "User Experience Deliverables"



Photo credits:
Stories - Akhilesh
Scenarios - Jeffrey Banke
Proverbs - V Rybakov
Personas - Mr Pants
User Surveys - Subtik
Content Inventory - Janaka Dharmasena
Analytics - Vlad Susoy
System Map - Vicwood40 - Wikipedia
Concept Maps - College of Agriculture and Life Sciences
Narrative Stories - John Carleton
Wireframes - Mike Roh
Storyboards - Al Bar
Concept Design - Leonard Low
Process Flows - Chad McDermott
Prototype - Irina Tischenko
Specifications - Andrey Anoshkin
Plans - Franck Ito
Style Guides - Patrick Lynch and Sarah Horton - Amazon
Patterns - Lang Yan

Peter Morville -
Reference: Semantic Studios [ Read more ]
 
 
 
Readers' Comments    
blog comments powered by Disqus
 
posted by Daniele Bazzano on Thursday, April 9 2009, updated on Wednesday, July 6 2011


Search this site for more with 

  •  

     

     

     

     

    14849




     
     




    Curated by


    Publisher

    MasterNewMedia.org
    New media explorer
    Communication designer

     

    POP Newsletter

    Robin Good's Newsletter for Professional Online Publishers  

    Name:
    Email:

     

     
    Real Time Web Analytics