WIAD Ghent 2016

117
Chickens and Eggs (a broader view of information architecture) Eric Reiss @elreiss WIAD 2016 February 20, 2016 Ghent, Belgium

Transcript of WIAD Ghent 2016

Page 1: WIAD Ghent 2016

Chickens and Eggs(a broader view of information architecture)

Eric Reiss@elreiss

WIAD 2016February 20, 2016

Ghent, Belgium

Page 2: WIAD Ghent 2016

My premise for today’s talk:

If you don’t know where you’ve been, it’s difficult to see where you’re going.

Page 3: WIAD Ghent 2016

I hope to dispell some myths:� IA was first invented in the ‘70s� IA relates strictly to digital information� Reading IA books will make you an IA

I also want to share my thoughts on three key issues:� context� psychology� changing content properties

My goals, your take -aways

Page 4: WIAD Ghent 2016

So, when did it start?

Using the termDoing the work

Page 5: WIAD Ghent 2016

February 1998

Page 6: WIAD Ghent 2016

Happy birthday, polar bear book!

Page 7: WIAD Ghent 2016

February 1998August 1999

Page 8: WIAD Ghent 2016

“But gosh, I’ve been doing this fora long, long time .

Certainly others were doing thisbefore me ...”

Page 9: WIAD Ghent 2016

Belgium’s first information architect

Page 10: WIAD Ghent 2016

IA and gestural interfaces - 1935

https://www.youtube.com/watch?v=8kuCSRJcTgY

Page 11: WIAD Ghent 2016

A 150-year-old infographic

Page 12: WIAD Ghent 2016

A 170-year-old sitemap

Page 13: WIAD Ghent 2016

A 220-year-old SEO project

Page 14: WIAD Ghent 2016

A 250-year-old knowledge map

Page 15: WIAD Ghent 2016

A 300-year-old taxonomy

Page 16: WIAD Ghent 2016

A 400-year-old content inventory

Page 17: WIAD Ghent 2016

650-year-old personas

Page 18: WIAD Ghent 2016

A 5000-year-old wireframe

Page 19: WIAD Ghent 2016

And you could argue that Platowas actually the first person to

write about information architecture!

Page 20: WIAD Ghent 2016
Page 21: WIAD Ghent 2016
Page 22: WIAD Ghent 2016

Content strategyAbelBailie/UrbinaBloomsteinHalvorsonKissaneLammMcGraneNicholsRachWachter-Boettcher

IAArangoCovertGilchrist/MahonMorvilleReissResmini/RosatiRosenfeldvan DijckWodtke/GovellaWurman

UsabilityKrugNielsenPearrowReissRubin/ChisnellSnitkerSpoolWroblewski

UXChandler/UngerCooperGoodwinGothelfGarrettKuniavskyNormanShedroffSafferUnger/Starmer

MarcomDruckerGodinKottlerPepperPetersRogers

AdvertisingCaplesHopkinsOgilvy

ServiceBeckwithCrosbyOsterwalderPolaine/LøvlieSeyboldSchneiderStickdornTschohlUnderhillZemke

Page 23: WIAD Ghent 2016

Reading books is good.But don’t discount the value of

emprical experience and intuition .

And you gain experience everywhere !

Page 24: WIAD Ghent 2016

These won’t make you a chef or a mechanic

Page 25: WIAD Ghent 2016

Mama said “no” but we learned by touching

Page 26: WIAD Ghent 2016

And books won’t teach you the secrets of every great information architect:

• Curiosity• Empathy• Passion

Page 27: WIAD Ghent 2016

Time travel back to thevery first IA Summit

Page 28: WIAD Ghent 2016
Page 29: WIAD Ghent 2016

(Strange seas of colour…)

Stage

Me

Page 30: WIAD Ghent 2016

Cool blackTweed

Flannel Other

Page 31: WIAD Ghent 2016
Page 32: WIAD Ghent 2016

Sadly, 16 years later , these groups still don’t really get along

• designers• academics• developers• marketers

Page 33: WIAD Ghent 2016

The wonderful Lou Rosenfeld spent all night working on this diagram

Page 34: WIAD Ghent 2016

Information architecture Model ver. 0.01(synthesis of ~900 terms, 8 April 2000)

Information

InformationArchitect

Information

UserIA Goals•Meet user-needs•Mediation•Usability•Added value

•Navigate•Search•Browse•Evaluate

•Design•Implement•Structure•Tag/index

