130
[email protected] 1 Experience Maps KM & Visual Thinking Peter Morville, KMWorld 2010

Experience Maps

Embed Size (px)

DESCRIPTION

Slides from my KMWorld 2010 workshop, edited slightly to accommodate the 100 MB limit.

Citation preview

Page 1: Experience Maps

[email protected]

1

Experience MapsKM & Visual Thinking

Peter Morville, KMWorld 2010

Page 3: Experience Maps

[email protected]

3

Agenda

• Introductions• Defining Information Architecture• Principles of Cartography• Shaping Territory (Classic IA)

• Paths and Places (Pervasive IA)

Page 4: Experience Maps

[email protected]

4

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 6: Experience Maps

[email protected]

6

in•for•ma•tion ar•chi•tect n.

An individual who organizes the patterns inherent in data, making the complex clear.

The person who creates the structure or map of information that allows others to find their personal paths to knowledge.

The emerging 21st-century professional addressing the needs of the age focused on clarity, human understanding, and the science of the organization of information.

Richard Saul Wurman

Page 7: Experience Maps

[email protected]

7

Evolving…

Page 8: Experience Maps

[email protected]

8

Visual 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.”

Page 10: Experience Maps

[email protected]

10“A picture can connect the strategic with the tactical in a

way no other communication form possibly can.” Dave Gray

Page 12: Experience Maps

[email protected]

12

Agenda

• Introductions• Defining Information Architecture• Principles of Cartography• Shaping Territory (Classic IA)

• Paths and Places (Pervasive IA)

Page 15: Experience Maps

[email protected]

15

YOU ARE

HERE

Page 16: Experience Maps

[email protected]

16http://www.bbc.co.uk/bbcfour/beautyofmaps/

Page 17: Experience Maps

[email protected]

17

“Probably the best statistical graphic ever drawn, this map by Charles Joseph Minard portrays the losses suffered by Napoleon’s army in the Russian campaign of 1812.” Edward Tufte

http://www.edwardtufte.com/tufte/posters

Page 18: Experience Maps

[email protected]

18http://niemann.blogs.nytimes.com/2010/03/10/my-way/

Page 19: Experience Maps

[email protected]

19http://niemann.blogs.nytimes.com/2010/03/10/my-way/

Page 20: Experience Maps

[email protected]

20http://niemann.blogs.nytimes.com/2010/03/10/my-way/

Page 21: Experience Maps

[email protected]

21http://niemann.blogs.nytimes.com/2010/03/10/my-way/

Page 24: Experience Maps

[email protected]

24

“The map is not the territory.” Alfred Korzybski

Page 30: Experience Maps

[email protected]

30

“Aboriginal Creation myths tell of the legendary totemic beings who had wandered over the continent in the Dreamtime, singing out the name of everything that crossed their path - birds, animals, plants, rocks, waterholes - and so singing the world into existence.”

The Songlines by Bruce Chatwin

Page 31: Experience Maps

[email protected]

31

Animals use a combination of egocentric and geocentric techniques for wayfinding.

Ambient Findability by Peter Morville

Page 33: Experience Maps

[email protected]

33

Paths

The streets, walkways, transit lines, canals, railroads, and other channels through which people move.

Edges

The walls, shores, fences, barriers, and other boundaries that create linear breaks in continuity, both separating and relating distinct regions.

Districts

Major sections of the city that possess a common identifying character (e.g., The Financial District, The North End).

Nodes

Intersections, enclosed squares, street corners, subway stations, and other hubs that serve as points of reference, transition, and destination.

Landmarks

Towering buildings, golden domes, mountains, signs, storefronts, trees, doorknobs, and other objects that serve as spatial reference points.

The Image of the City by Kevin Lynch

Page 34: Experience Maps

[email protected]

34

Environmental Legibility

Page 36: Experience Maps

[email protected]

36

Agenda

• Introductions• Defining Information Architecture• Principles of Cartography• Shaping Territory (Classic IA)

• Paths and Places (Pervasive IA)

Page 40: Experience Maps

[email protected]

40

“Categorization is not a matter to be taken lightly. There is nothing more basic than categorization to our thought, perception, action, and speech.”

Page 42: Experience Maps

[email protected]

42

Where’s Diabetes?

Where’s Graves’ Disease?

Page 43: Experience Maps

[email protected]

43

Navigation

Where Am I?

Wha

t's N

earb

y?

What's RelatedTo What's Here?

Global Navigation

Loca

l Nav

igat

ion

Content Lives Here,With ContextualNavigation Inline

Or Separate.

Page 49: Experience Maps

[email protected]

49Photo: Berkeley Path Gallery by Kevin Fox

