Creative Drive In Workshop: "Crossing Borders with Information Design

1. by Itamar Medeiros Crossing Borders with Information Design

2. Outline §  What is information Design? §  Information Design “Bloopers” §  Structure, Context and Presentation of Data and Information §  Crossing Borders Crossing Borders with Information Design { Crossing Borders with Information Design } You are at: Introduction » Outline

3. Living in China for 7 years (between 2005 and 2012) Shanghai Walking Tours: Nanjing Road

4. Living in China for 7 years (between 2005 and 2012) with my wife, Fabiane Medeiros, I., (2010), Shanghai Walking Tours: The Bund, retrieved 25 October 2011 from http://www."ickr.com/photos/china-designative/5061811354/in/photostream/

5. Latest addition to the family: Caleb Peng Medeiros (2011)

6. Local Coordinator for the Interaction Design Association (ixDA) in Shanghai IxDA, (2010), Facilitating Local Gathering for the Interaction Design Association (IxDA) in Shanghai in An evening of conversation about Design, Interaction, Work and Life with Marc Rettig, retrieved 25 October 2011 from http://www.ixda.org/local/event/25395

7. Chronicler of all things Design, Technology & Culture Medeiros, I., (2006-2011), { design@tive } Thoughts on Design, Technology and Culture, retrieved 18 September 2012 from http://designative.info

8. Chronicler of all things Design, Technology & Culture Medeiros, I. (2010), Visual Communication in China: “You are here” in { design@tive } thoughts on Design, Technology & Culture, retrieved September 1st , 2011 from http://designative.info/2010/11/18/visual-communication-in-china-you-are-here/

9. Chronicler of all things Design, Technology & Culture Medeiros, I. (2010), Chinglish: Toilet Seats in China are “for weak only” in { design@tive } thoughts on Design, Technology & Culture, retrieved September 1st , 2011 from http://designative.info/2010/04/05/chinglish-toilet-seats-in-china-are-for-weak-only/

10. Introduction: Collect / Create / Relate / Donate Collect Learn from previous experiences  Relate Consult with peers and mentors    Create Explore, compose, and evaluate possible solutions Donate Disseminating results Shneiderman, B. (February 1999), Creating Creativity for Everyone: User Interfaces for Supporting Innovation, ACM Transactions on Computer-Human Interaction 7, 1 (March 2000), 114-138. { Crossing Borders with Information Design } You are at: Introduction » Collect / Create / Relate / Donate

11. Information Design is a #eld and approach to designing clear, understandable communications by giving care to structure, context, and presentation of data and information. What is Information Design? Shedro$, N. (1994), Information Interaction Design: A Uni#ed #eld Theory of Design, Nathan.com, retrieved on May 14t, 2013 from http://www.nathan.com/thoughts/uni#ed/uni#ed.pdf { Crossing Borders with Information Design } You are at: Introduction » What is Information Design?

12. Information Design is a #eld and approach to designing clear, understandable communications by giving care to structure, context, and presentation of data and information. What is Information Design? Shedro$, N. (1994), Information Interaction Design: A Uni#ed #eld Theory of Design, Nathan.com, retrieved on May 14t, 2013 from http://www.nathan.com/thoughts/uni#ed/uni#ed.pdf { Crossing Borders with Information Design } You are at: Introduction » What is Information Design?

13. clear information design understandable communications to designing by giving care to of data and information

14. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom

15. Medeiros, I. (2012), Visual Communication in China: “A Single Act of Carelessness Leads to the Eternal Loss of Beauty” in { design@tive } thoughts on Design, Technology & Culture, retrieved May 13th, 2013 from http://designative.info/2011/01/01/visual-communication-in-china-a-single-act-of-carelessness-leads-to-the-eternal- loss-of-beauty/

16. Medeiros, I. (2012), Chinglish: “Take Away Me”? in { design@tive } thoughts on Design, Technology & Culture, retrieved May 13th, 2013 from http://designative.info/2010/07/14/chinglish-take-away-me/

