Successfully reported this slideshow.
Your SlideShare is downloading. ×

Visual communication

Upcoming SlideShare
Angel list pitch deck
Angel list pitch deck
Loading in …3

Check these out next

1 of 30 Ad

More Related Content

Similar to Visual communication (20)

More from Phil Robinson (20)


Recently uploaded (20)

Visual communication

  1. 1. Visual Communication: Rich Pictures, Mind Maps and Schemas Phil Robinson 1
  2. 2. Drowning in a Deluge of Words • Internet – 3.6 billion web pages – 89 billion emails sent each day • Print – 130 million books currently exist – 15 million new books published per year – 395 million newspapers each day 2
  3. 3. The Education System • Schools still emphasise the three R’s – Reading – Writing – ‘Rithmetic • They assume pupils already know how to listen and talk • Drawing is something you are either “good at” or not! • Collaboration is called “cheating” 3
  4. 4. The Business World • In the past industry needed clerks… – Reading – Writing – ‘Rithmetic • Now the business world needs collaboration… – Listening – Talking – Drawing 4
  5. 5. Rich Pictures 5
  6. 6. 6
  7. 7. Common Cave Painting Themes Across the World 7
  8. 8. Mayan Hieroglyphics Egyptian 8
  9. 9. Fast Forward to 2013… The “Box and Arrow” Diagram! 9
  10. 10. Fast Forward to 2013… The “Box and Arrow” Diagram! Setup Marshalling Staging Spooler Transform Teardown De-spooler More “stone-age thinking required!! 10
  11. 11. Rich Pictures 11
  12. 12. Building a Visual Vocabulary Organisations People Measures Rules Records Activities Things Places Time 12
  13. 13. Taxi Management System Pickup Location Booking Rules Call Centre Passenger Trip Booking Taxi Driver Drop Off Location Receive Booking Dispatch Taxi 13
  14. 14. Mind Maps 14
  15. 15. Mind Maps Bl Bl ah Bla h Blah Bl ah Rela te topi d cs Bl ah Bl ah Blah Bl ah Blah h h Central topic h la B Blah ah Bl a Bl h Br c an ah Bl a Bl Blah ah Bl Blah Bl ah ar ul t c ir me n C ge h an r a ar Bl Blah Bl ah ah Bl Bl ah Blah Blah h ah Bla Bl ah gr Top ou ic pi ng Bl ah Bla h Bl ah 15
  16. 16. Mind Maps Provide a “Visual Grammar” for Words l ua acy s Vi t er li L Bu il vo vi din ca su g bu al a la ry Cla dia ss gra ms UM a n ds i r g wo n em ni of The yst Sc s ow e he r g on D u ma s ti l s ca busines e du e d e Th d Visual worl Communication e Cav ngs pi Ric i ct h int ps ur pa es ma ic s d w glyph rro Hiero in d a M an Box agrams di 16
  17. 17. Mind Maps More Compact Than Lists Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah 17
  18. 18. L UM a n ds i r g wo n em ni of The yst w Sc s he n ro ge D u io ma t ss s el ducae busine d e Th d Visual worl Communication e Cav ngs pi Ric ct h ti ps ur ain p es ma phics ow rogly nd Hie ar r Mi an d ms Bo x ag ra di Bu il vo vi din ca su g bu al a la ry Cla dia ss gra ms Easier to See the “Big Picture” Mind Maps l ua acy s Vi ter li Compared to the written language, visual communication receives scant attention in the education curriculum. And yet, as as it begins to feel like we are drowning in a deluge of words, pictures and diagrams start to become the better prospect for getting our message across. This session explores the role of visual communication in the business world offering some ideas about how we can improve our skills and communicate more clearly. 18
  19. 19. Mind Maps Great For Collaboration al y su ac Vi ter li Sc he ma s Visual Communication e Cav ngs pi Ric i ct h s int ur p pa es ma ics glyph w nd Hiero arro Mi nd a Box agrams di Bu il vo vi din ca su g bu al a la ry Cla dia ss gra ms L UM a s in rd g wo n em ni of he st ow e T n sy o Dr ug i s at l ines de educ e bus Th d worl 19
  20. 20. Mind Maps Combine With Templates 20
  21. 21. 21
  22. 22. Benefits of Mind Maps • Navigable – – – – Topics can be read randomly rather than sequentially Not necessary to sequence topics Easier to jump from one topic to the next Easier to backtrack to a previous topic • Zoomable – Presents the “big picture” – With the ability to “zoom” in on detail • Holistic – Topics are can be seen in their context – Relationship between topics are easily visible – Encourages insight • Compact – More Compact Than Text – Easier to Restructure and Change 22
  23. 23. 23
  24. 24. Schemas 24
  25. 25. Schemas • Schematic – Represents the elements of a system using abstract, graphic symbols rather than realistic pictures • Symbol – An object that represents, stands for, or suggests an idea, visual image, belief, action, or material entity 25
  26. 26. Visual Literacy • Visual literacy is an important requirement for engineers • In contrast, many IT professionals are visually illiterate! Setup Marshalling Spooler Staging Transform Teardown De-spooler 26
  27. 27. Unified Modelling Language (UML) «artifact» Object Artifact Package Class UML Metamodel Use Case Actor Node Component Visual Grammar Visual Vocabulary 27
  28. 28. UML Class Diagrams Table responsibilities Provide social organisation Support objects constraints {height >= 50 cm} {height <= 1.2 m} {must be stable} Chair organises 0..1 organises 1..* Arranged around {at any instant in time} Arranged around {over time} responsibilities Indicate status 0..* Support people constraints {height >= 40 cm} {height <= 85 cm} 0..* {must be stable} {must be comfortable} Chairs support people, sometimes indicating the status of the person sitting in the chair. Tables support objects and provide social organisation for the people sitting around the table. At any instant in time, one or more chairs may be arranged around a single table. Over time, a chair may be arranged around any number of tables. However, arranging chairs around tables is optional. … 28
  29. 29. 29
  30. 30. Questions 30