rapid cross-channel prototyping workshop ias17

103
ASIS&T INFORMATION ARCHITECTURE SUMMIT 2017 RAPID CROSS-CHANNEL PROTOTYPING Andreas @Resmini Vancouver, March 23 2017

Upload: joenkoeping-university

Post on 11-Apr-2017

225 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Rapid Cross-channel Prototyping Workshop IAS17

ASIS&T INFORMATION ARCHITECTURE SUMMIT 2017

RAPID CROSS-CHANNEL PROTOTYPING

Andreas @Resmini

Vancouver, March 23 2017

Page 2: Rapid Cross-channel Prototyping Workshop IAS17

WELCOME!

we’ll work on a case and go step-by-step throughthe ins and outs of cross-channel experiences

here’s a little breakdown of our activities for today

Page 3: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #0 (40mins)

welcome, cross-channel and all that jazz

a quick introduction to the idea ofunbounded experiences and to our case

Page 4: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #1: PROBLEM SPACE (90mins)

identifying actors and actor groups,actor goals, activities, mapping individual paths

check, verify, discuss

Page 5: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #2: ECOSYSTEM DRAFT (90mins)

mapping the ecosystem: how-to, initial draft, iterationsLUNCH!

check, verify, discuss

Page 6: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #3: MORE DIVERGENCE (30mins)

round-robin draft ecosystem critique

groups get to ask questions, comment, and critiquewhat the other group have been doing

Page 7: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #4: ASSESSMENT (60mins)

the ecosystem map is refined, challenges and opportunities are evaluated, a strategic plan laid out to respond to the initial goals

and to the actors’ experience

a specific touchpoint / artifact is singled out for intervention

Page 8: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #5: INTERVENTION (90mins)

from ecosystem to artifact. Groups formulate the design or redesign of the touchpoint / artifact and evaluate how it will

affect the ecosystem and the actors’ choices

presentations, reflections, discussion, wrap-up

Page 9: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

Page 10: Rapid Cross-channel Prototyping Workshop IAS17

TAKE-AWAYS #1

understand the logic and nature of cross-channel ecosystems

acquire an actor-centered view of experiences

Page 11: Rapid Cross-channel Prototyping Workshop IAS17

TAKE-AWAYS #2

learn to identify and map actors, paths, touchpoints, and the seams between them into ecosystems

Page 12: Rapid Cross-channel Prototyping Workshop IAS17

TAKE-AWAYS #3

learn how to create and use channels for systemic insights

Page 13: Rapid Cross-channel Prototyping Workshop IAS17

TAKE-AWAYS #4

transform system-level information architecture into context- and touchpoint-specific insights for better user experience

Page 14: Rapid Cross-channel Prototyping Workshop IAS17

TRADITIONALLY, DESIGN IMPLIES MAKING “THINGS”

the design tradition of “making” has its roots in the craft

making has been associated with “things” for a long time

Page 15: Rapid Cross-channel Prototyping Workshop IAS17

THE DESIGN OF SOFTWARE INTERFACES

an initial challenge to the idea of “making things” comes along with software interfaces between the ‘70s and the ‘80s

interaction design produces “objects” that are not tangible

Page 16: Rapid Cross-channel Prototyping Workshop IAS17

A SHIFT TOWARDS THE INTANGIBLE

through the years, intangibles have become the norm

design thinking and service design are an example of this shift, fields of practice and research that approach organizational

processes and services via a design mindset

Page 17: Rapid Cross-channel Prototyping Workshop IAS17

STILL MAKING “THINGS”

regardless of (in)tangibility, all of these practices are still “traditional design” in the sense that they focus on producing an

“object””: it might be a UI, a service, a process for managing patients in a hospital, a chair. Still, it’s a clearly bounded “thing”

Page 18: Rapid Cross-channel Prototyping Workshop IAS17

CROSS-CHANNEL ECOSYSTEMS IMPLY A NEW FOCUS

the design process here gets centered on “an experience”

this shift brings in emergence, complexity, uncertainty,and the necessity to move to a bird’s-eye, strategic view

it also brings whomever is having “an experience” center stage

Page 19: Rapid Cross-channel Prototyping Workshop IAS17
Page 20: Rapid Cross-channel Prototyping Workshop IAS17

HERE IS AN EXAMPLE

Uber is a service. Sure. But:

in the context of cross-channel design, Uber is a part of a larger ecosystem that is centered on personal transportation

