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

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

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

My Information Architecture presentation from WordCamp Minneapolis 2014,

A74cfc2ac33be24e9b2392dbd331e634?s=128

James Barrett

April 26, 2014
Tweet

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