UX Design and Design Thinking

Section 1: UX, UI และ Design Thinking

• UX ต่างจาก UI อย่างไร และองค์ประกอบของประสบการณ์ผู้ใช้

• Design Thinking 5 ขั้น: Empathize, Define, Ideate, Prototype และ Test

• Double Diamond กับจังหวะของการคิดแบบขยายและการคิดแบบคัดเลือก

• บทบาทของ UX ในทีมผลิตภัณฑ์และการทำงานร่วมกับ Developer และธุรกิจ

• Workshop: วิเคราะห์ประสบการณ์ที่ดีและไม่ดีจากแอปที่ใช้ทุกวัน

Section 2: วางแผน User Research

• ตั้งคำถามวิจัยและกำหนดสิ่งที่ทีมต้องรู้ก่อนออกแบบ

• เลือกวิธี: สัมภาษณ์ สังเกต แบบสอบถาม และข้อมูลที่องค์กรมีอยู่แล้ว

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

• การขอความยินยอมและการดูแลข้อมูลส่วนบุคคลของผู้ให้ข้อมูล

• Workshop: เขียน Research Plan สำหรับบริการที่ทีมเลือก

Section 3: Lab: สัมภาษณ์ผู้ใช้ (Empathize)

• สร้าง Interview Guide และตั้งคำถามที่ไม่ชี้นำคำตอบ

• ถามให้ผู้ใช้เล่าเหตุการณ์จริงแทนการถามความเห็น

• เทคนิคถามเจาะ การฟัง และการจดบันทึกเป็นทีม

• Lab: สัมภาษณ์ผู้ใช้แบบจับคู่และบันทึกข้อค้นพบ

Section 4: Lab: Empathy Map และ Persona

• จัดกลุ่มข้อค้นพบด้วย Affinity Mapping

• Empathy Map: Says, Thinks, Does และ Feels

• สร้าง Persona จากข้อมูลจริง ไม่ใช่จากการเดา

• Lab: ทำ Empathy Map และ Persona จากผลสัมภาษณ์ของทีม

Section 5: Lab: Customer Journey Map

• องค์ประกอบของ Journey Map: Stage, Action, Touchpoint, Emotion และ Pain Point

• หาโอกาสปรับปรุงจากจุดที่ผู้ใช้ติดขัดหรือหงุดหงิด

• Journey Map ต่างจาก Service Blueprint อย่างไร

• Lab: ทำ Journey Map ของบริการที่ทีมเลือก

Section 6: นิยามปัญหา (Define)

• เขียน Problem Statement ที่มีผู้ใช้ ความต้องการ และ Insight

• Point of View และการแปลงเป็นคำถาม How Might We

• เลือกปัญหาที่จะแก้ด้วย Impact/Effort Matrix

• Workshop: สรุป How Might We และเลือกโจทย์หลักของทีม

Section 7: Workshop: ระดมไอเดีย (Ideate)

• กติกาของ Brainstorm และการแยกช่วงคิดออกจากช่วงตัดสิน

• Crazy 8s, SCAMPER และ Worst Possible Idea

• Dot Voting และเลือกไอเดียที่จะนำไปทำต้นแบบ

• Workshop: Crazy 8s แล้วเลือกแนวทางออกแบบของทีม

Section 8: Information Architecture และ User Flow

• จัดโครงสร้างเนื้อหาและเมนูด้วย Sitemap

• Card Sorting แบบเปิดและแบบปิด

• User Flow และ Task Flow จากจุดเริ่มต้นถึงเป้าหมายของผู้ใช้

• Lab: วาด User Flow ของเส้นทางที่จะออกแบบใหม่

Section 9: Lab: Low-fidelity Prototype

• Sketch และ Paper Prototype สำหรับทดลองไอเดียเร็ว ๆ

• Wireframe: Layout, ลำดับความสำคัญ และการใช้เนื้อหาจริง

• หลักการ Usability พื้นฐาน เช่น ความสม่ำเสมอ Feedback และการลดภาระความจำ

• Lab: ร่าง Wireframe บนกระดาษแล้วทดสอบเร็วกับทีมอื่น

Section 10: Lab: Mid-fidelity Prototype ด้วย Figma

• Frame, Auto Layout และ Component เท่าที่จำเป็นสำหรับงานต้นแบบ

• เชื่อมหน้าจอด้วย Interaction ในโหมด Prototype และเปิดดูบนมือถือ

• UX Writing: ข้อความบนปุ่ม ข้อความแจ้ง Error และหน้าที่ยังไม่มีข้อมูล

• Lab: สร้าง Clickable Prototype ของ Flow ใหม่

Section 11: Lab: Usability Testing และ UX Metrics

• วางแผนการทดสอบ: Task Scenario ผู้ทดสอบ และบทบาท Moderator กับผู้จดบันทึก

• ทดสอบแบบ Think Aloud และจัดระดับความรุนแรงของปัญหาที่พบ

• UX Metrics พื้นฐาน: Task Success Rate, Time on Task และ SUS

• Lab: ทดสอบ Prototype กับผู้ทดสอบจากทีมอื่นแล้วสรุปรายการสิ่งที่ต้องแก้

Section 12: Workshop: Accessibility และ Capstone Redesign

• Accessibility เบื้องต้นตาม WCAG: Contrast ขนาดตัวอักษร พื้นที่กด และ Alt Text

• ปรับ Prototype ตามผลทดสอบและตรวจ Accessibility ก่อนนำเสนอ

• Capstone: นำเสนอ Before และ After ของ Flow บริการจริงพร้อมหลักฐานจากผู้ใช้

• รับ Feedback จากวิทยากรและเพื่อนร่วมคลาส และวางแผนนำไปใช้กับงานของตนเอง