Your SlideShare is downloading. ×
0
Visual Thinking & the Writing Process<br />CAJ Conference - January 30, 2010 | Loremipsum dolor sit amet, consecteturadipi...
Nam porttitorvelit at felisaccumsan lorem Chief Community Evangelist. Tincidunt abi Vestibulum elitarcu, @ VizThink utrech...
Nuncaccumsanmetusbibendumvelitlobortisvestibulumquissedtortor. Cum sociisnatoquepenatibus et magnisdis parturient montes, ...
How Can it Help?<br />As journalists you take fragments of information and find ways to convey complexity in an understand...
How Can it Help?<br />…visual thinking can help you become more effective at that process.<br />Photo: Matt Callow via Fli...
Dig through these?<br />Photo: Lidal-K via Flickr<br />
Or Reference This?<br />Information all on one page, can easily be referenced & updated as you go<br />
Who here is sitting there thinking “But I can’t draw?”<br />
It’s not about finished artwork<br />
It’s about getting away from the linear flow of your word processor<br />
Tools<br />
Writing Method<br />LIST<br />OUTLINE<br />DRAFT<br />PUBLISH<br />fact<br />idea<br />Loremidea dolor fact met, consectfa...
Visual Method<br />ARTIFACTS<br />MODEL<br />REFINE<br />DISPLAY<br />Inspired by: Marks & Meaning (V.0) by Dave Gray | Sk...
Loremidea dolor fact met, consectfact event elit. Phasellusaliquamidea fact, ac fringillanisl event in. Pellentesquefact f...
A Visual “Alphabet”<br />The basic elements of the visual alphabet are really quite simple.<br />
Simplify<br />But you can create almost anything with them.<br />
Create Artifacts<br />Post-its, Index cards, paper.  Make physical artifacts that you can see, touch and reference<br />
Get Physical<br />Get up, move around, shuffle the artifacts to see what happens<br />
See the whole picture<br />Lay everything out where you can see it, physically move yourself to view it from different ang...
Methods<br />
MindMapping<br />
Maps<br />A map can very quickly convey the necessary information. Writing the same notion out could take many, many words...
Timeline<br />Give your notes context and a timeframe, show how the events relate and effect each other.<br />Sketch: Chan...
Comparison Table<br />Quickly summarize the differences between two or more things. Can be referenced very quickly<br />Sk...
Clustering<br />Discover patterns and relationships in your artifacts. Move them into clusters or categories based on thei...
Models / Systems<br />How do elements related to each other?<br />
Delivery / Publishing<br />Watch for opportunities to tell your stories with visuals that complement your text<br />Photo:...
My Own Process<br />
List / Artifacts<br />
Outline / Model<br />
Draft / Refining<br />
Publish / Delivery<br />
Visual Thinking resources, VizThnkU online courses, free webinars and workshops, local communities<br />VizThink.com<br />
Questions?<br />Thanks for your time!<br />I’ll post slides & links to resources at:<br />http://ryancoleman.ca/CAJ2010<br...
Upcoming SlideShare
Loading in...5
×

Visual Thinking & The Writing Process

25,905

Published on

I delivered this presentation at the Canadian Association of Journalists "Innovate News" conference in Toronto, ON on January 30, 2010. The topic was "Visual Thinking and the Writing Process" and looks at visual techniques that writers could use in brainstorming, gathering information and developing their stories.

Published in: Business, Education, Technology
8 Comments
128 Likes
Statistics
Notes
No Downloads
Views
Total Views
25,905
On Slideshare
0
From Embeds
0
Number of Embeds
84
Actions
Shares
0
Downloads
1,722
Comments
8
Likes
128
Embeds 0
No embeds

