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

The Importance Of Information Architecture

Monique Dubbelman
March 18, 2017
Design
0
600

The Importance Of Information Architecture

How to Organise Content to Improve User Experience

Monique Dubbelman

March 18, 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
140
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
WCUS - The importance of information architecture
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

Other Decks in Design

See All in Design
デザイナーの帽子をかぶりながら、チームとの関わり方を考えつづけている話/How does a designer fit in a Scrum Team?
hiromitsuuuuu
5
3.3k
UXA2023 Sarah Heimeier - Digital transformation – A framework for success
uxaustralia
PRO
0
120
Yukiya Shiba PDF Portfolio
48yukyia
0
150
BtoB SaaSプロダクトで「機能する」デザインシステムを目指して
sizucca
5
3.4k
UXA2023 Andy Budd - Design’s Mid-Life Crisis
uxevents
PRO
0
230
Figmaを使ったマルチプラットフォームサービスのデザイン管理
shingo2000
3
1.2k
Designing beyond the pixel-perfect idealistic case
stephaniewalter
0
1.1k
UXA2023 George Aye - That Quiet Little Voice: When Design and Ethics Collide
uxevents
PRO
0
120
目を惹くポートフォリオの8つのポイントと6つのコツ / 8 key points and 6 tips for portfolios
takeshiinotsume
2
150
神速でワイヤーフレームを作るためのライブラリ
448jp
1
540
UXA2023 Erin Casali - Driving organizational change with co-design
uxaustralia
PRO
0
220
UXA2023 Erin Casali - Driving organizational change with co-design
uxevents
PRO
0
240

Featured

See All Featured
Documentation Writing (for coders)
carmenintech
54
3.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
219
21k
Designing Experiences People Love
moore
133
22k
Designing for humans not robots
tammielis
246
24k
In The Pink: A Labor of Love
frogandcode
135
21k
WebSockets: Embracing the real-time Web
robhawkes
58
6.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
49
15k
How to Ace a Technical Interview
jacobian
272
22k
Building Your Own Lightsaber
phodgson
97
5.1k
A Modern Web Designer's Workflow
chriscoyier
688
190k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
26
5.5k
Adopting Sorbet at Scale
ufuk
66
8.1k

Transcript

  1. THE IMPORTANCE OF
    INFORMATION
    ARCHITECTURE
    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. Information architecture makes
    INFORMATION
    FINDABLE
    &
    UNDERSTANDABLE

    View Slide

  10. FINDING

    &
    MANAGING

    View Slide

  11. View Slide

  12. SYSTEM
    THINKING

    View Slide

  13. WHY IS IT
    IMPORTANT?

    View Slide

  14. Mind the
    information
    GAP

    View Slide

  15. View Slide

  16. Context
    Mission, Vision
    Strategy

    View Slide

  17. Content
    Ownership
    Format
    Structure
    Metadata
    Volume
    Dynamism

    View Slide

  18. Users

    View Slide

  19. You are
    NOT
    your user

    View Slide

  20. INFORMATION
    SYSTEMS

    View Slide

  21. Top-down information architecture

    View Slide

  22. Bottom-up information architecture

    View Slide

  23. -1-
    ORGANISATION
    SYSTEMS

    View Slide

  24. View Slide

  25. ORGANISATION
    SCHEMES

    View Slide

  26. View Slide

  27. View Slide

  28. -2-
    LABELING
    SYSTEMS

    View Slide

  29. View Slide

  30. Contextual links
    Headings
    Navigation labels
    Index terms
    Iconic labels

    View Slide

  31. FOCUS

    View Slide

  32. -3-
    NAVIGATION
    SYSTEMS

    View Slide

  33. GLOBAL
    LOCAL
    CONTEXTUAL

    View Slide

  34. View Slide

  35. (Keith Instone)
    NAVIGATION
    STRESS TEST

    View Slide

  36. 1. Ignore homepage
    2. Figure out where you are
    3. Where will page lead you
    next?

    View Slide

  37. SUPPLEMENTAL
    NAVIGATION

    View Slide

  38. -4-
    SEARCH
    SYSTEMS

    View Slide

  39. GOOD
    IA

    View Slide

  40. Proces of information architecture

    View Slide

  41. Proces of information architecture

    View Slide

  42. Proces of information architecture

    View Slide

  43. View Slide

  44. Context: clear goals

    View Slide

  45. THE
    STUFF
    INSIDE

    View Slide

  46. THE
    STUFF
    INSIDE

    View Slide

  47. THE
    STUFF
    INSIDE

    View Slide

  48. View Slide

  49. Users: the ultimate judge

    View Slide

  50. https://www.optimalworkshop.com

    View Slide

  51. RESISTANCE

    View Slide

  52. STRATEGY

    View Slide

  53. STRATEGY

    View Slide

  54. STRATEGY

    View Slide

  55. View Slide

  56. A
    CUNNING
    PLAN

    View Slide

  57. WRAP UP

    View Slide

  58. MONIQUE DUBBELMAN
    [email protected]
    THANK YOU!

    View Slide