•Analysis•Model•Classify•Evaluate

•Create•Own•Edit•Manage

Standards

DisciplinesPolicies

Technology

Page 35: WIAD Ghent 2016

The Wikipedia still thinks information architecture is strictly digital

Page 36: WIAD Ghent 2016
Page 37: WIAD Ghent 2016

How do we do information architecture?

• Gather things in convenient categories• Call things something recognizable• Put things where they can be found

Page 38: WIAD Ghent 2016

Wurman’s LATCH model (1994)

L – LocationGhent is a city in Belgium

A – AlphabetGhent starts with the letter “G”

T – TimeGhent dates back to the stone age

C – CategoryGhent is a “marine west coast climate”

H – HierarchyGhent is the largest city in Eastern Flanders

Page 39: WIAD Ghent 2016

IA is not just something on a screen

Page 40: WIAD Ghent 2016
Page 41: WIAD Ghent 2016

Gather things in convenient categories

Page 42: WIAD Ghent 2016
Page 43: WIAD Ghent 2016
Page 44: WIAD Ghent 2016
Page 45: WIAD Ghent 2016

Message: our skills are valuable far beyond the screen

Page 46: WIAD Ghent 2016

Call things something recognizable

(a case story froma strip mall in Miami)

Page 47: WIAD Ghent 2016
Page 48: WIAD Ghent 2016

Generic labels easily read from a speeding car

Page 49: WIAD Ghent 2016
Page 50: WIAD Ghent 2016

Find the weird label...

Page 51: WIAD Ghent 2016
Page 52: WIAD Ghent 2016
Page 53: WIAD Ghent 2016

Usability testing in the real world

Page 54: WIAD Ghent 2016

2007

Page 55: WIAD Ghent 2016

2009

Page 56: WIAD Ghent 2016

2012

Page 57: WIAD Ghent 2016

Message: labels have to becrystal clear and appropriate to the

user’s environment

Page 58: WIAD Ghent 2016

Put things where they can be found

Page 59: WIAD Ghent 2016

Put them where they can be found

Page 60: WIAD Ghent 2016
Page 61: WIAD Ghent 2016

Message: if content is king,context is the kingdom

Page 62: WIAD Ghent 2016

What and how are only part of the story

Page 63: WIAD Ghent 2016

What and how are only part of the story

Page 64: WIAD Ghent 2016

Fundamentals of change management

Page 65: WIAD Ghent 2016
Page 66: WIAD Ghent 2016

HowWhat

Why

Page 67: WIAD Ghent 2016

Once you understand the “ why ” of IA, the “what” and “how” are mostly a

matter of common sense and practice.

Page 68: WIAD Ghent 2016

Why?

To create understanding through context

Page 69: WIAD Ghent 2016
Page 70: WIAD Ghent 2016
Page 71: WIAD Ghent 2016
Page 72: WIAD Ghent 2016
Page 73: WIAD Ghent 2016
Page 74: WIAD Ghent 2016

Noise

Information

Understanding

Page 75: WIAD Ghent 2016

“You can only understandsomething relative tosomething else.”

Richard Saul Wurman

Page 76: WIAD Ghent 2016
Page 77: WIAD Ghent 2016
Page 78: WIAD Ghent 2016
Page 79: WIAD Ghent 2016
Page 80: WIAD Ghent 2016
Page 81: WIAD Ghent 2016

Our title is “ information architect ”

Perhaps itis should be“ context coordinator ”

Page 82: WIAD Ghent 2016

Content collections can be messy.

Pattern recognition is a key skill

Page 83: WIAD Ghent 2016

� An ergonomic seat designed for one person� Optical lenses invented by Benjamin Franklin� Alcoholic mixture invented by Dr. Iain Marshall � Incandescent device invented by Thomas Edison� Fabric made on a loom invented by JM Jacquard� Rouge Royale (marble)� Baskerville Light (typography)� Domesticated mammal

(This is often how our clients look at their content)

Content objects

Page 84: WIAD Ghent 2016

� Armchair� Bifocal eyeglasses� Manhattan Cocktail� Lightbulb� Wool jumper� Tabletop� Book� Cat

(This is an easier way to look at content)

Content objects (simplified)

Page 85: WIAD Ghent 2016
Page 86: WIAD Ghent 2016

Eyeglasses

Wool pullover

Lightbulb

Marble tabletop

Armchair

Book

Gus the Cat

Manhattan Cocktail

Page 87: WIAD Ghent 2016

Sensory assistance