17. Medeiros, I. (2012), Chinglish: “Month Also Know Communications”? In { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2012/04/16/chinglish-month-also-know-communications/

18. Medeiros, I. (2012), Visual Communication in China: “a time sex thing” in { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2011/01/25/visual-communication-in-china-a-time-sex-thing/

19. Medeiros, I. (2012), Visual Communication in China: “Visitors, this way”? in { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2010/05/10/visual-communication-in-china-visitors-this-way/

20. Medeiros, I. (2012), Visual Communication in China: “Push the Button to call for assistance of creepy tentacles” in { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2010/05/17/visual-communication-in-china-push-the-button-to-call-for-assistance-of-creepy-tentacles/

21. Medeiros, I. (2012), Visual Communication in China: “This is a no-car bomb area”! In { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2010/04/24/visual-communication-in-china-this-is-a-no-car-bomb-area/

22. Medeiros, I. (2012), Advertising in China: “Can’t Touch This”! In { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2010/05/31/advertising-in-china-cant-touch-this/

23. Medeiros, I. (2012), Only in China: High-tech Sandwich Men in { design@tive } thoughts on Design, Technology & Culture, retrieved May 15th, 2013 from http://designative.info/2008/12/17/only-in-china-high-tech-sandwich-men/

29. Meeker & Associates (2012), “Clearview HWY®”, Typography and Legibility, retrieved on May 14th, 2013 http://www.meekerdesigns.com/typography-and-legibility/Clearview.php

30. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom

31. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom data knowledge wisdom data knowledge wisdom structure language time / space facts / opinions characters / actors / plot formulas / variables

32. Behrens, C. (2012), Information Design Patterns, niceone.org, retrieved on June 1st, 2010 http://www.niceone.org/infodesignpatterns/index.php5#/home.php5

33. Feltron (2012), Annual Report 2012, retrieved on May 16th, 2013 http://feltron.com/ar12_04.html

34. Google, Inc. (2011), “The Evolution of the Web”, retrieved October 10th 2011 from http://evolutionofweb.appspot.com/

35. McCandless, D., (2009), “Snake Oil? Scienti#c evidence for popular dietary supplements” in The Visual Miscellaneum: A Colorful Guide to the World's Most Consequential Trivia, Harper Design

36. McCandless, D., (2009), “Colors in Culture” in The Visual Miscellaneum: A Colorful Guide to the World's Most Consequential Trivia, Harper Design

37. McCandless, D., (2009), “Left vs Right” in The Visual Miscellaneum: A Colorful Guide to the World's Most Consequential Trivia, Harper Design

38. Turgut, M., (2009), “Elements of my discovery” in FlowingData, retrieved October 10th 2011 from http://"owingdata.com/2011/10/06/picturing-the-creative-process/

39. TED Conferences, LLC, 2011, “David McCandless: The beauty of data visualization”, in TEDGlobal 2010, retrieved on October 10th, 2011, http://www.ted.com/talks/lang/eng/david_mccandless_the_beauty_of_data_visualization.html

43. Medeiros, I. (2012), Lenses and Variables in Philosophy, { design@tive } information design: thoughts on design, technology and culture, retrieved on May 16th, 2013 from http://designative.info/about/philosophy/

47. UXMatters (2005 - 2013), The Value of Customer Journey Maps: A UX Designer’s Personal Journey, retrieved on May 16th, 2013 from http://www.uxmatters.com/mt/archives/2011/09/the-value-of-customer-journey-maps-a-ux-designers-personal-journey.php

48. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom data knowledge wisdom data knowledge wisdom structure language time / space facts / opinions characters / actors / plot formulas / variables

49. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom data knowledge wisdom data knowledge wisdom structure language time / space facts / opinions characters / actors / plot formulas / variables context small / big screens indoors / outdoors casual / formal leisure / professional

51. Nokia (2013), “Nokia City Lens. Discover the city around you”, Nokia Lumia 920, retrieved on May 14th, 2013 from http://www.nokia.com/au-en/products/phone/lumia920/

52. Society for Environmental Graphic Design (2012), “Site Safety Installation”, Design Awards: 2011 Awards, retrieved on May 14th, 2013 http://www.segd.org/design-awards/5264/5287.html#/design-awards/5264/5287.html

59. Society for Environmental Graphic Design (2012), “Battery Point Sculpture Trail”, Design Awards: 2012 Awards, retrieved on May 14th, 2013 http://www.segd.org/design-awards/2012-segd-global-design-awards/5421.html#/design-awards/2012-segd- global-design-awards/5421.html

65. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom data knowledge wisdom data knowledge wisdom structure language time / space facts / opinions characters / actors / plot formulas / variables context small / big screens indoors / outdoors casual / formal leisure / professional

66. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom data knowledge wisdom data knowledge wisdom structure language time / space facts / opinions characters / actors / plot formulas / variables context small / big screens indoors / outdoors casual / formal leisure / professional presentation physical / digital passive / interactive 2D / 3D

67. Web Brands Media Inc. (2012), “Volkswagen Original Parts: Bad part, 1, Ads of the World, http://adsoftheworld.com/media/print/volkswagen_original_parts_bad_part_1

68. Web Brands Media Inc. (2012), “Austria Solar: The Solar Annual Report”Ads of the World, retrieved on May 14th, 2013 http://adsoftheworld.com/media/dm/austria_solar_the_solar_annual_report

69. TEDxBuenosAires (2013), TEDx “Hairdressers”, retrieved on May 14th, 2013 from http://tedxbuenosaires.org/?p=3645

70. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom data knowledge wisdom data knowledge wisdom structure language time / space facts / opinions characters / actors / plot formulas / variables context small / big screens indoors / outdoors casual / formal leisure / professional presentation physical / digital passive / interactive 2D / 3D

71. structure context presentation clarity language time / space facts / opinions characters / actors / plot formulas / variables physical / digital passive / interactive 2D / 3D small / big screens indoors / outdoors casual / formal leisure / professional data knowledge wisdom data knowledge wisdom data knowledge wisdom structure language time / space facts / opinions characters / actors / plot formulas / variables context small / big screens indoors / outdoors casual / formal leisure / professional presentation physical / digital passive / interactive 2D / 3D clarity

79. Here are some of the trends we´re seeing in the #eld of information design: §  Interdisciplinary §  Co-Creation §  Interactive Information Design: Crossing Borders { Crossing Borders with Information Design } You are at: Information Design » Crossing Borders

80. Shedro$, N., 1994, “Uni#ed Field of Theory of Design”, retrieved on July 30th, 2011, http://www.nathan.com/thoughts/uni#ed/19.html

82. Passive Interactive Feedback Control Sophisticated Navigation, High Audience Control Creativity Creation Tools, Creation Help Productivity Productivity Tools, Living Information Communications Adaptivity Arti#cial Intelligence, Agents, etc… Shedro$, N., 1994, “Uni#ed Field of Theory of Design”, retrieved on July 30th, 2011, http://www.nathan.com/thoughts/uni#ed/19.html

84. Visua.ly (2013), Disiplines of User Experience Design, retrieved May 16th, 2013 from http://visual.ly/disciplines-user-experience-design

85. PROUD (2013), The Perfect School Day, retrieved May 16th, 2013 from http://www.proudeurope.eu/list.php?itemID=127ceea2bafa83217813d86465776fb8

86. Apple, Inc. (2012), iMovie for iOS, Cupertino California.

87. Toca Boca (2012), Toca Band for iOS, Stockholm Sweden.

88. Zynga, Inc. (2012), Draw Something Free, iOS, San Francisco California.

89. Toca Boca (2012), Toca Hair Salon for iOS, Stockholm Sweden.

90. Zynga, Inc. (2012), Draw Something Free, iOS, San Francisco California.

91. ConceptShare, Inc. (2011), Online Collaboration Software for Creative Teams | ConceptShare, retrieved 25 September 2012 from http://www.conceptshare.com/

92. Kickstarter, Inc. (2011), Kickstarter, retrieved 25 September 2012 from http://www.kickstarter.com/

93. Brian Solis and JESS3., (2010), Conversation Prism, retrieved August 1st, 2011, http://www.theconversationprism.com/

94. Automattic Inc, (2011), Online survey software - conduct your customer surveys and polls with Polldaddy, retrieved 25 September 2012 from http://polldaddy.com/

95. When it comes to the way we create, edit and communicate messages inside and out of our organizations, how is this approach any di$erent than: §  Graphic Design? §  Advertising? §  Interactive Media? Relate: Let’s think for a moment { Crossing Borders with Information Design } You are at: Relate » Let’s think for a moment

96. Let’s try to map your current product / service / organization characteristics into these 3 (three) areas: 1.  How are you integrating interdisiplinary teams in the shaping of communications inside and out of your organization? 2.  How do you allow your customers to co-create the communications of your organization? 3.  How do you allow your customers to relate their experiences with that of other customers? Crossing Borders: Exercise { Crossing Borders with Information Design } You are at: Create » Crossing Borders: Exercise

97. Why don’t you share (if you can) the aspects of your product / service / organizational structure could bene#t from some of the insights from this talk: 1.  What aspects would you change? 2.  How would that improve from the introduction of information design Itamar Medeiros http://designative.info/ itamar.medeiros@designative.info You can #nd this talk at: http://wp.me/p6F0o-2vg { Crossing Borders with Information Design } You are at: Donate » Disseminating Results Donate: Disseminating Results

Creative Drive In Workshop: "Crossing Borders with Information Design

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

Semelhante a Creative Drive In Workshop: "Crossing Borders with Information Design

Semelhante a Creative Drive In Workshop: "Crossing Borders with Information Design (20)

Mais de Itamar Medeiros

Mais de Itamar Medeiros (20)

Último

Último (20)

Creative Drive In Workshop: "Crossing Borders with Information Design