Representations and information visualization

What ? (what did we learn? learn?)

    สัปดาห์นี้เราได้เรียนรู้เกี่ยวกับ representation หรือการแสดงสิ่งที่ต้องการจะสื่อให้ผู้อื่นมีความเข้าใจและ information visualization หรือการเปลี่ยนแปลงและปรับข้อมูลให้สามารถอ่านและเข้าใจข้อมูลได้ง่ายมากยิ่งขึ้นโดยการ representations ที่ดีนั้นควรทำให้ผู้คนเข้าใจข้อมูลที่ต้องการจะสื่อได้ง่ายเช่นการเข้าโฟเดอร์ที่บ่งบอกได้ว่าตอนนี้อยู่ถึงที่ตรงใดและการ Representations นั้นมีหลากหลายรูปแบบขึ้นอยู่กับการใช้งานเช่นตารางเวลาปฏิทินที่บอกรายละเอียดของแต่ละวันทั้งหมดเพื่อให้ผู้ใช้สามารถรู้ตารางงานแต่ละวันแบบละเอียดได้หรือปฏิทินที่บอกแค่ว่าในแต่ละวันมีช่วงเวลาว่างตอนใดบ้างขึ้นอยู่กับความต้องการของผู้ใช้งานสำหรับ Information Visualization คือการแปลงข้อมูลที่มีอยู่ให้ออกมาเป็นรูปแบบที่สามารถอ่านหรือเข้าใจได้ง่ายกว่าข้อมูลดิบหรือสามารถดูแนวโน้มของข้อมูลที่ข้อมูลดิบสามารถดูได้ยากเช่นการนำข้อมูลที่เป็นจุด x y มาพลอตเป็นกราฟที่สามารถจะดูแนวโน้มได้นอกจากนี้ยังมีการพูดถึง Chart Junk ที่เป็นการพูดถึงภาพรวมของสิ่งที่ที่ต้องการจะแสดงก่อนและใส่อย่างอื่นเพิ่มเติมเข้ามาโดยที่ไม่จำเป็น

So what ? (why is this important ??)

การทำ representation ที่ดีนั้นสามารถช่วยให้ข้อมูลบางอย่างที่สามารถอ่านหรือเข้าใจได้ยากทำให้สามารถเข้าใจได้ง่ายและสามารถทำให้สื่อให้คนที่มาดูเข้าใจได้ตามที่ต้องการและการทำ information visualization นั้นสามารถทำให้ข้อมูลที่เรามีอยู่สามารถนำไปใช้ต่อได้ง่ายหรือสามารถนำไปวิเคราะห์ได้ตามที่เราต้องการซึ่งสามารถช่วยให้ได้เห็นถึงข้อมูลที่ข้อมูลดิบสามารถมองเห็นได้ยาก

Now what ? (implications/reflection sections)

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





ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

Computer Interaction

รูปภาพ
What ? (what did we learn? learn?)     ในคลาสนี้เราได้เรียนรู้เกี่ยวกับ Computer Interaction คือการมีปฏิสัมพันธ์กับคอมพิวเตอร์โดยจะมีการส่งข้อมูล 2 ทางคือข้อมูลที่มาจากผู้ใช้งานส่งเข้าไปที่คอมพิวเตอร์และข้อมูลจากคอมพิวเตอร์ที่ส่งมาให้ยังผู้ใช้งานโดยสิ่งเรานี้บางครั้งก็อยู่ในกับเราในทุก ๆ วันเช่น Smart phone หรือ Smart watch      การมีปฏิสัมพันธ์กับคอมพิวเตอร์นั้นจะมีอยู่ 2 แบบคือ Input และ Output โดยมีรายละเอียดดังนี้      Input ก็คือสิ่งที่ผู้ใช้งานทำการป้อนข้อมูลหรือให้ข้อมูลกับคอมพิวเตอร์เพื่อรอการตอบสนองกลับมาเช่น mouse keyboard touchpad ฯลฯ ที่ใช้ในการเลือกจุดหรือเลือกใน GUI บนหน้าจอหรือใช้ในการออกแบบวาดกราฟฟิกให้ออกมาบนหน้าจอซึ่งรูปแบบของ Input เหล่านี้ก็ได้มีการพัฒนาให้มีความทันสมัยที่มากยิ่งขึ้นและการใช้งานที่ง่ายสะดวกสบายมากยิ่งขึ้นตามยุคสมัย      Output ก็คือสิ่งที่คอมพิวเตอร์ตอบสนองข้อมูลหรือแสดงข้อมูลกลับมาให้กับผู้ใช้งานเช่น จอคอมพิวเตอร์ที่ใช้ในการดูผลลัพธ์ต่าง ๆ จาก input ที่เราให้เข้าไป หรือในบางครั้ง...
อ่านเพิ่มเติม