to me, Uber is a piece of “going somewhere for some purpose”

Page 21: Rapid Cross-channel Prototyping Workshop IAS17

THAT’S THE EXPERIENCE

unless you are plain interested in just riding Uber cars, that is

(hobbies are hobbies. Who am I to judge, right?)

Page 22: Rapid Cross-channel Prototyping Workshop IAS17

THAT MEANS UBER DOES NOT OWN IT ALL

the experience itself is not owned nor it is fully managed or controlled by any single company or organization

Page 23: Rapid Cross-channel Prototyping Workshop IAS17

NEITHER PRODUCT- NOR SERVICE-BOUNDED

the experience does not stop where “Uber the service” stops

Uber’s role also changes from completely marginalto absolutely central depending on my own ongoing experience

Page 24: Rapid Cross-channel Prototyping Workshop IAS17

NEITHER DIGITAL NOR PHYSICAL, BUT BLENDED

a cross-channel ecosystem creates a blended actionable space that straddles across digital and physical environments

Page 25: Rapid Cross-channel Prototyping Workshop IAS17

THAT BLENDED SPACE

is the ecosystem inside which a specific experience takes place

Page 26: Rapid Cross-channel Prototyping Workshop IAS17

OK, BUT WHAT DO YOU MEAN, “AN EXPERIENCE”?

think “paying my taxes”. Or “going to the movies”. Or again “having the hamster vaccinated”. These are experiences

the way they happen, actors will go through them moving freely between locations, devices, products, and services

Page 27: Rapid Cross-channel Prototyping Workshop IAS17

SMS

BUSKIOSK

HERE’S AN EXAMPLE: GOING TO THE MOVIES

GREEN LINE AND CIRCLES: AN ACTOR’S PATH DESCRIBING AN EXPERIENCE

IMDB

MOVIE

Page 28: Rapid Cross-channel Prototyping Workshop IAS17

WAIT AGAIN, “ACTORS”?

yes, actors. The people formerly known as the users.

a cross-channel ecosystem is an actor-driven construct, both in terms of its structure and its content

Page 29: Rapid Cross-channel Prototyping Workshop IAS17

SO AN “ACTOR” GOES THROUGH “AN EXPERIENCE”

yes, and the systems of actors, tasks, touchpoints, seams, and channels in which this experience takes place is the

cross-channel ecosystem

the actual path that an actor walks is one of the many possible trajectories through that specific ecosystem

Page 30: Rapid Cross-channel Prototyping Workshop IAS17

actors, agents within the ecosystem

youtube.com

Page 31: Rapid Cross-channel Prototyping Workshop IAS17

all sorts of agents

Page 32: Rapid Cross-channel Prototyping Workshop IAS17

actors pursue a future desired state

alphasys.com.au

Page 33: Rapid Cross-channel Prototyping Workshop IAS17

tasks, any activity these agents perform

Page 34: Rapid Cross-channel Prototyping Workshop IAS17

touchpoints, individual points

of interaction in a channel

Page 35: Rapid Cross-channel Prototyping Workshop IAS17

seams, thresholds between touchpoints

and across channels

Page 36: Rapid Cross-channel Prototyping Workshop IAS17

channels, pervasive ecosystem-level

information layers

Page 37: Rapid Cross-channel Prototyping Workshop IAS17

and their relationships

Page 38: Rapid Cross-channel Prototyping Workshop IAS17

ACTORS, TASKS, TOUCHPOINTS, SEAMS, AND CHANNELS?

these are the basic building blocks of any ecosystem

their precise nature is specific to an ecosystem and is defined pragmatically based on context and goals

Page 39: Rapid Cross-channel Prototyping Workshop IAS17

OK. ACTORS FIRST

we know actors very well. If we consider human actors, they are the people formerly known as the users (TPFKATU)

the name change underlines their agency: they are the ones who effectively shape and create the ecosystem

software agents are or can be actors as well, of course

Page 40: Rapid Cross-channel Prototyping Workshop IAS17

VERY WELL. TASKS THEN

tasks are all the activities actors perform in their pursuingany desired future state

buying a ticket to go see a movie, for example, or logging in to an online system to pay their taxes

tasks are usually coupled with progression through touchpoints

Page 41: Rapid Cross-channel Prototyping Workshop IAS17

MH. TOUCHPOINTS?

touchpoints are individual points-of-interaction that become part of the ecosystem as actors connect them freely to move on

