Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WCUS - The importance of information architecture

Monique Dubbelman
December 06, 2017
Design
0
140

WCUS - The importance of information architecture

My slides from my presentation about information architecture on WordCamp US 2017, Nashville!

More resources on Information Architecture: https://www.boemedia.nl/eng/resources-information-architecture

Monique Dubbelman

December 06, 2017
Tweet

More Decks by Monique Dubbelman

See All by Monique Dubbelman
Wat heb je zoal gemist in WordPress in 2020-2021?
mdubbelm
0
70
100 Days Of Code - Why you should learn how to code - Paris Web 2019
mdubbelm
1
130
100 Days of What? Why you should learn how to code, even if you don’t fancy a coding career.
mdubbelm
0
75
How to deal with information overload in everyday life
mdubbelm
0
140
Dear WordPress community, we've turned WP-admin into a monster!
mdubbelm
0
80
Lightning talk on Information Architecture
mdubbelm
0
230
The Importance Of Information Architecture
mdubbelm
0
600

Other Decks in Design

See All in Design
スタジオディテイルズ / Company Information
studiodetails
1
3.1k
UIデザインワークショップ - JaSST'23 Hokkaido
garyuten
0
110
OOP2023-Systems Thinking for Impactful Changes
xinyao
3
180
UXA2023 Emily Underwood and Eilish Out-O'Reilly - Designing for the overlooked user we will all become
uxaustralia
PRO
0
110
保育士がデザイナーになって直面した壁とこれからの挑戦
kubosaya
1
370
デスクトップアプリケーションのUIパターン - ウインドウ編（公開版） / UI Patterns of Desktop Applications - Window Layouts
usagimaru
11
4.7k
20230615tdm
miure
0
120
SHM Illustration
thebloggart
0
260
BtoB SaaSプロダクトで「機能する」デザインシステムを目指して
sizucca
5
3.4k
root 会社紹介資料 / We are hiring.
root_recruit
1
1.3k
鬼の赤ペン先生つき！SmartHR流テクニカルライティング講座を開催した話 / Introduction of the technical writing course at SmartHR
keroyama
1
270
みんなで使うFigmaの環境づくり＠名古屋Figma勉強会
kiyoshifuwa
2
370

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
26
45k
The Cult of Friendly URLs
andyhume
71
5.3k
Faster Mobile Websites
deanohume
296
29k
How GitHub (no longer) Works
holman
299
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
16
1.4k
KATA
mclloyd
13
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Embracing the Ebb and Flow
colly
77
3.8k
Product Roadmaps are Hard
iamctodd
42
8.7k
Rails Girls Zürich Keynote
gr2m
90
12k
Happy Clients
brianwarren
92
6k
How STYLIGHT went responsive
nonsquared
89
4.4k