Warmth/comfort

Sensory assistance

Convenience/aethetics

Convenience/comfort

Education/information

Companionship

Chemical stimuli

Page 88: WIAD Ghent 2016

Message: You have to understand the big picture in order to make good

tactical decisions. And the big picture is found in the business plan .

Page 89: WIAD Ghent 2016

Content strategy can go wrong

Page 90: WIAD Ghent 2016

Let’s dry our hair ...

Which three things do we need?

Page 91: WIAD Ghent 2016
Page 92: WIAD Ghent 2016
Page 93: WIAD Ghent 2016

Message: the IA behind theInternet of Things

has always been here.

It just hasn’t always been on the internet! Now, it’s up to us to form the

electronic “arrows”

Page 94: WIAD Ghent 2016

If we don’t get the context right,the user experience suffers

Page 95: WIAD Ghent 2016

https://www.youtube.com/watch?v=E3rB_qx0wRM

Page 96: WIAD Ghent 2016

Message: you have to giveusers options and not just a

single, inflexible solution

Page 97: WIAD Ghent 2016

If we don’t get the context right,sales may suffer, too.

Page 98: WIAD Ghent 2016
Page 99: WIAD Ghent 2016

+

vs. vs.

Page 100: WIAD Ghent 2016

� Buy camera and case at same time� Expectation that some high-end cases would be sold

� Case bought separately – two choices� Expectation that mostly low-end cases would be sold

� Case bought separately – three choices� Expectation that mostly mid-range cases would be sold

Inspired by Dr. Susan Weinschenk

Three different scenarios

Page 101: WIAD Ghent 2016
Page 102: WIAD Ghent 2016

Message: Study up on the psychology of choice

Page 103: WIAD Ghent 2016

And sometimes our initial perceptionscan be misleading...

Page 104: WIAD Ghent 2016

A - a sphere and a circle

B - a sphere and a cube

Which seem more alike?

Page 105: WIAD Ghent 2016

A – cassette tape

B – mirror

C – music CD

D – LP record

Which of these items seems least relevant?

Page 106: WIAD Ghent 2016

A – cassette tape

B – mirror

C – music CD

D – tin-can lid

Which of these items seems least relevant?

Page 107: WIAD Ghent 2016

A – cassette tape

B – mirror

C – old car hubcap

D – tin-can lid

Which of these items seems least relevant?

Page 108: WIAD Ghent 2016

A - a cube and a square

B - a cube and a sphere

But here’s my original question…did you change from A to B? If so, you probably started to see the generic properties.

A - a sphere and a circle

B - a sphere and a cube

Which seem more alike?

Page 109: WIAD Ghent 2016

Percent changes in perception

https://www.asis.org/Bulletin/Feb-08/FebMar08_IA_Reiss.html

Page 110: WIAD Ghent 2016

What are the generic properties?

• Shiny• Sharp• Rolls• Contains stuff• Makes noise

Page 111: WIAD Ghent 2016

Message: to find new contextual relationships, you must look at

the generic properties of the content

Page 112: WIAD Ghent 2016

I hope to dispell some myths:� IA was first invented in the ‘70s� IA relates strictly to digital information� Reading IA books will make you an IA

I also want to share my thoughts on three key issues:� Creating meaningful context� Understanding psychology� Identifying generic content properties

My goals, your take -aways

Page 113: WIAD Ghent 2016

Bonus material

(a basic process for introducing IA/UX as an integral part of how an

organisation does business when the stakeholders just want to continue

doing business as usual)

Page 114: WIAD Ghent 2016

Reiss’s Integration Model (3:24 AM)

� Figure out the business problem� (Read the business plan)

� Understand the opportunities� (Identify ways to create value through IA/UX)

� Channel your energy� (Don’t get sidetracked by naysayers)

� Kiss some ass� (A sad part of doing business)

� Institutionalize the process� (Find your champions. Spread the word)

� Take care of the business goals� (Show the stakeholders the money!)

Page 115: WIAD Ghent 2016

But above all else, there are three skills every great IA demonstrates:

Passion, curiosity, and empathy

With these, you can rule the world!

Page 116: WIAD Ghent 2016

Dank U!Merci!

Page 117: WIAD Ghent 2016

The FatDUX Group ApSStrandøre 152100 CopenhagenDenmark

Office: (+45) 39 29 07 07Mobil: (+45) 20 12 88 44Twitter: @[email protected]

Eric Reiss can (usually) be found at: