designing cross-channel user experiences
DESCRIPTION
Talk at UX Brighton 2011, describing the motivation for cross-channel design, the role of pervasive information architectures, and focusing on place-making and correlation.TRANSCRIPT
![Page 1: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/1.jpg)
Pervasive Information ArchitectureDesigning Cross-channel User Experiences
Andrea Resmini – UXBrighton 2011
Photo: Gotan Project, gotanproject.com
![Page 2: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/2.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
A brief personal anecdote
![Page 3: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/3.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
On my way to Brighton
![Page 4: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/4.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
“Customers interact with (the) brand: they don’t care about the
channel”
Jess McMullin & Samantha Starmer
The whole is more than the sum of its parts
![Page 5: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/5.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
![Page 6: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/6.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Multi-channel vs cross-channel
![Page 7: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/7.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
From the Manifesto of Pervasive Information Architecture
Product design becomesexperience design
![Page 8: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/8.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
A simple task:write or send a message
![Page 9: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/9.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
![Page 10: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/10.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
![Page 11: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/11.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
BYU EDU (news.byu.edu)
![Page 12: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/12.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
![Page 13: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/13.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
![Page 14: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/14.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
One task, many interfaces
![Page 15: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/15.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Self check-in on my mobile
![Page 16: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/16.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Self check-in at CPH
![Page 17: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/17.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Messages have no medium
![Page 18: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/18.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
As products are weaved into complex experiences, we struggle
for meaning and closure
![Page 19: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/19.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
The information architecture isthe sense-making layer
![Page 20: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/20.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
The Name of the Rose
![Page 21: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/21.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
In the novel
![Page 22: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/22.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
In the movie
![Page 23: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/23.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Cognitive continuity is not visual nor sensory continuity
![Page 24: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/24.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Interfaces
Touch-points
Information architecture
![Page 25: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/25.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Cross-channel heuristics
Place-making Consistency Resilience
Reduction Correlation
![Page 26: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/26.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Cross-channel heuristics
Place-making Consistency Resilience
Reduction Correlation
![Page 27: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/27.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Place-making
![Page 28: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/28.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
A map of Cambridge
![Page 29: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/29.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
We are physical beings
![Page 30: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/30.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Space and place are two very different things
![Page 31: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/31.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Place
![Page 32: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/32.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
![Page 33: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/33.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
![Page 34: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/34.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
What we bring into pervasive architectures is the idea of place
![Page 35: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/35.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
d resmini boss not here.Let's go play cricket!
![Page 36: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/36.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
http://www.flickr.com/photos/46037115@N04/4233027629/
In your room with a friend
![Page 37: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/37.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
@resmini boss not here.Let's go play cricket!
![Page 38: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/38.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
http://gm25liveen.web-log.nl/george_michael_25_live_en/blog/index.html
In a stadium in front of a crowd
![Page 39: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/39.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Place-making reduces disorientation and increases
legibility and way-finding.Makes us feel at home.
![Page 40: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/40.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Correlation
![Page 41: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/41.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Vincent Vega AndMarsellus Wallace's Wife
The Bonnie Situation
The Golden Watch
![Page 42: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/42.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Interlacement
![Page 43: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/43.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
The frenzy of Orlando
![Page 44: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/44.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
![Page 45: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/45.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Vincent and Butch
![Page 46: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/46.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
The Texas Chainsaw Massacre
![Page 47: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/47.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Ronconi's Orlando
![Page 48: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/48.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
Correlation suggest relevant connections among pieces of
information, services, and goods to help users achieve explicit goals or
stimulate latent needs
![Page 49: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/49.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
It provides seamless interlacement in-channel and across all channels
![Page 50: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/50.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
CorrelationAcross channels
In channel
![Page 51: Designing Cross-channel user experiences](https://reader034.vdocuments.mx/reader034/viewer/2022051819/54c74b664a7959fc688b4583/html5/thumbnails/51.jpg)
ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE
http://pervasiveia.com/