ubiquitous ia: cross-channel strategy
DESCRIPTION
Peter Morville's closing keynote for IA Konferenz 2012.TRANSCRIPT
![Page 1: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/1.jpg)
1
Ubiquitous IACross-Channel Strategy
Peter Morville, IA Konferenz 2012
![Page 2: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/2.jpg)
2
![Page 3: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/3.jpg)
3
![Page 4: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/4.jpg)
4
![Page 5: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/5.jpg)
5
#dtdt
![Page 6: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/6.jpg)
6
ArchitectureDesignTechnology
Information Architecture: It’s What You Do First.
![Page 7: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/7.jpg)
7
in•for•ma•tion ar•chi•tec•ture n.
• The structural design of shared information environments.
• The combination of organization, labeling, search, and navigation systems in web sites and intranets.
• The art and science of shaping information products and experiences to support usability and findability.
• An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.
Polar Bear IA
![Page 8: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/8.jpg)
8
Framing1. Classic Information Architecture (Polar
Bear).
2. Web Strategy (Web, Mobile, Social).
3. Cross-Channel Strategy (Physical, Digital).
4. Ubiquitous IA (Intertwingularity)..
![Page 9: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/9.jpg)
9The Library of Congress
“To further the progress of knowledge and creativity.”.
![Page 10: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/10.jpg)
FragmentationFragmentation into multiple sites, domains, and identities is clearly a major problem. Users don’t know which site to visit for which purpose.
Findability Users 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.
![Page 11: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/11.jpg)
11
1. One Library
2. Core Areas
3. Network Intelligence
Web Strategy
![Page 12: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/12.jpg)
12
Interfaces• Portal• Search• Object• Set• Page
Caveats• Visual Design• Starting Point
Wireframes
![Page 13: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/13.jpg)
13
![Page 14: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/14.jpg)
14Source: Search Patterns (2010)
Search is a Complex, Adaptive System
![Page 15: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/15.jpg)
15
![Page 16: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/16.jpg)
16
Where architects use forms and spaces to design environments for inhabitation, information architects use nodes and links to create environments for understanding.Jorge Arango, Architectures
![Page 17: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/17.jpg)
17
![Page 18: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/18.jpg)
18“Desire Lines” Photo: Berkeley Path Gallery by Kevin Fox
![Page 19: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/19.jpg)
19
![Page 20: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/20.jpg)
20
![Page 21: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/21.jpg)
21
![Page 22: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/22.jpg)
Experiences Across Channels
![Page 23: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/23.jpg)
Location Aware
The Future of Mobile Search
The Future of Mobile Search
Query by Wandering
Location Aware Search by Wandering Multisensory
![Page 24: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/24.jpg)
24
“People keep pretending they can make things deeply hierarchical, categorizable, and sequential when they can’t.
Everything is deeply intertwingled.” Ted Nelson
“Information is blurring the lines between products and services to create multi-channel, cross-platform, trans-media, physico-digital user experiences.” Peter Morville
![Page 25: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/25.jpg)
25Source: Subject to Change (2008)
World’s Best Information
Architect
![Page 26: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/26.jpg)
![Page 27: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/27.jpg)
27
![Page 28: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/28.jpg)
28
Desktop
Kiosk
Mobile
![Page 29: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/29.jpg)
29
• Location (GPS)• Orientation (Compass)• Motion (Accelerometer)• Orientation/Motion (Gyroscope)• Touch (Multi-Touch, Gestural)• Light (Ambient)• Proximity• Device (Bluetooth)• Audio (Microphone)• Image/Video (Camera)• RFID (Soon)
Sensors
![Page 30: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/30.jpg)
30
![Page 31: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/31.jpg)
31
“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.”
![Page 32: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/32.jpg)
32
![Page 33: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/33.jpg)
33
![Page 34: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/34.jpg)
34
![Page 35: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/35.jpg)
35
BrainPort
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.
![Page 36: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/36.jpg)
36
ProductPackagingPrint CatalogCall CenterWebsiteBlogFacebookTwitterYouTubeEmailDirect MailRadioTelevision
ChannelWebSocial MediaEmailMessagingTelephonePrint
PlatformWebiOSAndroidMac OS XMS Windows
DeviceDesktopLaptopMobileTabletTelevisionKiosk
ScaleCovertMobilePersonalEnvironmentalArchitecturalUrban
MediaBookNewspaperMagazineVideoAudioPosterBillboard
ContextHomeWorkWalkingDrivingShoppingPlanePartyPersonalSocialLocationTimeTask
Touchpoint Taxonomy
![Page 37: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/37.jpg)
37
Design PrinciplesDesign
Principles
![Page 38: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/38.jpg)
38
Cross-Channel Strategy
Composition multi- or cross-channel; mix of
platforms, devices, media; coherence
Consistency brand, features, organization, interaction
balanced against value of optimization
Connection links, tags, signs, maps; call to action
Continuity bookmark, resume playback, flow
Context personal, social, location, time, task
Conflict identify/resolve, org chart, free-riding
http://findability.org/archives/000652.php
![Page 39: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/39.jpg)
39Adapted from Cross-Platform Service User Experience
portal.acm.org/citation.cfm?id=1851637
![Page 40: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/40.jpg)
40
Craft beautiful designs that deliver a quality experience
to your users no matter how large (or small) their display.1. Fluid Grids2. Flexible Images3. Media Queries
![Page 41: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/41.jpg)
41
![Page 42: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/42.jpg)
42
Why Separate Mobile & Desktop Web Pages at Bagcheck?
With a dual template system, we were able to optimize:1. Source Order2. Media (Speed, Quality, Interaction)3. URL Structure4. Application Design
Navigation at Bottom
Navigation at Top
![Page 43: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/43.jpg)
43
To make the right decisions about composition andconsistency, you need a cross-channel strategy.
![Page 44: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/44.jpg)
44
Design for Connection
![Page 45: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/45.jpg)
45
Over 50% of REI online business is picked up in a store.
![Page 46: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/46.jpg)
46
![Page 47: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/47.jpg)
47
![Page 48: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/48.jpg)
48
BarcodeIdentifies a Product (e.g. Kellogg’s Frosted Flakes 14
oz.)
QR CodeInitiates a Response (e.g., URL, Message, Phone, SMS,
Email)
![Page 49: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/49.jpg)
![Page 50: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/50.jpg)
50
Price CheckProduct DetailEndless Aisle
![Page 51: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/51.jpg)
51
Continuity
![Page 52: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/52.jpg)
52
Conflict
![Page 53: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/53.jpg)
53
Context
![Page 54: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/54.jpg)
54
Marathon
Triathlon
Cross-Channel
We must leave ourcomfort zones, cross-
train,and collaborate.
![Page 55: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/55.jpg)
55
![Page 56: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/56.jpg)
56
![Page 57: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/57.jpg)
57
Source: delightability.com
![Page 58: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/58.jpg)
58
![Page 59: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/59.jpg)
59
![Page 62: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/62.jpg)
62
reFraming1. Classic Information Architecture (Polar
Bear).
2. Web Strategy (Web, Mobile, Social).
3. Cross-Channel Strategy (Physical, Digital).
4. Intertwingularity (Ubiquitous, Ambient).
![Page 63: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/63.jpg)
63
![Page 64: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/64.jpg)
What architects do for buildings, information architects do for…
![Page 65: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/65.jpg)
65
![Page 66: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/66.jpg)
66
![Page 67: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/67.jpg)
“There is a problem in discussing systems only with words. Words and sentences must, by necessity, come only one a time in linear, logical order. Systems happen all at once. They are connected not just in one direction, but in many directions simultaneously. To discuss them properly, it is necessary to use a language that shares some of the same properties as the phenomena under discussion.”
![Page 68: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/68.jpg)
"In an era of cross-channel experiences and product-service systems, it makes less and less sense to design sitemaps and wireframes without also..."
![Page 69: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/69.jpg)
“…mapping the customer journey, modeling the system dynamics, and analyzing impacts upon business processes, incentives, and the
org chart."
![Page 70: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/70.jpg)
70
![Page 71: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/71.jpg)
71
![Page 72: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/72.jpg)
Richard Saul Wurman’s Sandcastles (1971). Stolen from The Nature of IA by Dan Klyn (2010).
![Page 74: Ubiquitous IA: Cross-Channel Strategy](https://reader038.vdocuments.mx/reader038/viewer/2022102804/53f14d4e8d7f72a64f8b45f6/html5/thumbnails/74.jpg)
74
IA Therefore I AmPeter [email protected]
Understanding IA (Prezi)http://is.gd/iaprezi
Bloghttp://findability.org/
Twitter@morville