Slide 1

Slide 1 text

How to Organize Content Introduction to Information Architecture 1

Slide 2

Slide 2 text

Hola! I’m Lola Salehu, a product designer, writer and content strategist. — Paystack.

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Information Architecture What is it? 01

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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 + +

Slide 8

Slide 8 text

A does not oritize thics over ability

Slide 9

Slide 9 text

—SOMEONE FAMOUS “Thoughtful IA makes a design good, not just good looking.”

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

User flows 02 What are thoseee?

Slide 12

Slide 12 text

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.

Slide 13

Slide 13 text

User flows To understand user flows, we have to understand Interaction design...

Slide 14

Slide 14 text

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) + +

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Interaction Design

Slide 17

Slide 17 text

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.

Slide 18

Slide 18 text

Pop Quiz! Interaction Design is the creation of a dialogue between? + +

Slide 19

Slide 19 text

So, why do we need user flows?

Slide 20

Slide 20 text

Because user flows are structures that..

Slide 21

Slide 21 text

● Task flows ● User Flows ● Customer Journeymaps ● Wireflows Types of Flows

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

Information Architecture + User flow

Slide 24

Slide 24 text

● 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

Slide 25

Slide 25 text

Taxonomy 03 What is it?

Slide 26

Slide 26 text

Taxonomy Is a system that is used to classify and organize things.

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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.

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

● 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

Slide 31

Slide 31 text

● 📙 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

Slide 32

Slide 32 text

● 📄 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

Slide 33

Slide 33 text

CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik Do you have any questions? [email protected] @LolaSalehu https://bit.ly/LolaSalehu That’s all for now..