towards their desired future state

touchpoints are medium-specific (digital, physical, biological)

Page 42: Rapid Cross-channel Prototyping Workshop IAS17

WAIT. IS MY PHONE A TOUCHPOINT THEN? OR THE APP?

both. Working with ecosystems implies adopting an architectural, systemic mindset and a zoom in/out approach

granularity cannot be discussed or set in abstract, but has to reflect the project’s needs and scope at that moment

Page 43: Rapid Cross-channel Prototyping Workshop IAS17

SEAMS

seams are thresholds and connections

if you can move from touchpoint A to touchpoint X, those two are permeable and share a seam

seams allow the transmission and use ofcontent and information circulating in the ecosystem

Page 44: Rapid Cross-channel Prototyping Workshop IAS17

SEAMS HAVE INTERESTING PROPERTIES

seams convey information, which is medium-aspecific,so they can connect touchpoints residing in different channels

and living in different mediums

seams can also of course connect touchpoints residing in totally different physical locations

Page 45: Rapid Cross-channel Prototyping Workshop IAS17

OK, CHANNELS. NOW.

channels are a design construct. They do not really exist

the best way to imagine them is to think of pipescarrying information around the ecosystem

wherever you have a tap, you have a touchpointas much as taps live on pipes, touchpoints live on channels

Page 46: Rapid Cross-channel Prototyping Workshop IAS17

PIPES? TAPS?

channels are pervasive layers that carry informationaround the ecosystem, like pipes carry water around

the way they are created is a design decision. They could reflect the formal sectioning of an EA model, be the result of the

designers’ own biases and interpretation, or anything in between

Page 47: Rapid Cross-channel Prototyping Workshop IAS17

CHANNELS CONTAIN INFORMATION. AND?

that’s the catch. Channels are containers for specific “types” of information. These types can be compared to loose categories

for example, a going-to-the-movie ecosystem could have a “movie-related” channel. In there you would find IMDB, a kiosk

selling tickets, the website for the cinema, and staff

Page 48: Rapid Cross-channel Prototyping Workshop IAS17

YES, BUT WHY ARE CHANNELS IMPORTANT?

because we are working with informationand our goal is to support better experiences

if staff at the movie theater doesn’t know about tickets or a kiosk malfunction (that is, they do not live on the same channel and have no seams between them), we can be pretty sure that

lack of connection will result in a bad experience

Page 49: Rapid Cross-channel Prototyping Workshop IAS17

UH. AND THE ECOSYSTEM?

the ecosystem is the product of the ontology, the conceptual boundaries used to organize the experience itself

the ecosystem is a spatial structure in blended space, straddling non-continuous digital and physical environments

its boundaries are arbitrary and depend on goals and context

Page 50: Rapid Cross-channel Prototyping Workshop IAS17

NON-LINEAR ECOSYSTEMS VS LINEAR EXPERIENCE

while the ecosystem itself is a non-linear network, actors trying to achieve a future desired state consider themselves moving along a personal, linear path of subsequent steps

even more importantly, their experience is a linear narrative

Page 51: Rapid Cross-channel Prototyping Workshop IAS17

12

3 45 6

7

A PATH THROUGH THE ECOSYSTEM

GREEN LINE: ACTOR’S PATH THROUGH AN ECOSYSTEM COMPRISING 3 DIFFERENT SYSTEMS

Page 52: Rapid Cross-channel Prototyping Workshop IAS17

THE ECOSYSTEM’S BACKBONE IS INFORMATION

actors constantly create, remediate, and use information

this information is transferred along the actor’s path and through the ecosystem, increasing its complexity

designing a successful cross-channel experience means optimizing the information flows and increasing resilience

Page 53: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #1: PROBLEM SPACE (90mins)

identifying actors and actor groups,actor goals, activities, mapping individual paths

check, verify, discuss

Page 54: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

Page 55: Rapid Cross-channel Prototyping Workshop IAS17

OK, SO WHERE DO YOU START FROM?

pragmatically, from the formulation of an individual, organizational, or social need or pain

conceptually, from an actor’s experience

Page 56: Rapid Cross-channel Prototyping Workshop IAS17

THE PRAGMATIC STARTING POINT

is an organizational pain.“We need to increase the rate of paid to free subscriptions”

“We need to improve our <x>”“We need to enter market <y>”

Page 57: Rapid Cross-channel Prototyping Workshop IAS17

THE CONCEPTUAL STARTING POINT

