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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for James Barrett James Barrett
April 26, 2014
Design
2
580

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
100

Other Decks in Design

See All in Design
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
6
5.1k
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
0
780
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
580
インハウスデザイン組織で挑む自社ブランディング
Avatar for MIXI DESIGN mixi_design
PRO
0
120
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
360
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
320
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
240
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
230
Emmy's Artwork
Avatar for McKenna mcksmith
0
210
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
170
kintone_aroma
Avatar for kintone kintone
0
1.7k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
470

Featured

See All Featured
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
130
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
250
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
180
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
140
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.8k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
290
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
680
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
290
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k

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