Page 52: Experience Maps

[email protected]

52

"laptop" > $910 - $1070 > Hewlett Packard > At least 1 GB > 14 - 15 Inch > Bluetooth > 4 - 5 lbs

Page 54: Experience Maps

[email protected]

54

Understanding

Page 58: Experience Maps

[email protected]

58

Principles of Design

Incremental Construction

Progressive Disclosure

Immediate Response

Predictability

Alternate Views

Recognition Over Recall

Minimal Disruption

Direct Manipulation

Context of Use

Page 59: Experience Maps

[email protected]

59

Incremental Construction Progressive Disclosureone step at a time… more within reach…

Page 60: Experience Maps

[email protected]

60

Immediate Response Predictabilityflow requires feedback… feed-forward features and results…

Page 61: Experience Maps

[email protected]

61

Direct Manipulation Context of Usetapping into muscle memory… the delight is in the details…

Page 65: Experience Maps

[email protected]

65

Fragmentation. Fragmentation into multiple sites, domains, and identities is clearly a major problem. Many users don’t know which site to visit for which purpose, and the lack of consistent, intuitive inter-site search and navigation makes it difficult to find content without knowing source and location.

Findability. Users often can’t find what they need from the home page, but that’s only the start of the problem. Most users don’t come through the front door. They enter via a web search or a deep link, and are often confused by what they do find. Even worse, most potential users never use the site, because many of its resources aren’t easily findable via external searches.

Major Challenges

Page 68: Experience Maps

[email protected]

Strategic

Tactical

Levers

SurfaceStructure

InfrastructureGovernance

CultureLayers

What

How

Centralization

Strategy

Page 69: Experience Maps

[email protected]

69

Strategy & Structure

Page 70: Experience Maps

[email protected]

70

Services & Scenarios

To Do

Primary Audiences

Top 3 Goals / Tasks

Genealogist

Graphic Designer

Stay at Home Mom

Interest Group Member

Journalist

Museum Collections Manager

Page 71: Experience Maps

[email protected]

71Source: Search Patterns (2010)

Search

Page 72: Experience Maps

[email protected]

72

Objects & Relationships

Page 73: Experience Maps

[email protected]

73

Pages to Objects

Page 74: Experience Maps

[email protected]

74

Two-Way Link

Page 76: Experience Maps

[email protected]

76

Making Connections

Page 78: Experience Maps

[email protected]

78

The Right Way to WireframeS

hade

s of

Gra

y ht

tp:/

/blo

g.se

man

ticfo

und

ry.c

om/2

009/

01/0

1/T

he Right W

ay to Wirefram

ehttp://konigi.com

/noteb

ook/all-right-w

ay-wire

fram

e-videos

Page 80: Experience Maps

[email protected]

80

Agenda

• Introductions• Defining Information Architecture• Principles of Cartography• Shaping Territory (Classic IA)

• Paths and Places (Pervasive IA)

Page 81: Experience Maps

[email protected]

81

find·a·bil·i·ty n

The quality of being locatable or navigable.

The degree to which an object is easy to discover or locate.

The degree to which a system or environment supports wayfinding, navigation, and retrieval.

am·bi·ent adj

Surrounding; encircling; enveloping (e.g., ambient air)

the ability to find anyone or anything from anywhere at anytime

Page 82: Experience Maps

[email protected]

82

David Rose

ambientdevices.com

Page 85: Experience Maps

[email protected]

85

Automatic LocatesSchedule an "automatic locate" to see where your child is at a given time.

Breadcrumbing FeatureThis feature is great for identifying a specific route or series of destinations.

Page 86: Experience Maps

[email protected] Wireless Location Appliance

“A quick glance at the screen shows exactly where the tagged wheelchairs are located...Patients wait no more than a few minutes for a wheelchair, and we save $28,000 a month by eliminating searches.”

Page 88: Experience Maps

[email protected]

88

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 91: Experience Maps

[email protected]

91

Information is blurring the lines between products and services to create multi-channel, cross-platform, trans-media, physico-digital user experiences.

Ubiquitous Service Design

http://semanticstudios.com/publications/semantics/000633.php

Page 92: Experience Maps

[email protected]

92

I follow a plant that tweets. Her name is pothos and she lives in Toronto with Angela, an information architect. When pothos is thirsty, she asks for help. Sometimes days pass before the water comes.

Bruce Sterling once noted, "Futurism doesn't mean predicting an awesome wonder; rather it means recognizing and describing a small apparent oddity that is destined to become a great commonplace."

Page 93: Experience Maps

[email protected]

93

iPhone Sensors

• 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)

Page 94: Experience Maps