is what the actors do, *their* experience.There is no ecosystem if there is no actor experiencing it

Page 58: Rapid Cross-channel Prototyping Workshop IAS17

WAIT A SECOND, THAT’S NOT AN ANSWER

it is. While a certain project will be initiated because ofa social, organizational, or individual need or pain, that need or

pain is not what generates the ecosystem

that need or pain is a problem space within an ecosystemthat is usually, at project start, largely unknown

Page 59: Rapid Cross-channel Prototyping Workshop IAS17

HERE YOU GO AGAIN. NEEDS AND PAINS?

yes. Needs or pains are usually the reason an investigation starts

examples of organizational pain are “not intercepting the actor’s path because they go to competitors”, “increase our paid-for vs

free customer ratio”, or “enter the online grocery market”

a social pain could be reduce traffic, or promote equality

Page 60: Rapid Cross-channel Prototyping Workshop IAS17

NOT FOLLOWING. ONE MORE EXAMPLE? PLEASE?

sure. That’s what our case for today is for

suppose the chairs want to “make the summit great again”

this need or desire to improve the summit experience is the organizational pain that acts as the catalyst for design

Page 61: Rapid Cross-channel Prototyping Workshop IAS17

WE HAVE AN INITIAL PROBLEM SPACE

what we need to know is who the actors are and what do they do and think

so let’s start stage #1 and have everyoneget on paper two different artifacts

Page 62: Rapid Cross-channel Prototyping Workshop IAS17

INDIVIDUAL ARTIFACT #1

what is the summit for you?

(that is, what is your goal or goals?)

Page 63: Rapid Cross-channel Prototyping Workshop IAS17

INDIVIDUAL ARTIFACT #2

describe your summit experience

(if this is your first time, describe what you’ve seen sofar or describe your experience at another conference)

Page 64: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

STATE YOUR GOALSDESCRIBE YOUR JOURNEY

Page 65: Rapid Cross-channel Prototyping Workshop IAS17

D. Willis, Intent Paths (2011) - https://www.flickr.com/photos/uxcrank/albums/72157626618631035

Page 66: Rapid Cross-channel Prototyping Workshop IAS17

D. Willis, Intent Paths (2011) - https://www.flickr.com/photos/uxcrank/albums/72157626618631035

Page 67: Rapid Cross-channel Prototyping Workshop IAS17

D. Willis, Intent Paths (2011) - https://www.flickr.com/photos/uxcrank/albums/72157626618631035

Page 68: Rapid Cross-channel Prototyping Workshop IAS17

D. Willis, Intent Paths (2011) - https://www.flickr.com/photos/uxcrank/albums/72157626618631035

Page 69: Rapid Cross-channel Prototyping Workshop IAS17

D. Willis, Intent Paths (2011) - https://www.flickr.com/photos/uxcrank/albums/72157626618631035

Page 70: Rapid Cross-channel Prototyping Workshop IAS17

PRIMARY

SECONDARYTERTIARY

Page 71: Rapid Cross-channel Prototyping Workshop IAS17

PRIMARY

SECONDARYTERTIARY

-

+

-

+

Page 72: Rapid Cross-channel Prototyping Workshop IAS17

PERSONAL

LOCALREMOTE

-

+

-

+

Page 73: Rapid Cross-channel Prototyping Workshop IAS17

GMaps

actor

phone

phoneinfo

actor

phone

AR

actor

phone

Accessing GMaps through phone Accessing local phone info Accessing AR through phone

Page 74: Rapid Cross-channel Prototyping Workshop IAS17

Waiting for the bus at the bus stop: when does the bus arrive?

actor

bus stop

person

phoneFacebook

Page 75: Rapid Cross-channel Prototyping Workshop IAS17

Waiting for the bus at the bus stop: when does the bus arrive?

actor

bus stop

person

phone

actor

bus app

phone

Facebook

Page 76: Rapid Cross-channel Prototyping Workshop IAS17

Waiting for the bus at the bus stop: when does the bus arrive?

actor

bus driver

person

actor

person

bus stop

phoneFacebook

actor

bus app

phone

Page 77: Rapid Cross-channel Prototyping Workshop IAS17

GROUP ARTIFACT #1

we have hexagons, markers, stickers

let’s transform your goals and descriptions into paths

Page 78: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

STATE YOUR GOALSDESCRIBE YOUR JOURNEYMAKE PATHS

