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

IA Essentials: How to prioritize, design, and ...

Avatar for James Barrett James Barrett
April 26, 2014
Design
2
550

IA Essentials: How to prioritize, design, and present your clients content

My Information Architecture presentation from WordCamp Minneapolis 2014,
Avatar for James Barrett

James Barrett

April 26, 2014
Tweet

More Decks by James Barrett

See All by James Barrett
Fish Fingers & Custard: How to give your client what they want, even if they don’t know they want it.
Avatar for James Barrett jimbrts
0
86

Other Decks in Design

See All in Design
私とデザインの10年
Avatar for なつ iflection
0
130
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
7
5.6k
Starry | Storyboards | Scene 1-21
Avatar for Gio Fortunato giofortuna_story
0
260
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
2
720
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
830
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.5k
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
240
Crisp Code inc. ブランドガイドライン
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
180
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
280
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.6k
freee + Product Design FY25Q4
Avatar for freee freee
4
14k
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
Avatar for Masahiko Sakakibara rdlabo
1
150

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
68
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
51k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.8k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k

Transcript

  1. IA Essentials: How to prioritize, design, and present your clients

    content

  2. James Barrett Design Engineer - 10up @jimbrts

  3. Why Information Architecture is Important

  4. Why Information Architecture is important •Websites are non linear •Information

    is vast and varied •Websites should be goal oriented.

  5. 5 Websites are non linear

  6. 6 Information is vast and varied Image Gallery Testimonials Blog

    Posts User Comments Links Page Content Quotes Code snippets Forms

  7. Websites should be goal oriented. GOAL

  8. Let’s get Started

  9. 9 Getting Started •Finding a “voice” •Content Organizing •Visual layout

    and prioritization

  10. The “Voice” of a Website •The stakeholder sets the tone.

    •Listen. Then Listen some more. Then Listen again. •Pay attention to patterns and repeated ideas.

  11. The “Voice” of a Website Get in Touch vs Let’s

    Chat vs Contact Us

  12. Organizing your Content

  13. None
  14. None
  15. None
  16. None
  17. None

  18. Visual layout and prioritization

  19. 19 Visual layout and prioritization •Structure your design so that

    its guides readers to your goal. ! •Visual Design compliments good information architecture ! •Give readers plenty of opportunities to drive deeper into the site

  20. 20 Structure your site’s layout so it guides readers to

    your goal

  21. 21 Structure your site’s layout so it guides readers to

    your goal

  22. 22 Structure your site’s layout so it guide’s readers to

    your goal

  23. 23 Structure your site’s layout so it guide’s readers to

    your goal

  24. 24 Structure your site’s layout so it guide’s readers to

    your goal

  25. 25 Structure your site’s layout so it guides readers to

    your goal

  26. 26 Structure your site’s layout so it guides readers to

    your goal

  27. 27 Structure your site’s layout so it guides readers to

    your goal

  28. 28 Structure your site’s layout so it guide’s readers to

    your goal

  29. 29 Visual Design Compliments Good IA •Design supports content •Interactions

    should be easily identifiable ! •links should be clearly identified.

  30. 30 Example: Gallery Design

  31. None
  32. None
  33. None
  34. None

  35. Example: 404

  36. None
  37. None
  38. None

  39. Give readers plenty of opportunities to drive deeper into the

    site •At least 3 CTAs per page to your goal * •Evenly space the through out the page ! •Maintain your “voice” * Opinion. not fact

  40. Give readers plenty of opportunities to drive deeper into the

    site

  41. Maintain your “Voice” Get in Touch vs Let’s Chat vs

    Contact Us

  42. Final Thoughts •Find your Voice •Organize your Content ! •Keep

    your site goal oriented.

  43. Questions? @jimbrts