This document discusses the importance of information architecture for websites. It explains that websites are non-linear and contain vast amounts of varied information. Information architecture is important to ensure websites are goal-oriented and guide readers effectively. The document provides tips for developing the voice of a website, organizing content, prioritizing visual layouts, and giving readers opportunities to explore further while maintaining a consistent voice.

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
LinksPage 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 inTouch vs Let’s Chat vs Contact Us

12. Organizing your Content

17. Visual layout and prioritization

18. 18
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

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

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

21. 21
Structure your site’s layout so it guide’s
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 guides
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 guide’s
readers to your goal

28. 28
Visual Design Compliments Good IA
•Design supports content
•Interactions should be easily
identifiable
!
•links should be clearly identified.

29. 29
Bad Example: Gallery Design

34. Good Example: 404

38. 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

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

40. Maintain your “Voice”
Get inTouch vs Let’s Chat vs Contact Us

41. FinalThoughts
•Find your Voice
•Organize your Content
!
•Keep your site goal oriented.

42. Questions?
@jimbrts