[email protected]

94http://www.slideshare.net/jessmcmullin/

Page 96: Experience Maps

[email protected]

96

“When a unique identifier is attached to an object, it becomes possible to collect the metadata about that object into a single information shadow.”

“The unique identifier is the leverage point with which to access and manipulate the whole information shadow in relation to similar shadows.”

While Kuniavsky advises that we view information as one of many design materials (like wood and carbon fiber) from which devices can be made, he also highlights its role as “the core material in creating user experiences.”

Page 97: Experience Maps

[email protected]

97

Scales of Experience Mike Kuniavsky

Page 98: Experience Maps

[email protected]

98

Heuristics forPervasive Information Architecture

Andrea Resmini & Luca Rosatihttp://pervasiveia.com/

Page 100: Experience Maps

[email protected]

100

What is Information Architecture?

http://www.maya.com/the-feed/what-is-information-architecture

Page 101: Experience Maps

[email protected]

101

“The study illustrates how a surprising 65% of visitors to an on-line search engine were looking for further information in relation to a product or service they saw in a television commercial or in a newspaper advertisement.”

Information Architecture for Ubiquitous Ecologies

by Andrea Resmini and Luca Rosati

Page 102: Experience Maps

[email protected]

102The URL Is Dead, Long Live Search

Page 103: Experience Maps

[email protected]

103

Over 50% of REI online business is picked up in a store.

Page 104: Experience Maps

[email protected]

104

“53% of US online consumers say they research products online that they subsequently buy offline.”Forrester Survey, Q1 2009 (US).

“43% of consumers said they start their research online or through a mobile device, but then need to call a customer service or call center representative to complete the transaction because the necessary product or service information cannot be found online.”ATG Survey, Q4 2009 (US).

Page 105: Experience Maps

[email protected]

105

“The most common problems reported by Web-to-store shoppers related to discrepancies in prices and product information across the two channels.” Forrester Survey, Q4 2009 (US)

Page 106: Experience Maps

[email protected]

106

Service Design

The difference between products and services is more than semantic. Products are tangible objects that exist in both time and space; services consist solely of acts or process(es), and exist in time only.

The basic distinction between ‘things’ and ‘processes’ is the starting point for a focused investigation of services. Services are rendered; products are possessed.

Services cannot be possessed; they can only be experienced, created or participated in. Though they are different, services and products are intimately and symbiotically linked.

How to Design a Service by G. Lynn Shostack (1982)

Page 107: Experience Maps

[email protected]

107

Page 108: Experience Maps

[email protected]

108

Multi-Channel Service Inventory

http://www.slideshare.net/jessmcmullin/

Page 109: Experience Maps

[email protected]

109

Service Touch Points

Multi-Channel Service Inventory

Page 110: Experience Maps

[email protected]

110

Page 111: Experience Maps

[email protected]

111

Today's “service systems” may include interrelated sub-systems (e.g., person-to-person, self-service) across multiple locations, devices, and channels; and customer satisfaction is “influenced by the extent of integration and consistency” across those channels.

Bridging the “Front Stage” and “Back Stage” in Service System Design by Robert J. Glushko and Lindsay Tabas

Page 112: Experience Maps

[email protected]

112

Integration

Page 113: Experience Maps

[email protected]

113

Cross-Media

Source: Subject to Change (2008)

Page 114: Experience Maps

[email protected]

114

Page 116: Experience Maps

[email protected]

116

Page 117: Experience Maps

[email protected]

117

“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 118: Experience Maps

[email protected]

118

Page 119: Experience Maps

[email protected]

119

User Interfaces for Physical Spaceshttp://www.maya.com/

Page 120: Experience Maps

[email protected]

120

Page 121: Experience Maps

[email protected]

121

My Shelf

Page 122: Experience Maps

[email protected]

122

Desktop

Kiosk

Mobile

Page 123: Experience Maps

[email protected]

123

Experience

Page 124: Experience Maps

[email protected]

124

Task Touch Points

Customer Journey Mapping

Page 125: Experience Maps

[email protected]

125

Mental Models

http://www.rosenfeldmedia.com/books/mental-models/

Tasks

Features

Page 126: Experience Maps

[email protected]

126New Soft City by Dan Hill

Page 127: Experience Maps

[email protected]

127Urban Sensing by Dan Hill

Page 128: Experience Maps

[email protected]

128

Page 129: Experience Maps

[email protected]

129

Page 130: Experience Maps

[email protected]

130

IA Therefore I AmPeter [email protected]

Search Patternshttp://searchpatterns.org/

Semantic Studioshttp://semanticstudios.com/

Bloghttp://findability.org/

New!