ux strat usa, dan klyn and andrew hinton, "strategic ux through information architecture"

141
Strategic UX Through Information Architecture a workshop with Andrew Hinton & Dan Klyn at

Upload: ux-strat

Post on 09-Jan-2017

1.732 views

Category:

Design


1 download

TRANSCRIPT

Page 1: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Strategic UXThrough Information Architecturea workshop with Andrew Hinton & Dan Klyn at

Page 2: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Introducing:Andrew Hinton @inkblurtCo-founder of the IA Institute Works as an IA consultantWrote a book: Understanding Context

Dan Klyn @danklynFormer Treasurer of the IA InstituteTeaches at the University of Michigan School of InformationWorks as an IA consultantAssistant on Richard Saul Wurman’s new book project

Abby Covert @Abby_the_IAPresident of the IA InstituteWorks as an IA ConsultantWrote a book: How To Make Sense of Any Mess

Exercises co-developed withAbby as part of the IA Summit 2015

Page 3: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

1990s 2000s 2010s More on the way!1970s– 80s

Ideas from IBM, Xerox PARC, and Information Theory …Plus RSW’s 1976 AIA conference in Philadelphia

First IA Summit

An evolving discipline.

Parallel (but not “IA-specific” examples of similar thinking…)

Page 4: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

150X/DAY

40HRS/MO

@davidpetersimon

Page 5: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 6: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 7: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Photo from Library of Congress Detroit Publishing Collection, Call Number LC-D4-3320

Page 8: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

United States Of America by Joao Santos from the Noun Project

Page 9: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Photo from Library of Congress Detroit Publishing Collection, Call Number LC-D4-3320

Page 10: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 11: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

James Jerome Gibson (/ˈɡɪbsən/; January 27, 1904 – December 11, 1979)

Page 12: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 13: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Information Architecture is about the structural integrityof meaningacross contexts What Things Are@jarango

Page 14: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 15: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 16: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 17: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 18: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 19: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Steelcase Corporate Development Center in Gaines Township, Michigan Photo by Wikipedia contributor “Trance88”

1989

$111,000,000

Page 20: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Steelcase Corporate Development Center in Gaines Township, Michigan Photo by Dan Klyn

2015

$2,800,000

Page 21: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

With kind permission of John Auchter, Originally published in the Grand Rapids Business Journal, July 27, 2009

Page 22: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Christian Norberg-Shulz

PLACES REPRESENT

ARCHITECTURE’S SHARE IN

TRUTH

Page 23: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

“There needs to be a place… one place. One complete thought around music…

Trent Reznor

Page 24: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

A PLACE MADE OFINFORMATION

Page 25: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Chapelle Notre Dame du Haut – Ronchamp by Le Corbusier. Photo by Jopa Elleul

1955

Page 26: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

“Sculptured House” by Charles Deaton, photo credit unknown, Wikimedia Commons

1963

Page 27: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

1963

“Sculptured House” by Charles Deaton, photos by user “digijeff” on Flickr

I WANTED THE SHAPE OF IT TO SING AN UNENCUMBERED SONG

Page 28: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

1962

Page 29: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

1962

West elevation blueprint drawing of TWA Flight Center at JFK Airport in New York City by Eero Saaranen

ALWAYS DESIGN A THING BY CONSIDERING IT IN ITS NEXT LARGER CONTEXTEliel Saaranen

Page 30: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

https://flic.kr/p/awoXAa

https://flic.kr/p/awoXAa

19631962

Page 31: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

WHAT IS GOOD

STRUCTURE?

Page 32: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

WHEN DO YOU KNOW IF YOU’VE GOT IT?

WHERE IS GOOD STRUCTURE DEVELOPED?

Page 33: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

WHOSE JOB IS GOOD STRUCTURE?

Page 34: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 35: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

!?!

Page 36: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Shaping information architectures to better ensure the realization of experiences for users that’re well- aligned with strategyOntology - Particular Meaning

What Things Are Taxonomy - Arrangement of Meanings

Where Things Should GoChoreography - Stitching Experiences Together

How Things Connect

Page 37: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

strategem

Page 38: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

strategy

Page 39: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

What Things AreOntology: Particular Meaning

Page 41: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

The way in which you are and I am,the manner in which we humans are is dwelling.

Dwelling itself is alwaysa staying with things.

- Martin Heidegger

Page 42: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 43: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 44: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 45: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Words And Pictures Help, Except When They Don’t

Page 46: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 47: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

What’s a hammer? What’s a store?

Facets Location

Search

Learn

ing

Relevance

Cross-sellingUtili

ties

Channels

Page 48: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

What Do We Mean When We Say What We Say?

Page 49: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

“Interested”≠

“Like”

*hypothetical wireframe

Page 50: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

structures exist in environments and ecosystems

Page 51: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

information isn’t just one thing

Machine to Machine

Person to Person

Body to Environment

Page 52: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 53: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 54: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Invariants are important for semantic information, not just physical stuff.

Page 55: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Semantic Information Across Layers & Channels

Page 56: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

What Do We Mean When We Say What We Say?

Page 57: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Each category valorizes some point of view and silences another.

Peter MorvilleIntertwingledSemantic Studios, Ann Arbor2015

Page 58: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 59: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 60: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 61: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 62: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

What Do We Mean When We Say What We Say?

Page 63: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 64: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 65: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Status Objects

