Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Information Architecture Workshop

16 views

Published on

Information Architecture was new to me and therefore my first priority was to grasp the subject. I read Levy’s book on UX Strategy and based the workshop presentation on his helpful points. The purpose of this workshop was to accomplish the following:
* Start the conversation about correct labelling and making information findable.
* Understand the personas for the Gymnastics Ireland website.
* Card sort and discuss the initial structure of the website.
* Interview key stakeholders to understand all of the organisational requirements

Published in: Software
  • Be the first to comment

  • Be the first to like this

Information Architecture Workshop

  1. 1. People + Information Workshop
  2. 2. Jamie Robinson Founder & Creative Director Jonah McLachlan User Experience Designer About this Workshop ü Understanding your audience ü Starting the blueprint site map design ü Designing a home page collaboration
  3. 3. People - Part 1
  4. 4. What is a persona? • A snapshot of your typical audience / customer • Helps everyone design for the user
  5. 5. Why do we use a persona? • Gives guidance on who the audience is • Provides insight into frustrations, needs and objections
  6. 6. Getting Started
  7. 7. Creating a persona • Think about who you’re target audience is • View analytics about who is using your site • Think about their context: • What is their needs? • What frustrates them? • What objections do they have?
  8. 8. Information- Part 2
  9. 9. What is a sitemap? • A blueprint structure for your site. • A guide based upon Information architecture
  10. 10. What is Information Architecture? • The combination of organising, labelling, search & navigation of websites • Shaping information products and experiences to make them useable and findable.
  11. 11. Labelling • How the ‘atoms’ relates together • Your house, car, clothes and dog.
  12. 12. Information • The data on your website • Text, images, products and metadata
  13. 13. Why is IA important? • “I can’t find the page” • Websites done wrong. • Maintenance Costs • Training and resources
  14. 14. Why is IA important? • “I can’t find the page” – Lost customers, existing customers become frustrated. • Websites done wrong. • Maintenance Costs • Training and resources
  15. 15. Why is IA important? • Websites done wrong. – In the future adding pages might break: more costs. • Maintenance Costs • Training and resources
  16. 16. Why is IA important? . • Maintenance Costs – when outdated or new content gets put in the wrong place • Training and resources
  17. 17. Why is IA important? . • Training and resources – a complicated system that no one wants to use
  18. 18. Summing Up • Information and labels is the focus of this workshop • Users need to find and access the content • Your business goals need to be met. • Information Architecture is a key element of your website
  19. 19. InformationPeople • People can use your site. (usability) • Your organisation goals are met. (CM)
  20. 20. Getting Started
  21. 21. To bear in mind • Don’t overload users with too many options • Don’t use jargon your audience won’t understand • Describe/Represent the content well.
  22. 22. To bear in mind • Don’t overload users with too many options
  23. 23. To bear in mind • Don’t use jargon your audience won’t understand Transaction PortalCheckout
  24. 24. To bear in mind • Describe/Represent the content well. Cameras Camera Straps Camera Tripod Camera Lenses Accessories & Care Chargers Cameras iPhone Accessories Tripods & Frames Sony Cameras Laptop Webcams Nikon Series
  25. 25. Open Card Sorting 1. Everyone splits into two teams 2. Everyone writes down a label: “blog” “calendar” “contact” Logical Card Grouping 1. Teams logically organise the labels. 2. One team member displays the work. 3. Everyone discusses & the results are saved
  26. 26. Design - Part 3
  27. 27. What is a wireframe? • Barebones for designing a page • Focus is on what should go where. • Prioritisation, Structure and Content Ordering
  28. 28. Getting Started
  29. 29. What should go where? • Think what is the most important element • Help your audience find what they want. • You don’t need to be an artist
  30. 30. Individual Wireframing 1. Everyone draws a simple homepage 2. Discuss with your team what is best “this is best” “move it up” “why?” Finishing Up 1. Every design is considered 2. Key elements highlighted and discussed. 3. Results are saved for later
  31. 31. Jamie Robinson Founder & Creative Director Jonah McLachlan User Experience Designer Thank you!

×