51
Pervasive Information Architecture Designing Cross-channel User Experiences Andrea Resmini UXBrighton 2011 Photo: Gotan Project, gotanproject.com

Designing Cross-channel user experiences

Embed Size (px)

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.

Citation preview

Page 1: Designing Cross-channel user experiences

Pervasive Information ArchitectureDesigning Cross-channel User Experiences

Andrea Resmini – UXBrighton 2011

Photo: Gotan Project, gotanproject.com

Page 2: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

A brief personal anecdote

Page 3: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

On my way to Brighton

Page 4: Designing Cross-channel user experiences

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

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Page 6: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Multi-channel vs cross-channel

Page 7: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

From the Manifesto of Pervasive Information Architecture

Product design becomesexperience design

Page 8: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

A simple task:write or send a message

Page 9: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Page 10: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Page 11: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

BYU EDU (news.byu.edu)

Page 12: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Page 13: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Page 14: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

One task, many interfaces

Page 15: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Self check-in on my mobile

Page 16: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Self check-in at CPH

Page 17: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Messages have no medium

Page 18: Designing Cross-channel user experiences

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

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

The information architecture isthe sense-making layer

Page 20: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

The Name of the Rose

Page 21: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

In the novel

Page 22: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

In the movie

Page 23: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Cognitive continuity is not visual nor sensory continuity

Page 24: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Interfaces

Touch-points

Information architecture

Page 25: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Cross-channel heuristics

Place-making Consistency Resilience

Reduction Correlation

Page 26: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Cross-channel heuristics

Place-making Consistency Resilience

Reduction Correlation

Page 27: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Place-making

Page 28: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

A map of Cambridge

Page 29: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

We are physical beings

Page 30: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Space and place are two very different things

Page 31: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Place

Page 32: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Page 33: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Page 34: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

What we bring into pervasive architectures is the idea of place

Page 35: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

d resmini boss not here.Let's go play cricket!

Page 36: Designing Cross-channel user experiences

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

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

@resmini boss not here.Let's go play cricket!

Page 38: Designing Cross-channel user experiences

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

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

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Correlation

Page 41: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Vincent Vega AndMarsellus Wallace's Wife

The Bonnie Situation

The Golden Watch

Page 42: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Interlacement

Page 43: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

The frenzy of Orlando

Page 44: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Page 45: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Vincent and Butch

Page 46: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

The Texas Chainsaw Massacre

Page 47: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

Ronconi's Orlando

Page 48: Designing Cross-channel user experiences

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

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

It provides seamless interlacement in-channel and across all channels

Page 50: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

CorrelationAcross channels

In channel

Page 51: Designing Cross-channel user experiences

ANDREA @RESMINI :: PERVASIVE INFORMATION ARCHITECTURE

http://pervasiveia.com/