ubiquitous ia: cross-channel strategy
Post on 17-Aug-2014
6.799 Views
Preview:
DESCRIPTION
TRANSCRIPT
1
Ubiquitous IACross-Channel Strategy
Peter Morville, IA Konferenz 2012
2
3
4
5
#dtdt
6
ArchitectureDesignTechnology
Information Architecture: It’s What You Do First.
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
8
Framing1. Classic Information Architecture (Polar
Bear).
2. Web Strategy (Web, Mobile, Social).
3. Cross-Channel Strategy (Physical, Digital).
4. Ubiquitous IA (Intertwingularity)..
9The Library of Congress
“To further the progress of knowledge and creativity.”.
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.
11
1. One Library
2. Core Areas
3. Network Intelligence
Web Strategy
12
Interfaces• Portal• Search• Object• Set• Page
Caveats• Visual Design• Starting Point
Wireframes
13
14Source: Search Patterns (2010)
Search is a Complex, Adaptive System
15
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
17
18“Desire Lines” Photo: Berkeley Path Gallery by Kevin Fox
19
20
21
Experiences Across Channels
Location Aware
The Future of Mobile Search
The Future of Mobile Search
Query by Wandering
Location Aware Search by Wandering Multisensory
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
25Source: Subject to Change (2008)
World’s Best Information
Architect
27
28
Desktop
Kiosk
Mobile
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
30
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.”
32
33
34
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.
36
ProductPackagingPrint CatalogCall CenterWebsiteBlogFacebookTwitterYouTubeEmailDirect MailRadioTelevision
ChannelWebSocial MediaEmailMessagingTelephonePrint
PlatformWebiOSAndroidMac OS XMS Windows
DeviceDesktopLaptopMobileTabletTelevisionKiosk
ScaleCovertMobilePersonalEnvironmentalArchitecturalUrban
MediaBookNewspaperMagazineVideoAudioPosterBillboard
ContextHomeWorkWalkingDrivingShoppingPlanePartyPersonalSocialLocationTimeTask
Touchpoint Taxonomy
37
Design PrinciplesDesign
Principles
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
39Adapted from Cross-Platform Service User Experience
portal.acm.org/citation.cfm?id=1851637
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
41
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
43
To make the right decisions about composition andconsistency, you need a cross-channel strategy.
44
Design for Connection
45
Over 50% of REI online business is picked up in a store.
46
47
48
BarcodeIdentifies a Product (e.g. Kellogg’s Frosted Flakes 14
oz.)
QR CodeInitiates a Response (e.g., URL, Message, Phone, SMS,
Email)
50
Price CheckProduct DetailEndless Aisle
51
Continuity
52
Conflict
53
Context
54
Marathon
Triathlon
Cross-Channel
We must leave ourcomfort zones, cross-
train,and collaborate.
55
56
57
Source: delightability.com
58
59
morville@semanticstudios.com
60
morville@semanticstudios.com
61
62
reFraming1. Classic Information Architecture (Polar
Bear).
2. Web Strategy (Web, Mobile, Social).
3. Cross-Channel Strategy (Physical, Digital).
4. Intertwingularity (Ubiquitous, Ambient).
63
What architects do for buildings, information architects do for…
65
66
“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.”
"In an era of cross-channel experiences and product-service systems, it makes less and less sense to design sitemaps and wireframes without also..."
“…mapping the customer journey, modeling the system dynamics, and analyzing impacts upon business processes, incentives, and the
org chart."
70
71
morville@semanticstudios.com
Richard Saul Wurman’s Sandcastles (1971). Stolen from The Nature of IA by Dan Klyn (2010).
morville@semanticstudios.com
”Those who know, do. Those that
understand, teach.”
Aris
totle
74
IA Therefore I AmPeter Morvillemorville@semanticstudios.com
Understanding IA (Prezi)http://is.gd/iaprezi
Bloghttp://findability.org/
Twitter@morville
top related