Visual Thinking & The Writing Process

Visual Thinking & the Writing Process
CAJ Conference - January 30, 2010 | Loremipsum dolor sit amet, consecteturadipiscingelit. Vestibulum in dui nectellusmattisadipiscing. Quisquevulputateultricesmollis. Aliquamsempermolestiefermentum. Proiniaculis, magna facilisisegestasaliquet, ante tortorvestibulum dui, ut dictum nisl ante sedfelis. Loremipsum dolor sit amet, consecteturadipiscingelit. Vestibulummattisjustoeununcvenenatismollis. Cras ac turpis vitae dolor vestibulumaliquet in vel dui. Duisplacerat, augue non interdumimperdiet, nisleliteleifenddiam, sit ametvulputate nisi loremeueros. Praesentturpis quam, lobortis at molestievel, adipiscing ac est. Praesentutmetusvenenatisliberofermentumplacerat. Morbivelnibh quam. Quisqueipsum lacus, nec, tincidunt a dui Ryan Coleman.
Nam porttitorvelit at felisaccumsantinciduntryancoleman.ca. Vestibulumelitarcu, pretiumutaliquamsed, vizthink.com. Nuncluctus tempus interdum. Vivamusluctusmetus et risusposuerepellentesque. Suspendissepotenti. Praesenteleifendhendreritenim, ac semperorciegestasnec. Maecenas et mauris at enimadipiscinghendrerit

Nam porttitorvelit at felisaccumsan lorem Chief Community Evangelist. Tincidunt abi Vestibulum elitarcu, @ VizThink utrecht dom aliquamsed, pharetravelnulla. Nuncluctustempus luctuser metuset risus al po posuerepellentesque. Suspendissepotenti. PraesentInformation Designer enim, acru semperorci. Maecenas et mauris at enimadipiscinghendreritplacerat at magna. Cras sit ametdiamjusto. Quisque id dolor id nibh Facilitator m tincidunt. Nunc magna ipsum, laoreet et suscipiteu, tempus id lacus. Maecenas egestasrisus vitae sapienposueretempor. Quisquesapienturpis, elementumsedegestas at, imperdiet ac lacus. Morbi in purusleo, vitae interdumleo. Nam mattis, nullasedconsecteturblandit, massaodioeuismodjusto, vitae commodo ante loremvel est. Nullagravidafermentummassa, egetfacilisiserosiaculis et. Nulla nisi nulla, imperdietsedtemportristique, sagittis sit ameteros. Pellentesque habitant morbitristiquesenectus et netus et malesuada fames ac turpisegestas. Suspendisseegeterat nisi, sit ametpharetra lacus.
Quisquefermentumlectus non metusdapibus in tempus magna pretium. Aliquameratvolutpat. Pellentesquefacilisisconguetellus, ac euismod magna sodales sed. Praesent id tellus nisi. Sedfermentumrisus a lorem dictum pretium. Nam sit ametmaurisvehiculaauguemolestieornarevel ac sem. Nullamassaerat, hendreritvelpulvinarultricies, tristique et erat. Utsedscelerisqueneque. In arcudiam, dignissim sit amettristique sit amet, dignissimsedorci. In ultriciesodio sit ametturpisfacilisis a gravidanislvenenatis. Nullamegetleoerat, vitae adipiscinglibero. Aliquamquisfeugiat quam. Nuncconsequat, ipsumutpulvinarpretium, odiosemmolestienunc, quisvolutpatjustoenim id sem. Praesentutmassa dolor, egetdapibus quam. Pellentesquedignissimvenenatisnibh, semperdignissim dolor ornarenec. Curabitur id urna magna.
Me.

Nuncaccumsanmetusbibendumvelitlobortisvestibulumquissedtortor. Cum sociisnatoquepenatibus et magnisdis parturient montes, nasceturridiculus mus. Duis magna orci, gravida a dictum ac, vulputatevellibero. Suspendisseelementum, lacus vitae ornarerhoncus, semaugueposuerenibh, in adipiscingurnaipsumeulectus. Nullam mi augue, dignissim id cursusconsectetur, lobortisuteros. Morbi in odiovelsapienfringillaelementum non velvelit. Sedtristiqueturpisuttortorpulvinar ac dictum loremsodales. Nam auctormolestiemetuseupretium. Vivamussollicitudin, ipsumdignissimpretium tempus, quam diamultricieseros, sit ametluctusmaurismassa non arcu. Vestibulum vitae esttortor, ac rutrum magna. Sedmattisligulalaoreettortortinciduntvelaliquamnequeplacerat. Aliquamrisuslectus, bibendum et imperdiet vitae, mollis vitae est.
What is Visual Thinking?
Sketch: Dave Gray via Flickr
Lorem ipsum dolor sit amet!
Nuncaccumsanmetusbibendumvelitlobortisvestibulumquissedtortor. Cum sociisnatoquepenatibus et magnisdis parturient montes, nasceturridiculus mus. Duis magna orci, gravida a dictum ac, vulputatevellibero. Suspendisseelementum, lacus vitae ornarerhoncus, semaugueposuerenibh, in adipiscingurnaipsumeuLorem ipsum dolor sit amet