Media ServicesInfrastructure

Page 66: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

products/services exist in a landscape

Page 67: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Information Architecture is about the structural integrityof meaningacross contexts What Things Are@jarango

Page 68: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Words WeDon’tSayKurt AndersonNew York Magazine

Page 69: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Break

Page 70: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Activity:What Are The Things?

Pair off and dig into the world of the retail catalog you’ve been given. On what bases are these people thing-ing this catalog? Make a bubble diagram to differentiate among clusters of more and less related things in order to arrive at a configuration of bubbles which indicates the relative sizes and meanings of the clusters.

Start with the biggest thing, and the slightest thing. How many orders of magnitude bigger is one from the other? How much overlap or circumscription is true based on what you see in the catalog?

After setting up biggest and slightest, next you can ask: what are the least and most connected things of all the things?

Page 71: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 72: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Note: The Ontology of Shapes

Page 73: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 74: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Bubble diagrams

Page 75: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Where Things GoTaxonomy - Arrangement of Meanings

Page 76: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Andy Fitzgerald @andybywire

Page 77: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

ListsHierarchiesPolyhierarchiesContinuumsMatricesFacetsSystem mapsetc …

taxonomyNot just hierarchy

“the rules or conventions of order or arrangement”

Organising Knowledge- Patrick Lambe

Page 78: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Socks

faceted classificationMany relationships between

There are many ways of ordering, rather than a single, fixed hierarchy. String multiple taxonomies together at once…

S.R. Ranganathan 1892 – 1972

http://w3.uniroma1.it/

color::pattern::material::function::length

blue::solid::nylon::dress::14in

Page 79: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Where does this go?

Page 80: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

What’s next?

Page 81: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 82: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 83: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 84: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 85: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

ORDERLY≠

ORDER

Page 86: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 87: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 88: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

“Taxonomies provide the lenses by which we perceive and talk about the world we live in.”- Patrick Lambe, Organising Knowledge

Page 89: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

places made of connected language

Page 90: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Web Store

PhysicalStore Books

Poetry

we understand places as “nested” structures

Page 91: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 92: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

taxonomy of place, not just objects

Page 93: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Web Store

PhysicalStore Books

Poetry

people encounter the ‘what’ …

Information on 3rd party

platforms (maps, review sites,

etc.)

3rd party book retailers

Cultural history…

…across many contexts.

Page 94: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Andy Clark, Supersizing the Mind

“culture”

“love”

“fun”

“nature”

“jazz”

“economy”

“smart”

Page 95: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

“Recipe Box” – Desktop Web + Mobile App

Membership Card – Physical + Virtual

ecosystems made of language

Page 96: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

taxonomy = sensemaking

Page 97: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

taxonomy = placemaking

Page 98: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Information Architecture is a series of argumentsfor arranging thingsa particular way

Page 99: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 100: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Activity:How are things arranged?

1. Propose a taxonomy strategy for your brand based on the brief of your intended audience.

2. Hang up your work and be ready to discuss it.

Page 101: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Lunch

Page 102: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Organizing information isn’t the hard part. Agreeing is the hard part.

- Abby Covert

Page 103: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Real Agreement Requires Accurate MapsA map is not the territory it represents, but, if correct, it has a similar structure to the territory, which accounts for its usefulness

- Alfred Korzybski

Page 104: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

service acquire

Page 105: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

service acquire

Page 106: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

service acquire

Page 107: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

service acquire

Page 108: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Activity:

What now?

1. Split your group in half, and combine with a group working on the other brand

2. Model this new group’s intent for the way this merger plays out in terms of experience strategy

“When strategy and structure meet people and process, our maps must be subject to change, because things rarely go according to plan.”

- Peter Morville

Page 109: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

How Things Choreography - Stitching Together Experiences

Should Connect

Page 110: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Architecture is a choreography of the familiar and the surprising.Charles Moore

Page 111: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 112: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 113: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

COMPOSITION

The ‘rules’ make dynamic systems out of labels & relationships …

Page 114: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Links create rules. (And rules can change links.)

Page 115: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Information = multimodal

Machine to Machine

Person to Person

Body to Environment

Page 116: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Chris Risdon / Adaptive Path -- http://www.adaptivepath.com/ideas/the-anatomy-of-an-experience-map/

products/services = multimodal

Page 117: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

The ‘rules’ make dynamic systems out of labels and relationships.

Page 118: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 119: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Rules For How Things Should Connect

Page 120: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Rules For How Things Should Connect

Page 121: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Rules For How Things Should Connect

Page 122: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 123: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 124: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 125: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 126: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 127: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 128: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Final Activity:Make a concept model to help explain the arguments being made in your intention model and experience strategy in terms of structure.

Page 129: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

DUMBENOUGH?

Page 131: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Rhetorical > Pictorial

Page 132: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 133: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

case study

design story

product

CaseStudies

SOLUTIONS

DESIGN _

ABOUT

designers

materials

research

resources

mag

case study

design story

product

Page 134: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 135: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

Show & TellLet’s do some comparative admiring of each other’s approaches to the taxonomy strategy and conceptual model for these merged businesses, and hear about the intention they’re meant to line up with.

Page 136: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"

What’s Next

Page 137: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 138: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 139: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 140: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"
Page 141: UX STRAT USA, Dan Klyn and Andrew Hinton, "Strategic UX Through Information Architecture"