• Save
Creative Drive In Workshop: "Crossing Borders with Information Design
Upcoming SlideShare
Loading in...5
×
 

Creative Drive In Workshop: "Crossing Borders with Information Design

on

  • 671 views

This is the presentation I've recently done at the Creative Drive In event in Heerlem, The Netherlands. In this presentation we discuss: ...

This is the presentation I've recently done at the Creative Drive In event in Heerlem, The Netherlands. In this presentation we discuss:

- What is information Design?

- Information Design “Bloopers”

- Structure, Context and Presentation of Data and Information

- Crossing Borders: Information Design and other Communication Disciplines

Statistics

Views

Total Views
671
Views on SlideShare
564
Embed Views
107

Actions

Likes
2
Downloads
0
Comments
0

2 Embeds 107

http://designative.info 105
http://www.designative.info 2

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Creative Drive In Workshop: "Crossing Borders with Information Design Creative Drive In Workshop: "Crossing Borders with Information Design Presentation Transcript

  • by Itamar Medeiros Crossing Borders with Information Design
  • Outline §  What is information Design? §  Information Design “Bloopers” §  Structure, Context and Presentation ofData and Information §  Crossing Borders Crossing Borders with Information Design { Crossing Borders with Information Design }You are at: Introduction » Outline
  • Living in China for 7 years (between 2005 and 2012)Shanghai Walking Tours: Nanjing Road
  • Living in China for 7 years (between 2005 and 2012) with my wife, FabianeMedeiros, I., (2010), Shanghai Walking Tours: The Bund,retrieved 25 October 2011 fromhttp://www."ickr.com/photos/china-designative/5061811354/in/photostream/
  • Latest addition to the family: Caleb Peng Medeiros (2011)
  • Local Coordinator for the Interaction Design Association (ixDA) in ShanghaiIxDA, (2010), Facilitating Local Gathering for the Interaction Design Association(IxDA) in Shanghai in An evening of conversation about Design, Interaction, Work andLife with Marc Rettig, retrieved 25 October 2011 fromhttp://www.ixda.org/local/event/25395
  • Chronicler of all things Design, Technology & CultureMedeiros, I., (2006-2011), { design@tive } Thoughts on Design, Technology and Culture,retrieved 18 September 2012 from http://designative.info
  • Chronicler of all things Design, Technology & CultureMedeiros, I. (2010), Visual Communication in China: “You are here” in{ design@tive } thoughts on Design, Technology & Culture, retrieved September 1st , 2011from http://designative.info/2010/11/18/visual-communication-in-china-you-are-here/
  • Chronicler of all things Design, Technology & CultureMedeiros, I. (2010), Chinglish: Toilet Seats in China are “for weak only” in{ design@tive } thoughts on Design, Technology & Culture, retrieved September 1st , 2011 fromhttp://designative.info/2010/04/05/chinglish-toilet-seats-in-china-are-for-weak-only/
  • Introduction: Collect / Create / Relate / Donate CollectLearn from previousexperiences RelateConsult with peersand mentors CreateExplore, compose, andevaluate possiblesolutions DonateDisseminating results Shneiderman, B. (February 1999), Creating Creativity for Everyone: User Interfaces forSupporting 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
  • Information Design is a #eld and approach todesigning clear, understandable communications bygiving care to structure, context, and presentationof 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?
  • Information Design is a #eld and approach todesigning clear, understandable communications bygiving care to structure, context, and presentationof 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?
  • clearinformation designunderstandablecommunicationsto designingby giving care toof data and information
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdom
  • 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 fromhttp://designative.info/2011/01/01/visual-communication-in-china-a-single-act-of-carelessness-leads-to-the-eternal-loss-of-beauty/
  • 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/
  • 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/
  • 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/
  • 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/
  • 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, 2013from http://designative.info/2010/05/17/visual-communication-in-china-push-the-button-to-call-for-assistance-of-creepy-tentacles/
  • 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, 2013from http://designative.info/2010/04/24/visual-communication-in-china-this-is-a-no-car-bomb-area/
  • 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/
  • 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/
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdom
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdomdata  knowledge  wisdom  dataknowledgewisdomstructurelanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variables
  • Behrens, C. (2012), Information Design Patterns,niceone.org, retrieved on June 1st, 2010 http://www.niceone.org/infodesignpatterns/index.php5#/home.php5
  • Feltron (2012), Annual Report 2012, retrieved on May 16th, 2013 http://feltron.com/ar12_04.html
  • Google, Inc. (2011), “The Evolution of the Web”, retrieved October 10th 2011 fromhttp://evolutionofweb.appspot.com/
  • McCandless, D., (2009), “Snake Oil? Scienti#c evidence for popular dietary supplements” inThe Visual Miscellaneum: A Colorful Guide to the Worlds Most Consequential Trivia, HarperDesign
  • McCandless, D., (2009), “Colors in Culture” inThe Visual Miscellaneum: A Colorful Guide to the Worlds Most Consequential Trivia, HarperDesign
  • McCandless, D., (2009), “Left vs Right” inThe Visual Miscellaneum: A Colorful Guide to the Worlds Most Consequential Trivia, HarperDesign
  • Turgut, M., (2009), “Elements of my discovery” in FlowingData, retrieved October 10th 2011 fromhttp://"owingdata.com/2011/10/06/picturing-the-creative-process/
  • 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
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Medeiros, I. (2012), Lenses and Variables in Philosophy,{ design@tive } information design: thoughts on design, technology and culture, retrieved onMay 16th, 2013 from http://designative.info/about/philosophy/
  • Medeiros, I. (2012), Lenses and Variables in Philosophy,{ design@tive } information design: thoughts on design, technology and culture, retrieved onMay 16th, 2013 from http://designative.info/about/philosophy/
  • Medeiros, I. (2012), Lenses and Variables in Philosophy,{ design@tive } information design: thoughts on design, technology and culture, retrieved onMay 16th, 2013 from http://designative.info/about/philosophy/
  • Medeiros, I. (2012), Lenses and Variables in Philosophy,{ design@tive } information design: thoughts on design, technology and culture, retrieved onMay 16th, 2013 from http://designative.info/about/philosophy/
  • UXMatters (2005 - 2013), The Value of Customer Journey Maps: A UX Designer’s Personal Journey,retrieved on May 16th, 2013 fromhttp://www.uxmatters.com/mt/archives/2011/09/the-value-of-customer-journey-maps-a-ux-designers-personal-journey.php
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdomdata  knowledge  wisdom  dataknowledgewisdomstructurelanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variables
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdomdata  knowledge  wisdom  dataknowledgewisdomstructurelanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablescontextsmall / big screensindoors / outdoorscasual / formalleisure / professional
  • Nokia (2013), “Nokia City Lens. Discover the city around you”,Nokia Lumia 920, retrieved on May 14th, 2013from http://www.nokia.com/au-en/products/phone/lumia920/
  • Society for Environmental Graphic Design (2012), “Site Safety Installation”,Design Awards: 2011 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/5264/5287.html#/design-awards/5264/5287.html
  • Society for Environmental Graphic Design (2012), “Site Safety Installation”,Design Awards: 2011 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/5264/5287.html#/design-awards/5264/5287.html
  • Society for Environmental Graphic Design (2012), “Site Safety Installation”,Design Awards: 2011 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/5264/5287.html#/design-awards/5264/5287.html
  • Society for Environmental Graphic Design (2012), “Site Safety Installation”,Design Awards: 2011 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/5264/5287.html#/design-awards/5264/5287.html
  • Society for Environmental Graphic Design (2012), “Site Safety Installation”,Design Awards: 2011 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/5264/5287.html#/design-awards/5264/5287.html
  • Society for Environmental Graphic Design (2012), “Site Safety Installation”,Design Awards: 2011 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/5264/5287.html#/design-awards/5264/5287.html
  • Society for Environmental Graphic Design (2012), “Battery Point Sculpture Trail”,Design Awards: 2012 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/2012-segd-global-design-awards/5421.html#/design-awards/2012-segd-global-design-awards/5421.html
  • Society for Environmental Graphic Design (2012), “Battery Point Sculpture Trail”,Design Awards: 2012 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/2012-segd-global-design-awards/5421.html#/design-awards/2012-segd-global-design-awards/5421.html
  • Society for Environmental Graphic Design (2012), “Battery Point Sculpture Trail”,Design Awards: 2012 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/2012-segd-global-design-awards/5421.html#/design-awards/2012-segd-global-design-awards/5421.html
  • Society for Environmental Graphic Design (2012), “Battery Point Sculpture Trail”,Design Awards: 2012 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/2012-segd-global-design-awards/5421.html#/design-awards/2012-segd-global-design-awards/5421.html
  • Society for Environmental Graphic Design (2012), “Battery Point Sculpture Trail”,Design Awards: 2012 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/2012-segd-global-design-awards/5421.html#/design-awards/2012-segd-global-design-awards/5421.html
  • Society for Environmental Graphic Design (2012), “Battery Point Sculpture Trail”,Design Awards: 2012 Awards, retrieved on May 14th, 2013http://www.segd.org/design-awards/2012-segd-global-design-awards/5421.html#/design-awards/2012-segd-global-design-awards/5421.html
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdomdata  knowledge  wisdom  dataknowledgewisdomstructurelanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablescontextsmall / big screensindoors / outdoorscasual / formalleisure / professional
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdomdata  knowledge  wisdom  dataknowledgewisdomstructurelanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablescontextsmall / big screensindoors / outdoorscasual / formalleisure / professionalpresentationphysical / digitalpassive / interactive2D / 3D
  • 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
  • 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
  • TEDxBuenosAires (2013), TEDx “Hairdressers”, retrieved on May 14th, 2013from http://tedxbuenosaires.org/?p=3645
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdomdata  knowledge  wisdom  dataknowledgewisdomstructurelanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablescontextsmall / big screensindoors / outdoorscasual / formalleisure / professionalpresentationphysical / digitalpassive / interactive2D / 3D
  • structure context presentationclaritylanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablesphysical / digitalpassive / interactive2D / 3Dsmall / big screensindoors / outdoorscasual / formalleisure / professionaldataknowledgewisdomdata  knowledge  wisdom  dataknowledgewisdomstructurelanguagetime / spacefacts / opinionscharacters / actors / plotformulas / variablescontextsmall / big screensindoors / outdoorscasual / formalleisure / professionalpresentationphysical / digitalpassive / interactive2D / 3Dclarity
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Meeker & Associates (2012), “Clearview HWY®”,Typography and Legibility, retrieved on May 14th, 2013http://www.meekerdesigns.com/typography-and-legibility/Clearview.php
  • Here are some of the trends we´re seeing in the #eldof information design: §  Interdisciplinary §  Co-Creation §  Interactive Information Design: Crossing Borders { Crossing Borders with Information Design }You are at: Information Design » Crossing Borders
  • Shedro$, N., 1994, “Uni#ed Field of Theory of Design”, retrieved on July 30th, 2011, http://www.nathan.com/thoughts/uni#ed/19.html
  • Shedro$, N., 1994, “Uni#ed Field of Theory of Design”, retrieved on July 30th, 2011, http://www.nathan.com/thoughts/uni#ed/19.html
  • 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
  • Shedro$, N., 1994, “Uni#ed Field of Theory of Design”, retrieved on July 30th, 2011, http://www.nathan.com/thoughts/uni#ed/19.html
  • Visua.ly (2013), Disiplines of User Experience Design,retrieved May 16th, 2013 fromhttp://visual.ly/disciplines-user-experience-design
  • PROUD (2013), The Perfect School Day,retrieved May 16th, 2013 fromhttp://www.proudeurope.eu/list.php?itemID=127ceea2bafa83217813d86465776fb8
  • Apple, Inc. (2012), iMovie for iOS, Cupertino California.
  • Toca Boca (2012), Toca Band for iOS, Stockholm Sweden.
  • Zynga, Inc. (2012), Draw Something Free, iOS, San Francisco California.
  • Toca Boca (2012), Toca Hair Salon for iOS, Stockholm Sweden.
  • Zynga, Inc. (2012), Draw Something Free, iOS, San Francisco California.
  • ConceptShare, Inc. (2011), Online Collaboration Software for CreativeTeams | ConceptShare, retrieved 25 September 2012 fromhttp://www.conceptshare.com/
  • Kickstarter, Inc. (2011), Kickstarter, retrieved 25 September 2012 fromhttp://www.kickstarter.com/
  • Brian Solis and JESS3., (2010), Conversation Prism,retrieved August 1st, 2011, http://www.theconversationprism.com/
  • Automattic Inc, (2011), Online survey software - conduct yourcustomer surveys and polls with Polldaddy, retrieved 25 September2012 from http://polldaddy.com/
  • When it comes to the way we create, edit andcommunicate messages inside and out of ourorganizations, 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
  • Let’s try to map your current product / service /organization characteristics into these 3 (three) areas: 1.  How are you integrating interdisiplinary teams inthe shaping of communications inside and out ofyour organization? 2.  How do you allow your customers to co-create thecommunications of your organization? 3.  How do you allow your customers to relate theirexperiences with that of other customers? Crossing Borders:Exercise { Crossing Borders with Information Design }You are at: Create » Crossing Borders: Exercise
  • Why don’t you share (if you can) the aspects of yourproduct / service / organizational structure couldbene#t from some of the insights from this talk: 1.  What aspects would you change? 2.  How would that improve from the introduction ofinformation 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