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

My Information Architecture presentation from WordCamp Minneapolis 2014,

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
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
35. Example: 404
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