Information Architecture in UX design

Information Architecture in UX design

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

2. “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 ...”

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

4. Supermarkets put similar things together into groups.

5. “BAD” IA

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

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

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

9. CARD SORTING - DEFINE

10. CARD SORTING - GROUP

11. CARD SORTING - STRUCTURE

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

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

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

15. 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)

16. “GOOD MARKET” SITEMAP

17. WHAT’S NEXT? https://ngochieu.com/ https://medium.theuxblog.com/ https://www.smashingmagazine.com/category/ux-design/

18. THANKS FOR COMING