No notes for slide
  • http://www.flickr.com/photos/solidal/2867760815/
  • Lay everything out where you can see itPhysically move the elements
  • Lay everything out where you can see itCreate ArtifactsLook for new relationships/structures
  • Brainstorming, Information Gathering and organization
  • http://www.flickr.com/photos/kevinsteinhardt/4179011167/
  • http://www.flickr.com/photos/chanceprojects/3323969624/
  • http://www.flickr.com/photos/dougbelshaw/4244256733/
  • Watch for opportunities for visualization in your workhttp://www.flickr.com/photos/divinemissn/2853125582/
  • Transcript of "Visual Thinking & The Writing Process"

    1. 1. Visual Thinking & the Writing Process<br />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.<br />Nam porttitorvelit at felisaccumsantinciduntryancoleman.ca. Vestibulumelitarcu, pretiumutaliquamsed, vizthink.com. Nuncluctus tempus interdum. Vivamusluctusmetus et risusposuerepellentesque. Suspendissepotenti. Praesenteleifendhendreritenim, ac semperorciegestasnec. Maecenas et mauris at enimadipiscinghendrerit<br />
    2. 2. 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.<br />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.<br />Me.<br />
    3. 3. 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.<br />What is Visual Thinking?<br />Sketch: Dave Gray via Flickr<br />Lorem ipsum dolor sit amet!<br />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<br />
    4. 4. How Can it Help?<br />As journalists you take fragments of information and find ways to convey complexity in an understandable form…<br />Photo: Matt Callow via Flickr<br />
    5. 5. How Can it Help?<br />…visual thinking can help you become more effective at that process.<br />Photo: Matt Callow via Flickr<br />
    6. 6. Dig through these?<br />Photo: Lidal-K via Flickr<br />
    7. 7. Or Reference This?<br />Information all on one page, can easily be referenced & updated as you go<br />
    8. 8. Who here is sitting there thinking “But I can’t draw?”<br />
    9. 9. It’s not about finished artwork<br />
    10. 10. It’s about getting away from the linear flow of your word processor<br />
    11. 11. Tools<br />
    12. 12. Writing Method<br />LIST<br />OUTLINE<br />DRAFT<br />PUBLISH<br />fact<br />idea<br />Loremidea dolor fact met, consectfact event elit. Phasellusaliquamidea fact, ac fringillanisl event in. Pellentesquefact factsodalestincidunt. Idea.<br />event<br />idea<br />fact<br />fact<br />event<br />fact<br />event<br />event<br />fact<br />idea<br />idea<br />event<br />idea<br />idea<br />fact<br />fact<br />fact<br />event<br />Source: Marks & Meaning (V.0) by Dave Gray<br />
    13. 13. Visual Method<br />ARTIFACTS<br />MODEL<br />REFINE<br />DISPLAY<br />Inspired by: Marks & Meaning (V.0) by Dave Gray | Sketch: carey.chiaia | Illustration: Dougbelshaw<br />
    14. 14. Loremidea dolor fact met, consectfact event elit. Phasellusaliquamidea fact, ac fringillanisl event in. Pellentesquefact factsodalestincidunt. Idea.<br />idea<br />event<br />fact<br />fact<br />event<br />idea<br />event<br />fact<br />idea<br />fact<br />fact<br />event<br />event<br />LIST<br />OUTLINE<br />DRAFT<br />PUBLISH<br />event<br />ARTIFACTS<br />MODEL<br />REFINE<br />DISPLAY<br />fact<br />idea<br />idea<br />idea<br />fact<br />fact<br />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.<br />
    15. 15. A Visual “Alphabet”<br />The basic elements of the visual alphabet are really quite simple.<br />
    16. 16. Simplify<br />But you can create almost anything with them.<br />
    17. 17. Create Artifacts<br />Post-its, Index cards, paper. Make physical artifacts that you can see, touch and reference<br />
    18. 18. Get Physical<br />Get up, move around, shuffle the artifacts to see what happens<br />
    19. 19. See the whole picture<br />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?<br />
    20. 20. Methods<br />
    21. 21. MindMapping<br />
    22. 22. Maps<br />A map can very quickly convey the necessary information. Writing the same notion out could take many, many words words<br />Sketch: Kevin Steinhardt<br />
    23. 23. Timeline<br />Give your notes context and a timeframe, show how the events relate and effect each other.<br />Sketch: Chance Projects<br />
    24. 24. Comparison Table<br />Quickly summarize the differences between two or more things. Can be referenced very quickly<br />Sketch: Doug Belshaw<br />
    25. 25. Clustering<br />Discover patterns and relationships in your artifacts. Move them into clusters or categories based on their common ties<br />
    26. 26. Models / Systems<br />How do elements related to each other?<br />
    27. 27. Delivery / Publishing<br />Watch for opportunities to tell your stories with visuals that complement your text<br />Photo: divinemissn<br />
    28. 28. My Own Process<br />
    29. 29. List / Artifacts<br />
    30. 30. Outline / Model<br />
    31. 31. Draft / Refining<br />
    32. 32. Publish / Delivery<br />
    33. 33. Visual Thinking resources, VizThnkU online courses, free webinars and workshops, local communities<br />VizThink.com<br />
    34. 34. Questions?<br />Thanks for your time!<br />I’ll post slides & links to resources at:<br />http://ryancoleman.ca/CAJ2010<br />Ryan Coleman <br />http://ryancoleman.ca<br />Twitter: @ryancoleman<br />CC: Attribution, Non-Commercial, Share-alike<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×