Transcript

  1. THE IMPORTANCE OF
    INFORMATION
    ARCHITECTURE
    WORDCAMP USA 2017 // NASHVILLE
    MONIQUE DUBBELMAN // @BOEMEDIA

    View Slide

  2. MONIQUE DUBBELMAN
    @BOEMEDIA
    1971 2007 2011

    View Slide

  3. WHAT
    IS IT?
    WHY IS IT
    IMPORTANT?
    INFORMATION
    SYSTEMS
    GOOD
    IA

    View Slide

  4. WHAT
    IS IT?
    WHY IS IT
    IMPORTANT?
    INFORMATION
    SYSTEMS
    GOOD
    IA

    View Slide

  5. WHAT
    IS IT?
    WHY IS IT
    IMPORTANT?
    INFORMATION
    SYSTEMS
    GOOD
    IA

    View Slide

  6. WHAT
    IS IT?
    WHY IS IT
    IMPORTANT?
    INFORMATION
    SYSTEMS
    GOOD
    IA

    View Slide

  7. WHAT
    IS IT?

    View Slide

  8. View Slide

  9. BECAUSE YOU DON’T SEE IT
    DOESN’T MEAN IT ISN’T
    IMPORTANT

    View Slide

  10. BECAUSE YOU DON’T SEE IT
    DOESN’T MEAN IT ISN’T
    IMPORTANT

    View Slide

  11. BECAUSE YOU DON’T SEE IT
    DOESN’T MEAN IT ISN’T
    IMPORTANT

    View Slide

  12. View Slide

  13. View Slide

  14. WHAT ARE YOU
    BUILDING?

    View Slide

  15. INFORMATION ARCHITECTURE
    MAKES
    INFORMATION
    FINDABLE
    &
    UNDERSTANDABLE

    View Slide

  16. BASIC CONCEPTS OF IA
    Image: Ursus Wehrli

    View Slide

  17. INFORMATION STRUCTURING
    ORGANISING LABELING

    View Slide

  18. INFORMATION STRUCTURING
    ORGANISING LABELING

    View Slide

  19. INFORMATION STRUCTURING
    ORGANISING LABELING

    View Slide

  20. INFORMATION STRUCTURING
    ORGANISING LABELING

    View Slide

  21. FINDING

    &
    MANAGING

    View Slide

  22. WHY IS IT
    IMPORTANT?

    View Slide

  23. THE
    INFORMATION
    GAP

    View Slide

  24. AI
    context
    content users
    IA

    View Slide

  25. AI
    context
    content users
    IA

    View Slide

  26. AI
    context
    content users
    business goals,
    funding, politics,
    culture,
    technology,
    resources and
    constraints
    IA

    View Slide

  27. AI
    context
    content users
    business goals,
    funding, politics,
    culture,
    technology,
    resources and
    constraints
    IA

    View Slide

  28. AI
    context
    content users
    business goals,
    funding, politics,
    culture,
    technology,
    resources and
    constraints
    audience, tasks,
    needs, information
    seeking behaviour,
    experience
    IA

    View Slide

  29. AI
    context
    content users
    business goals,
    funding, politics,
    culture,
    technology,
    resources and
    constraints
    audience, tasks,
    needs, information
    seeking behaviour,
    experience
    IA

    View Slide

  30. AI
    context
    content users
    business goals,
    funding, politics,
    culture,
    technology,
    resources and
    constraints
    documents, data
    types, content
    objects, volume,
    existing structure
    audience, tasks,
    needs, information
    seeking behaviour,
    experience
    IA

    View Slide

  31. CONTEXT
    Mission, Vision
    Strategy

    View Slide

  32. CONTENT
    Ownership
    Format
    Structure
    Metadata
    Volume
    Dynamism

    View Slide

  33. USERS

    View Slide

  34. YOU ARE
    NOT
    YOUR USER

    View Slide

  35. INFORMATION
    SYSTEMS

    View Slide

  36. Top-down information architecture

    View Slide

  37. Bottom-up information architecture

    View Slide

  38. -1-
    ORGANISATION
    SYSTEMS

    View Slide

  39. Which English word has the most meanings?

    View Slide

  40. SET

    View Slide

  41. SET
    430 SENSES LISTED

    View Slide

  42. SET
    430 SENSES LISTED

    View Slide

  43. SET
    http://www.guinnessworldrecords.com/world-records/english-word-with-the-most-meanings/
    430 SENSES LISTED

    View Slide

  44. View Slide

  45. ORGANISATION
    SCHEMES

    View Slide

  46. View Slide

  47. View Slide

  48. -2-
    LABELING
    SYSTEMS

    View Slide

  49. View Slide

  50. Contextual links

    View Slide

  51. Headings

    View Slide

  52. Navigation labels
    Index terms
    Iconic labels

    View Slide

  53. FOCUS

    View Slide

  54. FOCUS

    View Slide

  55. -3-
    NAVIGATION
    SYSTEMS

    View Slide

  56. GLOBAL
    LOCAL
    CONTEXTUAL

    View Slide

  57. View Slide

  58. SUPPLEMENTAL
    NAVIGATION

    View Slide

  59. -4-
    SEARCH
    SYSTEMS

    View Slide

  60. GOOD
    IA

    View Slide

  61. AI
    context
    content users
    IA

    View Slide

  62. Context: clear goals

    View Slide

  63. Context: clear goals

    View Slide

  64. THE
    STUFF
    INSIDE

    View Slide

  65. THE
    STUFF
    INSIDE

    View Slide

  66. THE
    STUFF
    INSIDE

    View Slide

  67. View Slide

  68. Users: the ultimate judge

    View Slide

  69. Users: the ultimate judge

    View Slide

  70. https://www.optimalworkshop.com

    View Slide

  71. NAVIGATION
    STRESS TEST
    http://instone.org/navstress

    View Slide

  72. RESISTANCE

    View Slide

  73. STRATEGY

    View Slide

  74. View Slide

  75. A
    CUNNING
    PLAN

    View Slide

  76. WRAP UP

    View Slide

  77. MONIQUE DUBBELMAN
    @BOEMEDIA
    THANK YOU!
    RESOURCES
    https://tinyurl.com/wcus17

    View Slide