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

WIAD Ghent 2016

Apr 21, 2017

Download

Design

Eric Reiss
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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: