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.

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)

20. 18WireframesInterfacesPortal

21. Search

22. Object

23. Set

24. PageCaveatsVisual Design

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

38. 32DesktopMobileKiosk

39. 33Touchpoint Taxonomy

40. 34Design PrinciplesDesign Principles

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.

50. 44Design for Connection

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

61. 55SensorsLocation (GPS)

62. Orientation (Compass)

63. Motion (Accelerometer)

64. Orientation/Motion (Gyroscope)

65. Touch (Multi-Touch, Gestural)

66. Light (Ambient)

67. Proximity

68. Device (Bluetooth)