Page 79: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #2: ECOSYSTEM DRAFT (90mins)

mapping the ecosystem: how-to, initial draft, iterationsLUNCH!

check, verify, discuss

Page 80: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

Page 81: Rapid Cross-channel Prototyping Workshop IAS17

WE HAVE OUR INDIVIDUAL PATHS

now we need to merge them somehow andcreate an initial view of our current ecosystem

Page 82: Rapid Cross-channel Prototyping Workshop IAS17

WE USE A SIMPLE VISUAL VOCABULARY

we turn each and every touchpoint in a circle andevery existing seam in a line, and give the seam a direction

Page 83: Rapid Cross-channel Prototyping Workshop IAS17

SMS

BUSKIOSK

IMDB

MOVIE

HOME

Page 84: Rapid Cross-channel Prototyping Workshop IAS17

A NOTE ABOUT SEAMS

only attribute a direction you verified existsand is used in your descriptions

Page 85: Rapid Cross-channel Prototyping Workshop IAS17

GROUP ARTIFACT #2

there’s more we can add to the mapbut let’s give this thing a go and learn while we do

Page 86: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

ECOSYSTEM DRAFTCHANNELS DRAFT

Page 87: Rapid Cross-channel Prototyping Workshop IAS17

GROUP ARTIFACT #3

let’s make the ecosystem map better

Page 88: Rapid Cross-channel Prototyping Workshop IAS17

GROUP ARTIFACT #4

now the hard part: the channels

Page 89: Rapid Cross-channel Prototyping Workshop IAS17

REMEMBER WHAT WE SAID

channels are a design construct. They do not really exist

the best way to imagine them is to think of pipescarrying information around the ecosystem

Page 90: Rapid Cross-channel Prototyping Workshop IAS17

THEY ARE A DESIGN ARTIFACT

the way they are created is a design decision. They could reflect the formal sectioning of an EA model, be the result of the

designers’ own biases and interpretation, or anything in between

Page 91: Rapid Cross-channel Prototyping Workshop IAS17

EXAMPLES

a going-to-the-movie ecosystem could have a “movie-related” channel containing IMDB, ticket kiosks, the website for the

cinema, and possibly staff

a conference experience could have an “official comm” channel

most times it’s possible to identify physical, biological, and digital primary channels. They are also not usually very useful

Page 92: Rapid Cross-channel Prototyping Workshop IAS17

REMEMBER: CHANNELS ARE IMPORTANT

they allow us to visualize continuity or gaps in the information flows that actors totally miss or do not care about because they

do not possess an ecosystem-level view

Page 93: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

ECOSYSTEM DRAFTCHANNELS DRAFT

ECOSYSTEM REFINEMENTCHANNELS REFINEMENT

Page 94: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #3: MORE DIVERGENCE (30mins)

round-robin draft ecosystem critique

groups get to ask questions, comment, and critiquewhat the other group have been doing

Page 95: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

CRITIQUE

Page 96: Rapid Cross-channel Prototyping Workshop IAS17

TAKE A LOOK, GIVE FEEDBACK

one group member remains to discuss, take notes, and explain

the other members move to another table to give feedback

we proceed until we complete a full rotation

Page 97: Rapid Cross-channel Prototyping Workshop IAS17

USE THAT FEEDBACK TO REFINE YOUR MAP

iterate your map once more

Page 98: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

CRITIQUEREFINEMENT

Page 99: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #4: ASSESSMENT (60mins)

the ecosystem map is refined, challenges and opportunities are evaluated, a strategic plan laid out to respond to the initial goals

and to the actors’ experience

a specific touchpoint / artifact is singled out for intervention

Page 100: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

Page 101: Rapid Cross-channel Prototyping Workshop IAS17

STAGE #5: INTERVENTION (90mins)

from ecosystem to artifact. Groups formulate the design or redesign of the touchpoint / artifact and evaluate how it will

affect the ecosystem and the actors’ choices

presentations, reflections, discussion, wrap-up

Page 102: Rapid Cross-channel Prototyping Workshop IAS17

LUNCHSTASTAGE #1 GE #2 STAGE #3 STAGE #4

STAGE #5

STAGE #0

OVERVIEW

Page 103: Rapid Cross-channel Prototyping Workshop IAS17

THANK YOU SO MUCH

please remember to fill in the evaluation forms and do get in touch if you have questions, doubts, or want to share your own

investigations. Ping me @resmini anytime

have a great summit!