หลักสูตร เรียน UX/UI Design Professional และ Miro & Figma Workshops Zero to Hero
สามารถเรียนได้ทุกคน ไม่จำเป็นต้องมีความรู้มาก่อน
เนื้อหาการเรียน เรียน UX/UI Design Professional และ Miro & Figma Workshops
แบ่งเป็น 6 ส่วน
ส่วนที่ 1: เร่ิมต้นทำความรู้จัก User Experience และ User Interface
1. What’s UX/UI? UX UI คืออะไร
2. UX/UI Usability และ Emotion เข้าใจ UX/UI ให้มากขึ้น
3. UX/UI Concept สิ่งที่ UX และ UI Designers ต้องโฟกัส
4. โลกของนักออกแบบ CX Product UX UI Service Designers
5. Customer vs Developer มุมมองของลูกค้ากับนักพัฒนา
6. Customer Experience เข้าใจเรื่องของประสบการณ์ลูกค้า
ส่วนที่ 2: ทำความเข้าใจสายงานอาชีพ UX/UI Designers
7. UX/UI Designers Responsibility หน้าที่ของนักออกแบบ UX/UI
8. UX/UI Mindset กรอบความคิดที่ต้องปรับเพื่อเป็น UX Designers
9. UX/UI Jobs สายงานอาชีพที่เกี่ยวข้องกับ UX/UI Designer
10. UX Jobs งานของอาชีพ User Experience Designer
ส่วนที่ 3: UX Strategy วางแผนกลยุทธ์การออกแบบประสบการณ์ผู้ใช้
11. คำถามที่สำคัญของ UX Strategy
12. UX Strategy เครื่องมือ User Needs และ Research
13. UX Strategy เครื่องมือ Business Goals
14. UX Strategy เครื่องมือ Technical Capabilities
15. Example of UX Strategy ตัวอย่างแอปสั่งซีเรียลออนไลน์
ส่วนที่ 4: UX Design Process ขั้นตอนการออกแบบประสบการณ์ผู้ใช้
16. UX Design Process กระบวนการออกแบบ User Experience
17. STEP 1: Empathy UX Tools เครื่องมือ User Research
18. User Research วิจัยผู้ใช้ User Interview การสัมภาษณ์ผู้ใช้
19. User Research วิจัยผู้ใช้ Focus Group การสนทนากลุ่ม
20. User Research วิจัยผู้ใช้ Field Studies การศึกษาภาคสนาม
21. User Research วิจัยผู้ใช้ Contextual Inquiry การสังเกตแบบมีส่วนร่วม
22. User Research วิจัยผู้ใช้ Guerrilla Testing การทดสอบสั้นๆ เฉพาะหน้า
23. User Research วิจัยผู้ใช้ Usability Testing ทดสอบประสบการณ์การใช้งาน
24. User Research วิจัยผู้ใช้ User Survey แบบสำรวจผู้ใช้
25. User Research วิจัยผู้ใช้ A/B Testing
26. User Research วิจัยผู้ใช้ Data Analytics การวิเคราะห์ข้อมูล
27. User Research วิจัยผู้ใช้ Diary Study การศึกษาแบบบันทึกประจำวัน
28. UX/UI Design Professional EP.28 User Research วิจัยผู้ใช้ Card Sorting
29. STEP 1: Empathy UX Tools เครื่องมือ Empathy Map
30. STEP 2: Define UX Tools เครื่องมือ User Persona
31. STEP 2: Define UX Tools เครื่องมือ User Journey
32. STEP 3: Ideate UX Tools เครื่องมือ Wireframe
33. STEP 3: Ideate UX Tools เครื่องมือ User Flow
34. STEP 3: Ideate UX Tools เครื่องมือ UI Design
35. กฎ 10 ข้อของ Usability Heuristics สำหรับ UI Design
36. Usability Heuristics ข้อ 1 Visibility of System Status
37. Usability Heuristics ข้อ 2 Match Between the System & the Real World
38. Usability Heuristics ข้อ 3 User Control and Freedom
39. Usability Heuristics ข้อ 4 Consistency and Standards
40. Usability Heuristics ข้อ 5 Error Prevention
41. Usability Heuristics ข้อ 6 Recognition Rather than Recall
42. Usability Heuristics ข้อ 7 Flexibility and Efficiency of Use
43. Usability Heuristics ข้อ 8 Aesthetic and Minimalist Design
44. Usability Heuristics ข้อ 9 Help Users Recognize Diagnose and Recover From Errors
45. Usability Heuristics ข้อ 10 Help and Documentation
46. Usability Heuristics ข้อ 10+1 Accessibility and Inclusion
47. UXUI Toolkits โปรแกรมที่ใช้สำหรับ UX UI Designers
48. STEP 4 Prototype ทำเป็น Prototyping
49. STEP 5 Test ทดสอบกับผู้ใช้
50. สรุป UX Design Process กระบวนการออกแบบประสบการณ์ผู้ใช้
ส่วนที่ 5: ฝึกปฏิบัติการใช้งานโปรแกรม Miro สำหรับ UX Design
51. สมัครใช้งานโปรแกรม Miro
52. แนะนำการใช้งานโปรแกรม Miro สำหรับ UX Design
53. การใช้งานโปรแกรม Miro สำหรับทำ Brainstorming
54. การใช้เครื่องมือพื้นฐานของโปรแกรม Miro
55. การใช้ Miro Assist สร้างรูปภาพ Text to Image ด้วย AI
56. การใช้ Miro Assist ถามตอบ Chat Reply ด้วย AI
57. สร้างหน้าการนำเสนอ Miro Presentation ด้วย Open Frame
58. การใช้ Miro Assist สร้าง Presentation Slide ด้วย AI
59. การใช้ Miro Assist สร้างข้อความ Sticky Notes ด้วย AI
60. การใช้ Miro สร้าง Table และ Mindmap
61. การใช้ Miro สร้าง Flowchart
62. การใช้ Menu และระบบ Chat ของ Miro สำหรับทำงานร่วมกัน
63. การใช้ Miro สำหรับระดมสมองของทีม Brainstorming
64. การใช้ Miro สร้าง Chart
65. การใช้ Miro สำหรับทำการวิจัยผู้ใช้ User Research
66. การใช้ Miro สำหรับทำ User Persona
67. การใช้ Miro สำหรับทำ User Journey Map และตัวอย่าง User Journey Map
68. การใช้ Miro สำหรับทำ User Flow
69. การใช้ Miro สำหรับทำ Wireframe
ส่วนที่ 6: ฝึกปฏิบัติการใช้งานโปรแกรม Figma สำหรับ UX Design สร้าง Wireframe และ Prototype
70. เริ่มต้นใช้งานโปรแกรม Figma ตั้งขนาด Frame Size ของ Application
71. การใช้งาน Figma ใส่สีพื้นหลัง Background
72. การใช้งาน Figma แสดงเส้นอ้างอิง Layout Grid
73. การใช้งาน Figma ติดตั้ง Plugins
74. การใช้งาน Figma สร้างปุ่ม Buttons
75. การใช้งาน Figma ใส่รูปภาพ Images
76. การใช้งาน Figma ใส่ข้อความ Text
77. การใช้งาน Figma สร้าง Menu Icons
78. การใช้งาน Figma สร้างหน้า Application ของ Page 1
79. การใช้งาน Figma สร้างหน้า Application ของ Page 2
80. การใช้งาน Figma สร้างหน้า Application ของ Page 3
81. การใช้งาน Figma เชื่อม Interactive Wireframe สร้างเป็น Application Prototype
82. การใช้งาน Figma ทำการ Save ไฟล์และแสดงการใช้งานของ Application Prototype