The 7 Principles of Universal Design

รูปภาพ
  What ? (what did we learn? learn?)      สัปดาห์นี้เราได้เรียนรู้เกี่ยวกับหลักการในการออกแบบสากลโดยประขอบไปด้วย 7 ข้อ 1.Equitable use หรือการออกแบบที่ทำให้สามารถใช้งานได้และขายให้กับผู้คนที่มีความหลากหลายได้ 2.Flexibility in use คือการออกแบบให้มีความยืดหยุ่นในการใช้งานแบบเฉพาะบุคคลเช่นกรรไกรที่สามารถใช้งานได้ทั้งมือซ้ายและมือขวา 3.Simple and Intuitive Use คือการออกแบบที่ทำให้สามารถเข้าใจได้ง่ายและทำให้ผู้ใช้สามารถใช้ความสามารถพื้นฐานในการใช้งานได้ 4.Perceptible Information คือการออกแบบเพื่อขยายความให้คนที่ต้องการใช้งานสามารถเข้าใจได้ง่ายขึ้นเช่นป้ายบอกสถานีญี่ปุ่นที่มีการทำเป็นสัญลักษณ์ของสิ่งที่อยู่ใกล้ของแต่ละสถานีบนป้าย 5.Tolerance for Error คือการออกแบบเพื่อป้องกันอันตรายที่อาจจะเกิดขึ้นหรือข้อผิดพลาดที่ไม่ได้ตั้งใจเช่นการออกแบบปุ่ม undo เพื่อย้อนกลับสิ่งที่ทำลงไปแล้ว 6.Low physical effort คือการออกแบบให้สำหรับผู้ที่พิการทางร่างหายให้สามารถใช้งานได้ง่ายและใช้งานได้อย่างมีประสิทธิภาพ 7.Size and Space for Approach and Use คือการออกขนาดและพื้นที่ให้เหมาะกับการ...
อ่านเพิ่มเติม

Gestalt theory in graphic design, Icon design , use of color

รูปภาพ
 What? (what did we learn? learn?) สัปดาห์นี้เราได้เรียนรู้เกี่ยวกับทฤษฎีของ gestalt ที่เป็นการพูดถึงหารที่เรามองและมองภาพรวมเป็นกลุ่มก้อนหรือเป็นบางสิ่งบางอย่างโดยจะประกอบไปด้วย 6 อย่างคือ 1. Proximity คือองค์ประกอบบางอย่างหากอยู่ใกล้ ๆ กันจะโดนมองเป็นกลุ่ม 2.Similarity คือองค์ประกอบที่มีลักษณะคล้ายคลึงกันจะโดนมองเป็นกลุ่ม 3.Continuity คือการที่ตาจะมองเห็นรูปร่างจากวัตถุที่อยู่ติดกัน 4.Closure คือการที่ตาสามารถรับรู้ถึงรูปร่างหรือลักษณะถึงแม้เส้นจะขาดตอนหรือหายไป 5.Area คือเมื่อมี 2 องค์ประกอบซ้อนทับกันอันที่เล็งกว่าจะถูกมองว่าอยู่ด้านหน้าของอันที่ใหญ่กว่า 6.Symmetry คือการที่ตามองบางสิ่งบางอย่างเป็นสิ่งที่สมมาตรมากยิ่งกว่า นอกจากนี้ยังมีการพูดถึง Whitespace หรือว่าพื้นที่ว่างระหว่างองค์ประกอบเพื่อให้มองง่ายยิ่งขึ้นและ common fate ที่เป็นการพูดถึงองค์ประกอบที่วางไปในทิศทางเดียวกันจะถูกมองเหมือนเคลื่อนที่ไปในทิศทางเดียวกัน หัวข้อต่อมาคือ Color theory เป็นการพูดถึงสีที่สามารถช่วยให้เรียนรู้และความเข้าใจได้ดีมากยิ่งขึ้นโดยสีแบ่งออกเป็น 1.Complimentary คือการใช้สีที่ตัดกันเช่นสีแรกเ...
อ่านเพิ่มเติม