information architecture bottom up

57
Information Architecture Bottom Up Mark Baker STC Summit 2014

Post on 18-Oct-2014

402 views

Category:

Technology


3 download

DESCRIPTION

Slides for my STC14 presentation "Information Architecture Bottom Up."

TRANSCRIPT

Page 1: Information architecture bottom up

Information Architecture Bottom Up

Mark BakerSTC Summit 2014

Page 2: Information architecture bottom up

Information Architecture top-down

Page 3: Information architecture bottom up

Linnaean taxonomy: vegetable, animal, mineral

Page 4: Information architecture bottom up

Dewey Decimal: All of human knowledge in one hierarchy

Page 5: Information architecture bottom up

THE TABLE OF CONTENTS

Page 6: Information architecture bottom up

TOC as Curriculum

Page 7: Information architecture bottom up

Curriculum into miscellany

Page 9: Information architecture bottom up

TOC as classification

Page 10: Information architecture bottom up

10

TOC as list

TOC as simple list

Page 11: Information architecture bottom up

TOC as alphabetical list

Page 12: Information architecture bottom up

TOC as Classification

TOC as hierarchy based on nature

Page 13: Information architecture bottom up

Natural Hierarchy

TOC as hierarchy based on user’s interests

Page 14: Information architecture bottom up

14

Arbitrary Hierarchy

Year Transmission

Price Mileage

Body-style Exterior color

Private seller vs Dealer

Page 15: Information architecture bottom up

15

Unnatural Hierarchy

TOC as hierarchy based on arbitrary groupings

Page 16: Information architecture bottom up

TOC as hierarchy based on whimsy

Page 17: Information architecture bottom up

17

Faceted Classification

Faceted classification: each class independent of the others

Page 18: Information architecture bottom up

CLASSIFICATION PROBLEMS

Page 19: Information architecture bottom up

19

Limits of TaxonomyPlantae/Angiosperms/Eudicots/Rosids/Malpighiales/Violaceae/Viola/Viola tricolor

PansyThree faces under a hoodFlame FlowerJump up and Kiss MeFlower of JovePink of my JohnStepmother FlowerFootball flowers

Experts classifyEveryone else names

Page 20: Information architecture bottom up

20

Google: Stepmother flower

Search term: stepmother flower

Page 21: Information architecture bottom up

21

Google: Football flower

Search term: football flower

Page 22: Information architecture bottom up

22

Google: Three faces under a hood

Search term: three faces under a hood

Page 23: Information architecture bottom up

THE PROBLEM OF SCALE

Page 24: Information architecture bottom up

TOCs get larger

Page 26: Information architecture bottom up

And largerUntil we have Frankenbooks

Page 27: Information architecture bottom up

27

Limits of Top Down Organization

Reader’s patience with curriculum Scope Scale Variety Complexity Unevenness “Everything is Miscellaneous”

Page 28: Information architecture bottom up

No more channelsAll content flows to the Web

Page 29: Information architecture bottom up

TOP-DOWN TO BOTTOM-UP

Page 30: Information architecture bottom up

18th Century Encyclopedia: hierarchical

Page 31: Information architecture bottom up

20th Century Encyclopedia: alphabetical

Page 32: Information architecture bottom up

Encyclopedia Britannica Propaedia still trying hierarchy

Page 33: Information architecture bottom up

33

Exercise: Classify this

21st Century Encyclopedia: ???

Page 34: Information architecture bottom up

34

DYNAMIC SEMANTIC CLUSTERING

Page 36: Information architecture bottom up

Dynamic Semantic Clustering: Twitter #hashtags

Page 37: Information architecture bottom up

Dynamic Semantic Clustering: News Feeds

Page 40: Information architecture bottom up

40

Exercise: Classify this

Static semantic clustering through linking

Page 41: Information architecture bottom up

A topic in a bottom-up architecture is a hub of its local subject space

Page 42: Information architecture bottom up

Incomprehensible from the top down

Page 43: Information architecture bottom up

43

Exercise: Classify this

Perfectly lucid from the bottom up

Page 44: Information architecture bottom up

Readers encounter pages bottom-up even when designed top-down

Page 45: Information architecture bottom up

Principles of bottom-up information architecture

Make every topic work as page one Make every topic a hub of its local

subject space Provide robust search Respect the broader information grid

in which your content is embedded

Page 47: Information architecture bottom up

48

Not all-encompassing

Reluctant Gourmet

Specific and limited purpose

Page 49: Information architecture bottom up

Establish context

Page 51: Information architecture bottom up

BIG PICTURE

Pathfinder Pathfinder Pathfinder

WorkflowWorkflow Workflow Workflow

Task Task Task Task Task Task

Stay on one level

Page 52: Information architecture bottom up

53

Exercise: Classify this

Link richly

Page 54: Information architecture bottom up

The walled garden

Page 55: Information architecture bottom up

The bazaar

Page 56: Information architecture bottom up

Every Page is Page One

Page 57: Information architecture bottom up

Questions?

Contact information Mark Baker Analecta Communications Inc. +1 613 422 9400 [email protected] Twitter: @mbakeranalecta http://analecta.com http://everypageispageone.com