information design: coherent concepts for connected ecologies

56
INFORMATION DESIGN COHERENT CONCEPTS FOR CONNECTED ECOLOGIES HOW Interactive Chicago | October, 21 2014 Andy Fitzgerald | @andybywire

Upload: andy-fitzgerald

Post on 22-Nov-2014

964 views

Category:

Design


0 download

DESCRIPTION

My talk from the 2014 HOW Interactive Design Conferences in Washington DC (September 4) and Chicago (October 21).

TRANSCRIPT

  • 1. INFORMATION DESIGNCOHERENT CONCEPTS FOR CONNECTED ECOLOGIESHOW Interactive Chicago | October, 21 2014Andy Fitzgerald | @andybywire

2. https://medium.com/@cwodtke/towards-a-new-information-architecture-f38b5cc904c0 3. Google fixed search. No one navigates.You dont need IA for software-as-a-servicesites, you need interaction design.You dont need IA.https://medium.com/@cwodtke/towards-a-new-information-architecture-f38b5cc904c0 Christina Wodtke (ironically) 4. The way users get to targetcontent affects whether theyllcontinue looking or not. Hoekman & Spool 5. http://commons.wikimedia.org/wiki/File:Device_pile.jpg 6. INFORMATION DESIGN Structure & Meaning Context & Constraint Articulated Information Design Information Futures 7. STRUCTURE & MEANING 8. The organization ofinformation createsnew information Richard Saul Wurmanhttp://www.amazon.com/Hats-Design-quarterly-Richard-Wurman/dp/B00072ALZ0 9. Arguments are buildingshttps://www.flickr.com/photos/27315689@N00/396440656Arguments are a journey 10. We understand situations and statements interms of our conceptual system; truth for usis always relative to that conceptual system Lakoff & Johnsonhttps://www.flickr.com/photos/27315689@N00/396440656 11. CONTEXT & CONSTRAINT 12. For most sites, explaining the brand offeringsis simply too important to be relegated to asecondary menu Cardello & Whitenton 13. ARTICULATION 14. Stewart Brand The Clock of the Long Now, 1999 15. The fast parts learn, propose, and absorbshocks; the slow parts remember, integrate,and constrain. The fast parts get all theattention. The slow parts have all the power. Stewart BrandStewart Brand The Clock of the Long Now, 1999 16. InterfaceModelConceptCognitionBody 17. articleheading summary teaser bodystandardmini-teaserstandardtab-dividedlongshortlong (SEO)short (SEO)longshort 18. articleheading summary teaser bodystandardmini-teaserstandardtab-dividedlongshortlong (SEO)short (SEO)longshortA model that allows us to write therules necessary to effectivelyarticulate an instance in context 19. ARTICULATED IA1. Define vision (concept)2. Create base taxonomy (model)3. Articulate in context (interface) 20. VISION Informs and guides information design Provides a central point of cohesion The creative brief for your informationdesign 21. VISIONTo inform and empower the UK middle class! 22. VVIISSIIOONN!Connecting and enriching the community 23. TAXONOMY A method of arrangement designed tocreate a particular kind of understanding Creates new meaning with structure The model used to communicate vision 24. TAXONOMY 25. TAXONOMYworld sports culture money environmentregions scores popular region citiesUK people new age regionsAsia leagues people opinion opinionAmericas NFLMid East MBLAfrica NHLEurope NBA 26. TAXONOMYworld sports culture money environmentregions scores popular region citiesUK people new age regionsAsia leagues people opinion opinionAmericas NFLMid East MBLAfrica NHLEurope NBA category 27. world sports culture money environmentAmericas NFLMid East MBLAfrica NHLEurope NBAlocationcategoryTAXONOMYregions scores popular region citiesUK people new age regionsAsia leagues people opinion opinion 28. world sports culture money environmentAmericas NFLMid East MBLAfrica NHLEurope NBAtimelocationcategoryTAXONOMYregions scores popular region citiesUK people new age regionsAsia leagues people opinion opinion 29. world sports culture money environmentAmericas NFLMid East MBLAfrica NHLEurope NBAtimelocationpersonality categoryTAXONOMYregions scores popular region citiesUK people new age regionsAsia leagues people opinion opinion 30. world sports culture money environmentAmericas NFLMid East MBLAfrica NHLEurope NBAtimelocationhierarchypersonality categoryTAXONOMYregions scores popular region citiesUK people new age regionsAsia leagues people opinion opinion 31. by categoryworldsportsculturemoneyenvironmentPutin likens Ukraines forces to Nazisand threatens standoff in the ArcticChelseas Diego Costa seals winover Everton in nine-goal thrillerKaren O: soundtrack of my lifeYou can try to be the nextHemingway for $6000The week in wildlife in picturesopinion The US government can brand you a terrorist based ona Facebook post. We cant let them make up the rules 32. by locationAmericasUKEuropeThe US government can brand you a terrorist based ona Facebook post. We cant let them make up the rulesYou can try to be the nextHemingway for $6000Karen O: soundtrack of my lifeChelseas Diego Costa seals winover Everton in nine-goal thrillerPutin likens Ukraines forces to Nazisand threatens standoff in the ArcticThe week in wildlife in pictures 33. by timedevelopingbreakinglooking aheadKaren O: soundtrack of my lifeThe week in wildlife in picturesChelseas Diego Costa seals winover Everton in nine-goal thrillerThe US government can brand you a terrorist based ona Facebook post. We cant let them make up the rulesYou can try to be the nextHemingway for $6000Putin likens Ukraines forces to Nazisand threatens standoff in the Arctic 34. by personalityartistsathletesleaderspunditsKaren O: soundtrack of my lifeThe week in wildlife in picturesChelseas Diego Costa seals winover Everton in nine-goal thrillerPutin likens Ukraines forces to Nazisand threatens standoff in the ArcticThe US government can brand you a terrorist based ona Facebook post. We cant let them make up the rulesYou can try to be the nextHemingway for $6000 35. by hierarchyPopularChelseas Diego Costa seals winover Everton in nine-goal thrillerPutin likens Ukraines forces to Nazisand threatens standoff in the ArcticThe US government can brand you a terrorist based ona Facebook post. We cant let them make up the rulesKaren O: soundtrack of my lifeThe week in wildlife in picturesYou can try to be the nextHemingway for $6000 36. ARTICULATION Defines breakpoints for an informationmodel Creates coherency across contexts Anticipates future information applications 37. large screenworldsportsculturemoneyenvironmentPutin likens Ukraines forces to Nazisand threatens standoff in the ArcticChelseas Diego Costa seals winover Everton in nine-goal thrillerKaren O: soundtrack of my lifeYou can try to be the nextHemingway for $6000The week in wildlife in picturesopinion The US government can brand you a terrorist based ona Facebook post. We cant let them make up the rules 38. small screenPutin likens Ukraines forces to Nazisand threatens standoff in the ArcticThe week in wildlife in picturesworldAmericastop storiesKaren O: soundtrack of my lifeThe US government can brand you a terrorist based ona Facebook post. We cant let them make up the rulesChelseas Diego Costa seals winover Everton in nine-goal thrillerYou can try to be the nextHemingway for $6000sportsThe week in wildlife in picturesKaren O: soundtrack of my life 39. http://commons.wikimedia.org/wiki/File:Device_pile.jpg 40. INFORMATION FUTURES 41. The designer [] must abandon the conceit ofabsolute control of her medium and seekinstead the abstract understanding of thescientist Lucas, Ballay & McManus 42. We cannot specify an ecology,but nor are we powerless to affectits evolution. Lucas, Bally & McManus 43. Thank You!Andy Fitzgerald@andybywire 44. BOOKS & ARTICLES Trillions. Peter Lucas, Joe Ballay, Mickey McManus. (2012) The Clock of the Long Now. Stuart Brand. (2000) Web Anatomy. Robert Hoekman Jr. & Jared Spool. (2009) Semiotics: The Basics. Daniel Chandler. (2007) Beyond the Brain. Louise Barrett. (2011) Metaphors We Live By. George Lakoff & Mark Johnson. (2003) Content Strategy for Mobile. Karen McGrane. (2012) Killing Off the Global Navigation: One Trend to Avoid. Nielsen NormanGroup. Jennifer Cardello & Kathryn Whitenton. (2014) 4 Reasons Why Apples iBeacon Is About to Disrupt Interaction Design.Wired. Kyle Vanhemert. (2013) The secrets of The Guardian's Responsive Redesign. Creative Bloq. (2014)