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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
97

Other Decks in Design

See All in Design
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
730
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
180
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
840
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.8k
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
480
kintone_aroma
Avatar for kintone kintone
0
1.4k
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
570
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
620
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
380
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M
kintone Style Book
Avatar for kintone kintone
6
10k

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.3k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k

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