Information Architecture (IA) คืออะไร?

Information Architecture (IA) คืออะไร?

Share:

0

Information Architecture (IA) คืออะไร?

Information architecture is the practice of deciding how to arrange the parts of something to be understandable.

The Information Architecture Institute

Information Architecture (IA) หรือสถาปัตยกรรมข้อมูล คือ ศาสตร์หนึ่งใน Cognitive psychology เกี่ยวกับการจัดเรียงข้อมูลอย่างเป็นระบบ (logical) ให้ใช้งานง่ายและรวดเร็ว (User-friendly) ถ้าเปรียบเทียบกับห้องสมุด คนที่ทำหน้าที่ IA ก็คือบรรณารักษ์

IA is similar to librarian

การจัดเรียงข้อมูลถูกเอามาใช้เกือบทุกที่ ตั้งแต่เมนูอาหารยันรถไฟฟ้า ที่ไหนมีข้อมูลที่นั่นจำเป็นต้องทำ IA เช่นเดียวกันกับเว็บไซต์หรือแอปพลิเคชัน (web/app) การจัดเรียงข้อมูลส่งผลต่อความยากง่ายในการค้นหา (navigate) ข้อมูลภายใน web/app การจัดการ IA ที่ดีส่งผลให้ UX ของ web/app ดีขึ้น

IA เป็็นส่วนหนึ่งของ User Experience (รูป UX umbrella ของ Dan Willis)

Information Architecture (IA) ทำอะไรบ้าง?

IA ใช้ User Research technique เช่น Card Sorting เพื่อเข้าไปทำความเข้าใจผู้ใช้งาน (user) ว่า อยากได้รับข้อมูลแบบไหนในบริบท (context) อะไร ผู้ใช้คาดหวังให้จัดกลุ่มข้อมูลอย่างไร ชื่อของเมนูควรเขียนว่าอะไร และจัดเรียงข้อมูลให้สอดคล้องกับความคาดหวังของ user นอกจากนี้ อาจจะมีการทำ Competitor Research เปรียบเทียบว่า web/app อื่น ๆ เรียงข้อมูลยังไงบ้าง

ตัวอย่าง process ของ IA
ตัวอย่าง process ของ IA

ผลลัพธ์ที่ได้หลังจากทำ IA คือ sitemap, menu, navigation, label

ตัวอย่าง sitemap (credit: moqups.com)
ตัวอย่าง sitemap (credit: moqups.com)

IA เป็นเหมือนแผนผัง (blueprint) ของงาน design ที่สามารถเอาไปต่อยอดเป็น wireframe ได้

ตัวอย่าง wireframe ที่พัฒนามาจาก IA
ตัวอย่าง wireframe ที่พัฒนามาจาก IA

สิ่งที่อยู่ในหัวของคนตอนทำ IA

สิ่งที่เราคิดตอนทำ IA
สิ่งที่เราคิดตอนทำ IA
  • ข้อมูลนี้ควรอยู่ตรงไหน?
  • ข้อมูลไหนสำคัญที่สุด?
  • User แต่และประเภท navigate, search, filter ข้อมูลยังไง?
  • User journey ตอนคลิกจากหน้านึงไปอีกหน้านึงเหมาะสมหรือไม่?

Takeaway

  • web/app ที่หาอะไรไม่ค่อยเจอ ควรพัฒนาเรื่อง IA
  • web/app ขนาดใหญ่ที่มีข้อมูลเยอะ เช่น e-commerce ยิ่งต้องให้ความสำคัญกับ IA ให้มาก
  • การจัดข้อมูลของ IA ไม่ได้คิดเอาเองว่าเมนูนี้ควรอยู่ตรงไหน คำตอบควรมาจากการทำ User Research
  • References
  • https://www.iainstitute.org/
  • https://careerfoundry.com/en/blog/ux-design/a-beginners-guide-to-information-architecture/
  • https://www.uxbooth.com/articles/complete-beginners-guide-to-information-architecture/
  • https://uxplanet.org/information-architecture-basics-for-designers-b5d43df62e20

ไม่พลาดบทความใหม่ๆ จาก BetterUXUI.com

1. กด Like Facebook page BetterUXUI

2. สมัครและอ่านบทความทางอีเมล

0

Share:
Back to Top