Visual Thinking & the Writing ProcessCAJ 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 FlickrLorem 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
Tools
Writing MethodLISTOUTLINEDRAFTPUBLISHfactideaLoremidea dolor fact met, consectfact event elit. Phasellusaliquamidea fact, ac fringillanisl event in. Pellentesquefact factsodalestincidunt. Idea.eventideafactfacteventfacteventeventfactideaideaeventideaideafactfactfacteventSource: Marks & Meaning (V.0) by Dave Gray
Visual MethodARTIFACTSMODELREFINEDISPLAYInspired 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.ideaeventfactfacteventideaeventfactideafactfacteventeventLISTOUTLINEDRAFTPUBLISHeventARTIFACTSMODELREFINEDISPLAYfactideaideaideafactfactThe 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.
SimplifyBut you can create almost anything with them.
Create ArtifactsPost-its, Index cards, paper.  Make physical artifacts that you can see, touch and reference
Get PhysicalGet up, move around, shuffle the artifacts to see what happens
See the whole pictureLay 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
MapsA map can very quickly convey the necessary information. Writing the same notion out could take many, many words wordsSketch: Kevin Steinhardt
TimelineGive your notes context and a timeframe, show how the events relate and effect each other.Sketch: Chance Projects
Comparison TableQuickly summarize the differences between two or more things. Can be referenced very quicklySketch: Doug Belshaw
ClusteringDiscover patterns and relationships in your artifacts. Move them into clusters or categories based on their common ties
Models / SystemsHow do elements related to each other?
Delivery / PublishingWatch for opportunities to tell your stories with visuals that complement your textPhoto: divinemissn
My Own Process
List / Artifacts
Outline / Model
Draft / Refining
Publish / Delivery
Visual Thinking resources, VizThnkU online courses, free webinars and workshops, local communitiesVizThink.com
Questions?Thanks for your time!I’ll post slides & links to resources at:http://ryancoleman.ca/CAJ2010Ryan Coleman http://ryancoleman.caTwitter: @ryancolemanCC: Attribution, Non-Commercial, Share-alike

Visual Thinking & The Writing Process

  • 1.
    Visual Thinking &the Writing ProcessCAJ 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
  • 2.
    Nam porttitorvelit atfelisaccumsan 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.
  • 3.
    Nuncaccumsanmetusbibendumvelitlobortisvestibulumquissedtortor. Cum sociisnatoquepenatibuset 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 FlickrLorem 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
  • 4.
    How Can itHelp?As journalists you take fragments of information and find ways to convey complexity in an understandable form…Photo: Matt Callow via Flickr
  • 5.
    How Can itHelp?…visual thinking can help you become more effective at that process.Photo: Matt Callow via Flickr
  • 6.
    Dig through these?Photo:Lidal-K via Flickr
  • 7.
    Or Reference This?Informationall on one page, can easily be referenced & updated as you go
  • 8.
    Who here issitting there thinking “But I can’t draw?”
  • 9.
    It’s not aboutfinished artwork
  • 10.
    It’s about gettingaway from the linear flow of your word processor
  • 11.
  • 12.
    Writing MethodLISTOUTLINEDRAFTPUBLISHfactideaLoremidea dolorfact met, consectfact event elit. Phasellusaliquamidea fact, ac fringillanisl event in. Pellentesquefact factsodalestincidunt. Idea.eventideafactfacteventfacteventeventfactideaideaeventideaideafactfactfacteventSource: Marks & Meaning (V.0) by Dave Gray
  • 13.
    Visual MethodARTIFACTSMODELREFINEDISPLAYInspired by:Marks & Meaning (V.0) by Dave Gray | Sketch: carey.chiaia | Illustration: Dougbelshaw
  • 14.
    Loremidea dolor factmet, consectfact event elit. Phasellusaliquamidea fact, ac fringillanisl event in. Pellentesquefact factsodalestincidunt. Idea.ideaeventfactfacteventideaeventfactideafactfacteventeventLISTOUTLINEDRAFTPUBLISHeventARTIFACTSMODELREFINEDISPLAYfactideaideaideafactfactThe 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.
  • 15.
    A Visual “Alphabet”Thebasic elements of the visual alphabet are really quite simple.
  • 16.
    SimplifyBut you cancreate almost anything with them.
  • 17.
    Create ArtifactsPost-its, Indexcards, paper. Make physical artifacts that you can see, touch and reference
  • 18.
    Get PhysicalGet up,move around, shuffle the artifacts to see what happens
  • 19.
    See the wholepictureLay everything out where you can see it, physically move yourself to view it from different angles. What structures or relationships can you see now?
  • 20.
  • 21.
  • 22.
    MapsA map canvery quickly convey the necessary information. Writing the same notion out could take many, many words wordsSketch: Kevin Steinhardt
  • 23.
    TimelineGive your notescontext and a timeframe, show how the events relate and effect each other.Sketch: Chance Projects
  • 24.
    Comparison TableQuickly summarizethe differences between two or more things. Can be referenced very quicklySketch: Doug Belshaw
  • 25.
    ClusteringDiscover patterns andrelationships in your artifacts. Move them into clusters or categories based on their common ties
  • 26.
    Models / SystemsHowdo elements related to each other?
  • 27.
    Delivery / PublishingWatchfor opportunities to tell your stories with visuals that complement your textPhoto: divinemissn
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
    Visual Thinking resources,VizThnkU online courses, free webinars and workshops, local communitiesVizThink.com
  • 34.
    Questions?Thanks for yourtime!I’ll post slides & links to resources at:http://ryancoleman.ca/CAJ2010Ryan Coleman http://ryancoleman.caTwitter: @ryancolemanCC: Attribution, Non-Commercial, Share-alike

Editor's Notes

  • #7 http://www.flickr.com/photos/solidal/2867760815/
  • #19 Lay everything out where you can see itPhysically move the elements
  • #20 Lay everything out where you can see itCreate ArtifactsLook for new relationships/structures
  • #22 Brainstorming, Information Gathering and organization
  • #23 http://www.flickr.com/photos/kevinsteinhardt/4179011167/
  • #24 http://www.flickr.com/photos/chanceprojects/3323969624/
  • #25 http://www.flickr.com/photos/dougbelshaw/4244256733/
  • #28 Watch for opportunities for visualization in your workhttp://www.flickr.com/photos/divinemissn/2853125582/