The Basics of Interaction Design

What ? (what did we learn? learn?)

    สัปดาห์นี้เราเรียนเกี่ยวกับการออกแบบ interaction ที่พูดถึงการออกแบบเพื่อสิ่งที่ user จะทำหรือต้องการเพื่อบรรลุเป้าหมายหรือสิ่งที่ต้องการโดยอยู่ในขอบเขตหรือข้อจำกัดที่มีอยู่นอกขากนี้ยังมีการพูดถึง interaction design process ขั้นตอนหรือ process ในการออกแบบเพื่อให้ user ใช้งานโดยในการจะออกแบบนั้นสามารถใช้ Persona เพื่อใช้เป็นแนวทางในการออกแบบโดย persona หมายถึงการที่บุคลลนั้นมี interact ที่จำเพาะแตกต่างกันในแต่ละบุคคลนอกจากนี้ยังมีการพูดถึง navigation design ที่เป็นการพูดถึงการออกแบบเพื่อให้นำให้กับ user รู้ว่าต้องไปที่ตรงไหนต่อ

So what ? (why is this important ??)

    ในการออกแบบการ interaction นั้นจะจะไม่ใช่แค่การ design ทั่วไปแต่เป็นการออกโดยมีการคำนึงถึงผู้ที่ใช้งานว่าจะใช้งานอย่างไรหรือในรูปแบบใดซึ่งนำไปสู่ UX หรือ User Experience  ที่ช่วยทำให้การออกแบบอะไรสักอย่างนั้นได้ถูกออกแบบมาตรงกับความต้องการมากที่สุดโดยที่ยังอยู่ในขอบเขตที่มีอยู่

Now what ? (implications/reflection sections)

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




ความคิดเห็น

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

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

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 คือการใช้สีที่ตัดกันเช่นสีแรกเ...
อ่านเพิ่มเติม