information architecture bottom up
Post on 18-Oct-2014
403 views
DESCRIPTION
Slides for my STC14 presentation "Information Architecture Bottom Up."TRANSCRIPT
![Page 1: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/1.jpg)
Information Architecture Bottom Up
Mark BakerSTC Summit 2014
![Page 4: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/4.jpg)
Dewey Decimal: All of human knowledge in one hierarchy
![Page 5: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/5.jpg)
THE TABLE OF CONTENTS
![Page 6: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/6.jpg)
TOC as Curriculum
![Page 7: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/7.jpg)
Curriculum into miscellany
![Page 8: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/8.jpg)
TOC as classification
![Page 9: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/9.jpg)
TOC as classification
![Page 10: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/10.jpg)
10
TOC as list
TOC as simple list
![Page 12: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/12.jpg)
TOC as Classification
TOC as hierarchy based on nature
![Page 13: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/13.jpg)
Natural Hierarchy
TOC as hierarchy based on user’s interests
![Page 14: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/14.jpg)
14
Arbitrary Hierarchy
Year Transmission
Price Mileage
Body-style Exterior color
Private seller vs Dealer
![Page 16: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/16.jpg)
TOC as hierarchy based on whimsy
![Page 17: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/17.jpg)
17
Faceted Classification
Faceted classification: each class independent of the others
![Page 18: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/18.jpg)
CLASSIFICATION PROBLEMS
![Page 19: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/19.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/20.jpg)
20
Google: Stepmother flower
Search term: stepmother flower
![Page 21: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/21.jpg)
21
Google: Football flower
Search term: football flower
![Page 22: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/22.jpg)
22
Google: Three faces under a hood
Search term: three faces under a hood
![Page 23: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/23.jpg)
THE PROBLEM OF SCALE
![Page 24: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/24.jpg)
TOCs get larger
![Page 25: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/25.jpg)
25
Self-contained?
And larger…And the context more remote…
![Page 27: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/27.jpg)
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](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/28.jpg)
No more channelsAll content flows to the Web
![Page 29: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/29.jpg)
TOP-DOWN TO BOTTOM-UP
![Page 31: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/31.jpg)
20th Century Encyclopedia: alphabetical
![Page 33: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/33.jpg)
33
Exercise: Classify this
21st Century Encyclopedia: ???
![Page 34: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/34.jpg)
34
DYNAMIC SEMANTIC CLUSTERING
![Page 35: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/35.jpg)
35
Search results
Dynamic Semantic Clustering: Search Results
![Page 36: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/36.jpg)
Dynamic Semantic Clustering: Twitter #hashtags
![Page 38: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/38.jpg)
Dynamic Semantic Clustering: Forums
![Page 39: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/39.jpg)
Dynamic Semantic Clustering: Q&A Sites
![Page 40: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/40.jpg)
40
Exercise: Classify this
Static semantic clustering through linking
![Page 41: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/41.jpg)
A topic in a bottom-up architecture is a hub of its local subject space
![Page 42: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/42.jpg)
Incomprehensible from the top down
![Page 43: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/43.jpg)
43
Exercise: Classify this
Perfectly lucid from the bottom up
![Page 44: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/44.jpg)
Readers encounter pages bottom-up even when designed top-down
![Page 45: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/45.jpg)
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 46: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/46.jpg)
47
Self-contained?
Black Forest Ham and Gruyère Frittata
Self-contained
![Page 47: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/47.jpg)
48
Not all-encompassing
Reluctant Gourmet
Specific and limited purpose
![Page 49: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/49.jpg)
Establish context
![Page 50: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/50.jpg)
51
Self-contained?
Black Forest Ham and Gruyère Frittata
Assume the reader is qualified
![Page 51: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/51.jpg)
BIG PICTURE
Pathfinder Pathfinder Pathfinder
WorkflowWorkflow Workflow Workflow
Task Task Task Task Task Task
Stay on one level
![Page 54: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/54.jpg)
The walled garden
![Page 55: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/55.jpg)
The bazaar
![Page 56: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/56.jpg)
Every Page is Page One
![Page 57: Information architecture bottom up](https://reader038.vdocument.in/reader038/viewer/2022102804/54423a0bb1af9f390a8b45b2/html5/thumbnails/57.jpg)
Questions?
Contact information Mark Baker Analecta Communications Inc. +1 613 422 9400 [email protected] Twitter: @mbakeranalecta http://analecta.com http://everypageispageone.com