How Can it Help?
As journalists you take fragments of information and find ways to convey complexity in an understandable form…
Photo: Matt Callow via Flickr

How Can it Help?
…visual thinking can help you become more effective at that process.
Photo: Matt Callow via Flickr

Dig through these?
Photo: Lidal-K via Flickr

Or Reference This?
Information all on one page, can easily be referenced & updated as you go

Who here is sitting there thinking “But I can’t draw?”

It’s not about finished artwork

It’s about getting away from the linear flow of your word processor

Writing Method
LIST
OUTLINE
DRAFT
PUBLISH
fact
idea
Loremidea dolor fact met, consectfact event elit. Phasellusaliquamidea fact, ac fringillanisl event in. Pellentesquefact factsodalestincidunt. Idea.
event
idea
fact
fact
event
fact
event
event
fact
idea
idea
event
idea
idea
fact
fact
fact
event
Source: Marks & Meaning (V.0) by Dave Gray

Visual Method
ARTIFACTS
MODEL
REFINE
DISPLAY
Inspired by: Marks & Meaning (V.0) by Dave Gray | Sketch: carey.chiaia | Illustration: Dougbelshaw

Loremidea dolor fact met, consectfact event elit. Phasellusaliquamidea fact, ac fringillanisl event in. Pellentesquefact factsodalestincidunt. Idea.
idea
event
fact
fact
event
idea
event
fact
idea
fact
fact
event
event
LIST
OUTLINE
DRAFT
PUBLISH
event
ARTIFACTS
MODEL
REFINE
DISPLAY
fact
idea
idea
idea
fact
fact
The process is actually quite similar – and in the early stages there’s no reason you can’t start at one and move to the other.

A Visual “Alphabet”
The basic elements of the visual alphabet are really quite simple.

Simplify
But you can create almost anything with them.

Create Artifacts
Post-its, Index cards, paper. Make physical artifacts that you can see, touch and reference

Get Physical
Get up, move around, shuffle the artifacts to see what happens

See the whole picture
Lay everything out where you can see it, physically move yourself to view it from different angles. What structures or relationships can you see now?

Methods

MindMapping

Maps
A map can very quickly convey the necessary information. Writing the same notion out could take many, many words words
Sketch: Kevin Steinhardt

Timeline
Give your notes context and a timeframe, show how the events relate and effect each other.
Sketch: Chance Projects

Comparison Table
Quickly summarize the differences between two or more things. Can be referenced very quickly
Sketch: Doug Belshaw

Clustering
Discover patterns and relationships in your artifacts. Move them into clusters or categories based on their common ties

Models / Systems
How do elements related to each other?

Delivery / Publishing
Watch for opportunities to tell your stories with visuals that complement your text
Photo: divinemissn

My Own Process

List / Artifacts

Outline / Model

Draft / Refining

Publish / Delivery

Visual Thinking resources, VizThnkU online courses, free webinars and workshops, local communities
VizThink.com

Questions?
Thanks for your time!
I’ll post slides & links to resources at:
http://ryancoleman.ca/CAJ2010
Ryan Coleman
http://ryancoleman.ca
Twitter: @ryancoleman
CC: Attribution, Non-Commercial, Share-alike

http://vizthink.com	916
http://mappementaliblog.blogspot.com	342
http://ryancoleman.ca	230
http://mappementaliblog.blogspot.it	225
http://www.toolblog.de	196
http://www.visual-mapping.com	185
http://pta7-disertatie10.blogspot.com	139
http://www.slideshare.net	93
http://stalbert.tistory.com	88
http://poste.posterous.com	39
http://dj.jsd.or.kr	30
http://www.scoop.it	23
http://www.danielhoang.com	16
http://web3.c2.cyworld.com	15
http://www.j-source.ca	14
https://courses.smumn.edu	14
http://as-map.com	12
http://nbheritage.blogspot.ca	10
http://paper.li	10
http://scottish-rscs.org.uk	9
http://goodmusicidance.wordpress.com	7
http://work.ryancoleman.ca	7
http://speaking.ryancoleman.ca	6
http://tomi.fr	6
http://visualwhat101.blogspot.com	5
http://www.google.it	4
http://j-source.ca	4
http://translate.googleusercontent.com	4
http://www.blogger.com	4
http://nbheritage.blogspot.com	3
http://pta7-disertatie10.blogspot.in	3
http://mappementaliblog.blogspot.com.br	2
http://mappementaliblog.blogspot.fr	2
http://us-w1.rockmelt.com	2
http://pta7-disertatie10.blogspot.co.uk	2
http://webcache.googleusercontent.com	2
http://www.hanrss.com	2
http://static.slideshare.net	2
http://www.cayuga-cc.edu	2
http://74.125.153.132	1
http://static.slidesharecdn.com	1
http://www.as-map.com	1
http://m.ryancoleman.ca	1
http://bb.dequincyelementary.cpsb.org	1
https://northamptonstg.blackboard.com	1
url_unknown	1
http://pta7-disertatie10.blogspot.com.es	1
http://pta7-disertatie10.blogspot.de	1

Visual Thinking & The Writing Process

by Ryan Coleman | Freelance Information Designer & Facilitator on Jan 30, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

48 Embeds 2,684

Statistics

Visual Thinking & The Writing Process — Presentation Transcript