How to Organize Content

Slides designed for an introductory design class to Information Architecture.
I explained the following topics:
- Introduction to Information Architecture
- User Stories
- Taxonomy

Transcript

1. How to Organize Content Introduction to Information Architecture 1
2. Hola! I’m Lola Salehu, a product designer, writer and content strategist. — Paystack.
3. We’re Gonna Be Talking About... The act of structuring and organizing content The classification of things or concepts to create hierarchy and provide meaning. How to think in (User) flows Information Architecture Taxonomy User Flows 02 03 01
4. Information Architecture What is it? 01
5. Information Architecture The act of making sense of complexity by structuring and presenting content to users in a way that is relevant to their context and needs. • Content • Context and • Users
6. Elements of Information Architecture • What type of information are we dealing with? • How is it relevant to the user? Context • Where is a user seeking out this content? • When, why, and how is a user engaging with this content? Users • Who is consuming this content? • What does it mean to them? What value does it provide? • What pre-existing expectations do they have? Content IA IA
7. Why is Information Architecture important? The design of content should consider the pre-existing beliefs and experiences of your users. The design of content should be intentional and convey meaning to a user through arrangement and sequencing. The design of content should consider the environment and situations in which your users will engage with it. Users Interpretation Context 02 01 03 + +
8. A does not oritize thics over ability
9. —SOMEONE FAMOUS “Thoughtful IA makes a design good, not just good looking.”
10. Elements of Information Architecture Information Architecture concerned with how content is structured and presented to a user at each touchpoint within the system, as experienced over time. User flows structure (and depicts) how a user experiences a system over time. +
11. User flows 02 What are thoseee?
12. Flows Are visual diagrams that help us understand the rules that make up an activity and show in detail, how different activities relate to one another.
13. User flows To understand user flows, we have to understand Interaction design...
14. Interaction Design Interaction Design is the creation of a dialogue between a person and a product, system, or service.. A product (or a service, system, etc) A person (or people) Time (as a sum of the user’s interactions) + +
15. Interaction Design Simply put; Interaction design is the shaping of Behavior. And that Behavior is shaped by 5 variables: • A human (user/customer). • A product, system, service. • The sum of the human’s interactions with the product, system or service. • The sum of the human’s emotions during and after their interaction(s). • Time
16. Interaction Design
17. User flows And so, Flows map the touchpoints that a human interacts with on this said system and shows how a user can navigate them.
18. Pop Quiz! Interaction Design is the creation of a dialogue between? + +
19. So, why do we need user flows?
20. Because user flows are structures that..
21. • Task flows • User Flows • Customer Journeymaps • Wireflows Types of Flows
22. Recap: Elements of Information Architecture Information Architecture concerned with how content is structured and presented to a user at each touchpoint within the system, as experienced over time. User flows structure (and depicts) how a user experiences a system over time. + They work hand-in-hand
23. Information Architecture + User flow
24. • Scenario: You are leading a design review, and pitching 3 options to your teammates and business stakeholders for how you might help new users sign up for a personal exercise application. How can a user flow help you communicate this? Demonstrate with the aid of one. Assignment 1
25. Taxonomy 03 What is it?
26. Taxonomy Is a system that is used to classify and organize things.
27. Taxonomy Taxonomies for websites and digital products work in the same way — They help to organize and classify information and features based on the similarities and differences of the concepts behind those features. These may then appear as: • categories within a blog or news page, • or sections within a website, • or metadata tags to improve search pages
28. Methods of Taxonomy (How to organize content) • Hierarchical. E.g through the use of visual hierarchy by presenting content in such a way that users can understand the level of importance for each element. It uses physical differences, such as size, color, contrast, alignment, etc. • By Sequence. This structure creates some kind of a path for the users. They go step-by-step through content to accomplish the task they needed. E.g retail websites or apps, where people have to go from one task to another to make the purchase.
29. Methods of Taxonomy (How to organize content) • By Alphabetical schemes. Content is organized in alphabetical order. Also, they can serve as a navigation tool for users. • By Chronological schemes. This type organizes content by date. • By Topic. Content is organized according to the specific subject. • Labeling systems • Navigation Systems • Searching systems • Card sorting
30. • Scenario: Jummie manages a candy store and wants to make it easier for people with preferences to find the candy that meets their needs. Identify different customers that have special needs. Think about them and sort and organize the candy in ways that would create hierarchy. How can information architecture help you communicate this? Assignment 2
31. • 📙 How to Make Sense of Any Mess: Information Architecture for Everybody by Abby Cover • 📙 Understanding Context: Environment, Language, and Information Architecture by Andrew Hinton Recommended Reading & Resources Books About Information Architecture
32. • 📄 Basics of Information Architecture for Designers • 📄 Information Architecture • 📄 The architecture of information • 📄 UX Design 101: Information Architecture — Structuring & organizing content Recommended Reading & Resources Websites & Articles About Information Architecture
33. CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik Do you have any questions? omololasalehu@gmail.com @LolaSalehu https://bit.ly/LolaSalehu That’s all for now..