Ubiquitous IA
Download as PPTX, PDF10 likes1,531 views
1. Information architecture involves structuring information environments like websites and intranets through organization, labeling, search, and navigation to support usability and findability. It is an emerging discipline focused on applying design and architecture principles to the digital landscape. 2. A cross-channel strategy is needed to address fragmentation across sites, domains, and identities. This ensures coherence across platforms, devices, media while balancing consistency and optimization. 3. Ubiquitous information architecture (IA) considers intertwined physical and digital experiences across diverse channels using sensors and mobile technologies. It frames IA beyond websites to include ambient, ubiquitous experiences.
Ubiquitous IA
- 1. 1Ubiquitous IACross-Channel StrategyPeter Morville, IUE 2011
- 2. 2
- 3. 3
- 4. 4
- 5. 5#dtdt
- 6. 6ArchitectureDesignTechnologyInformation Architecture: It’s What You Do First.
- 7. 7Polar Bear IAin•for•ma•tion ar•chi•tec•turen.The structural design of shared information environments.
- 8. The combination of organization, labeling, search, and navigation systems in web sites and intranets.
- 9. The art and science of shaping information products and experiences to support usability and findability.
- 10. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.8
- 11. 9On the Web, the signis the path, the map is the territory.
- 12. 10STRUCTURESTRATEGYIAWhat architects do for buildings, we do for…
- 13. 11FramingClassic Information Architecture (Polar Bear). Web Strategy (Web, Mobile, Social). Cross-Channel Strategy (Physical, Digital). Ubiquitous IA (Intertwingularity)..
- 14. 12The Library of Congress“To further the progress of knowledge and creativity.”.
- 15. FragmentationFragmentation into multiple sites, domains, and identities is clearly a major problem. Users don’t know which site to visit for which purpose.FindabilityUsers can’t find what they need from the home page, but most users don’t come through the front door. They enter via a web search or a deep link, and are confused by what they find. Even worse, most never use the Library, because its resources aren’t easily findable.
- 16. 14Visual Thinking Unwritten Rule #1 “Whoever best describes a problem is the person most likely to solve the problem.…or, whoever draws the best picture gets the funding.”
- 17. 15Web StrategyOne LibraryCore AreasNetwork Intelligence
- 18. 16
- 19. 17Search is a Complex, Adaptive SystemSource: Search Patterns (2010)
- 21. Search
- 22. Object
- 23. Set
- 25. Starting Point19
- 26. 20
- 27. 21
- 28. 22Desire Paths
- 29. 23
- 30. 24
- 31. 25
- 32. 26Modes of Information SeekingMarcia Bates, UCLA (2002)“We absorb perhaps 80 percent of all our knowledge through simply being aware in our social context and physical environment.”
- 33. 27
- 34. 28“Information is blurring the lines between products and services to create multi-channel, cross-platform, trans-media, physico-digital user experiences.” Peter Morville“People keep pretending they can make things deeply hierarchical, categorizable, and sequential when they can’t. Everything is deeply intertwingled.” Ted Nelson
- 35. 29World’s Best Information ArchitectSource: Subject to Change (2008)
- 37. 31
- 41. 35Cross-Channel StrategyComposition multi- or cross-channel; mix of platforms, devices, media; coherenceConsistency brand, features, organization, interaction balanced against value of optimizationConnection links, tags, signs, maps; call to actionContinuity bookmark, resume playback, flowContext personal, social, location, time, taskConflict identify/resolve, org chart, free-ridinghttp://findability.org/archives/000652.php
- 42. 36Adapted from Cross-Platform Service User Experienceportal.acm.org/citation.cfm?id=1851637
- 43. 37Craft beautiful designs that deliver a quality experienceto your users no matter how large (or small) their display.Fluid GridsFlexible ImagesMedia Queries
- 44. 38
- 45. 39Why Separate Mobile & Desktop Web Pages at Bagcheck?With a dual template system, we were able to optimize:Source OrderMedia (Speed, Quality, Interaction)URL StructureApplication DesignNavigation at TopNavigation at Bottom
- 46. 40Why Separate Mobile & Desktop Web Pages at Bagcheck?With a dual template system, we were able to optimize:Source OrderMedia (Speed, Quality, Interaction)URL StructureApplication DesignEmbedded VideoThumbnail (few pixels / detail)
- 47. 41Why Separate Mobile & Desktop Web Pages at Bagcheck?With a dual template system, we were able to optimize:Source OrderMedia (Speed, Quality, Interaction)URL StructureApplication DesignOne Page(with modules)Four Pages(mobile-only URLs)
- 48. 42Why Separate Mobile & Desktop Web Pages at Bagcheck?With a dual template system, we were able to optimize:Source OrderMedia (Speed, Quality, Interaction)URL StructureApplication DesignModal DialogBarcode Scan
- 49. 43To make the right decisions about composition andconsistency, you need a cross-channel strategy.
- 51. 45 Over 50% of REI online business is picked up in a store.
- 52. 46
- 53. 47
- 54. BarcodeIdentifies a Product (e.g. Kellogg’s Frosted Flakes 14 oz.)QR CodeInitiates a Response (e.g., URL, Message, Phone, SMS, Email) 48
- 56. 50Price CheckProduct DetailEndless Aisle
- 57. 51Continuity
- 58. 52Conflict
- 59. 53Context
- 60. 54Source: Mobile First (2011) by Luke Wroblewski
- 66. Light (Ambient)
- 67. Proximity
- 71. RFID (Soon)56
- 72. 57
- 73. 58“After a half-hour, a three-tone alert sounds…If the bottle still has not been opened, the system makes an automated reminder phone call to the patient or a caregiver. The GlowCap system compiles adherence data which anyone can be authorized to track. That way the doctor can make sure Gramps stays on his meds.”
- 74. 59BrainPort Camera in glasses captures video. Image recreated on grid of 400 electrodes. User feels the shape on the tongue. Brain learns to see through the tongue.
- 75. Marathon60Cross-ChannelWe must leave ourcomfort zones, cross-train,and collaborate.Triathlon
- 76. 61
- 77. 62
- 79. 64
- 80. 65Ubiquitous IAhttp://iainstitute.org/http://worldiaday.org/ February 11, 2012 in 14 citieshttp://iasummit.org/ March 21-25, 2012 in New Orleans, USA euroia.org/ September 27-29, 2012 in Rome, Italyhttp://semanticstudios.com/publications/semantics/http://rosenfeldmedia.com/uxzeitgeist/topics/information-architecture/
- 81. 66 reFramingClassic Information Architecture(Polar Bear).Web Strategy (Web, Mobile, Social). Cross-Channel Strategy (Physical, Digital). Intertwingularity (Ubiquitous, Ambient).
- 82. 67
- 83. 68IA Therefore I AmPeter Morvillemorville@semanticstudios.comSearch Patternshttp://searchpatterns.org/Semantic Studioshttp://semanticstudios.com/Bloghttp://findability.org/