rootEnginear's Blog
  • 🦄Howdy!
  • เรื่องที่ฉันเรียนในมหาวิทยาลัย
    • 📊Statistic for Engineers
      • [STA1] Experiment, Sample Space, Event
      • [STA2] Fundamental Counting Principle
      • [STA3] Permutation, Combination
      • [STA4] Probability
      • [STA5] Properties of Probability
    • ⚛️Quantum Programming and Computing
      • [QPC1] Quantum Overview
      • [QPC2] Basic Components of Computation
    • 🕹️Human Computer Interaction
      • [HCI1] Human
      • [HCI2] Computer
      • [HCI3] Interaction
      • [HCI4] The Basics of Interaction Design
      • [HCI5] Design Rules & Principles
      • [HCI6] Error & Error Handling
      • [HCI7] 7 Principles of Universal Design
      • [HCI8] Storyboard
      • [HCI9] Representations and Information Visualization
      • [HCI10] Gestalt Theory and Use of Colors
      • [HCI11] Prototyping
      • [HCI12] UX Writing
  • Quantum Computing
    • 🛸อยากรู้พื้นฐาน Quantum Computing? งั้นก็ลองสร้างมันขึ้นมาสิ!
  • โน้ตดนตรี
    • 🎹ดึงดัน — Cocktail X ตั๊ก ศิริพร
  • Contacts
    • Portfolio
    • GitHub
    • LinkedIn
Powered by GitBook
On this page
  • Representation
  • Information Visualization
  • Chart Junk

Was this helpful?

  1. เรื่องที่ฉันเรียนในมหาวิทยาลัย
  2. Human Computer Interaction

[HCI9] Representations and Information Visualization

Representation

Representation เป็นการเอาข้อมูลมาแสดงผลตามความหมายของข้อมูลนั้นๆ เพื่อใช้ในการวิเคราะห์หรือใช้ตามวัตถุประสงค์ของข้อมูล โดยอาจจะทำให้มันอ่านหรือทำความเข้าใจได้ง่ายขึ้นกว่าเดิมจากข้อมูลดิบ โดย Representation ที่ดี ควร:

  • แสดงให้เห็นสิ่งที่สำคัญและลดทอนสิ่งที่ไม่จำเป็น

  • เหมาะสมกับบุคคลและงานที่ใช้ เพื่อนำไปสู่บทสรุปที่ได้จากข้อมูล

Information Visualization

เป็นการนำข้อมูลมาแสดงผลที่:

  • แสดงให้เห็นข้อมูล (Show the Data)

  • ไม่บดบังสิ่งที่ต้องการนำเสนอ (Not Get in the Way of the Message)

  • ไม่ควรมีการยืดหรือบิดผลลัพธ์ (Avoid Distortion)

  • แสดงจำนวนหลายๆ จำนวนในพื้นที่เล็กๆ (Present Many Numbers in a Small Space)

  • สร้างการเชื่อมโยงข้อมูลหลายๆ ชุด (Make Large Data Sets Coherent)

  • ช่วยให้เราอยากเปรียบเทียบ (Encourage Comparison Between Data)

  • ช่วยให้เห็นทั้งภาพมุมกว้างและรายละเอียดภายใน (Supply Both a Broad Overview and Fine Detail)

  • มีจุดประสงค์ที่แน่นอน (Serve a Clear Purpose)

Chart Junk

เป็นการทำให้ chart นั้นมีความเว่อวังจนทำให้คนหลุดโฟกัสจากเนื้อหาที่ต้องการสื่อจริงๆ ส่วนใหญ่มักจะพลาดตรงที่เราพยายามทำให้มันสวยงามแต่เราลืม purpose ของมันไป

Previous[HCI8] StoryboardNext[HCI10] Gestalt Theory and Use of Colors

Last updated 3 years ago

Was this helpful?

🕹️
ตัวอย่าง Chart Junk