Information Architecture in UX design

1. INFORMATION ARCHITECTURE
in
UX DESIGN
PRESENTED BY: CUONG NGUYEN (MAI-CỒ)

4. “Information Architecture (IA) is the structural
design of information or content — including text,
photos and videos — within a digital or physical
product.”
https://medium.theuxblog.com/information-architecture-what-is-it-and-where-did-it-come-from-5ba3105fe6b4
“… helps people find what they are looking for ...”

5. IA REAL-WORLD EXAMPLES
KLIA airport New York subway map 2017

6. Supermarkets put
similar things together
into groups.

7. “BAD” IA

8. “GOOD” IA IS ALL ABOUT
#1
Organizing content or
objects well.
#2
Describing them clearly.
#3
Providing ways for people
to get to them.

9. https://understandinggroup.com/learn/posters/ia-heuristics-checklist/

10. CARD SORTING
A card sort is a method designers use to
help them create or evaluate the
information architecture of their
product.
Card sorting allows you to get a sense
for how users will think about the
elements of your website so that you
can organize and label content in a way
that makes the most sense to your
users.

11. CARD SORTING - DEFINE

12. CARD SORTING - GROUP

13. CARD SORTING - STRUCTURE

14. CARD SORTING
ACTIVITY
Identify 3 participants that are in your target market of the busy
professional. Ask them to participate in a card sort (each of your
participants will sort cards alone, not in a group… so as not to
be biased). Refer to the Good Market’s inventory list (a list of 20
items). Create index cards for each one of the 20 items in the
inventory. Show these index cards to your participant. Ask your
participant to group the cards into categories and name those
categories. Write the category titles on a Post-it note, and place
it above the index cards.

15. CARD SORTING – OUTPUT 1
• She categorized into 6-8 small groups
• Then she grouped everything into 2 groups with
the thinking “outside of the box”
• She didn’t talk much, just arrange stuff by herself
• Duration ~ 2m
PERSON 1 (Woman, Single, BA)
• Translation is not good hence “Nước sốt táo” &
“Bình nước” were left aside
• Should spend time to explain some unclear items
names
LESSON LEARNED

16. CARD SORTING – OUTPUT 2
• He discussed a lot and asked questions about
items
• He had a very good explanation when putting the
item “Gạo lức” in a separated category “Gạo” as
the target market is Vietnam, not other European
countries
• He is married and seems go to supermarket
frequently so the knowledge on “categories
names” is good
• Duration ~ 10m
PERSON 2 (Man, Married, Network IT)
• The item “Bình nước” (bottled water) was
changed to “chai nước lavie” to prevent confusion
LESSON LEARNED

17. CARD SORTING – OUTPUT 3
• He gave lots of thoughts on grouping items
• He asked questions about items names
• He didn’t know where to put “Gạo lức” into
• The result is quite similar to Lan’s
• Duration ~ 15m
PERSON 3 (Man, Married, QA)

18. “GOOD MARKET” SITEMAP

19. WHAT’S NEXT?
https://ngochieu.com/
https://medium.theuxblog.com/
https://www.smashingmagazine.com/ca
tegory/ux-design/

20. THANKS FOR COMING