Overview

หลักสูตร เรียน UX/UI Design Professional และ Miro & Figma Workshops Zero to Heroสามารถเรียนได้ทุกคน ไม่จำเป็นต้องมีความรู้มาก่อน เนื้อหาการเรียน เรียน UX/UI Design Professional และ Miro & Figma Workshops แบ่งเป็น 6 ส่วนส่วนที่ 1: เร่ิมต้นทำความรู้จัก User Experience และ User Interface1. 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 Designers5. Customer vs Developer มุมมองของลูกค้ากับนักพัฒนา6. Customer Experience เข้าใจเรื่องของประสบการณ์ลูกค้าส่วนที่ 2: ทำความเข้าใจสายงานอาชีพ UX/UI Designers7. UX/UI Designers Responsibility หน้าที่ของนักออกแบบ UX/UI8. UX/UI Mindset กรอบความคิดที่ต้องปรับเพื่อเป็น UX Designers9. UX/UI Jobs สายงานอาชีพที่เกี่ยวข้องกับ UX/UI Designer10. UX Jobs งานของอาชีพ User Experience Designerส่วนที่ 3: UX Strategy วางแผนกลยุทธ์การออกแบบประสบการณ์ผู้ใช้11. คำถามที่สำคัญของ UX Strategy12. UX Strategy เครื่องมือ User Needs และ Research13. UX Strategy เครื่องมือ Business Goals14. UX Strategy เครื่องมือ Technical Capabilities15. Example of UX Strategy ตัวอย่างแอปสั่งซีเรียลออนไลน์ส่วนที่ 4: UX Design Process ขั้นตอนการออกแบบประสบการณ์ผู้ใช้16. UX Design Process กระบวนการออกแบบ User Experience17. STEP 1: Empathy UX Tools เครื่องมือ User Research18. 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 Testing26. User Research วิจัยผู้ใช้ Data Analytics การวิเคราะห์ข้อมูล27. User Research วิจัยผู้ใช้ Diary Study การศึกษาแบบบันทึกประจำวัน28. UX/UI Design Professional EP.28 User Research วิจัยผู้ใช้ Card Sorting29. STEP 1: Empathy UX Tools เครื่องมือ Empathy Map30. STEP 2: Define UX Tools เครื่องมือ User Persona31. STEP 2: Define UX Tools เครื่องมือ User Journey32. STEP 3: Ideate UX Tools เครื่องมือ Wireframe33. STEP 3: Ideate UX Tools เครื่องมือ User Flow34. STEP 3: Ideate UX Tools เครื่องมือ UI Design35. กฎ 10 ข้อของ Usability Heuristics สำหรับ UI Design36. Usability Heuristics ข้อ 1 Visibility of System Status37. Usability Heuristics ข้อ 2 Match Between the System & the Real World38. Usability Heuristics ข้อ 3 User Control and Freedom39. Usability Heuristics ข้อ 4 Consistency and Standards40. Usability Heuristics ข้อ 5 Error Prevention41. Usability Heuristics ข้อ 6 Recognition Rather than Recall42. Usability Heuristics ข้อ 7 Flexibility and Efficiency of Use43. Usability Heuristics ข้อ 8 Aesthetic and Minimalist Design44. Usability Heuristics ข้อ 9 Help Users Recognize Diagnose and Recover From Errors45. Usability Heuristics ข้อ 10 Help and Documentation46. Usability Heuristics ข้อ 10+1 Accessibility and Inclusion47. UXUI Toolkits โปรแกรมที่ใช้สำหรับ UX UI Designers48. STEP 4 Prototype ทำเป็น Prototyping49. STEP 5 Test ทดสอบกับผู้ใช้50. สรุป UX Design Process กระบวนการออกแบบประสบการณ์ผู้ใช้ส่วนที่ 5: ฝึกปฏิบัติการใช้งานโปรแกรม Miro สำหรับ UX Design51. สมัครใช้งานโปรแกรม Miro52. แนะนำการใช้งานโปรแกรม Miro สำหรับ UX Design53. การใช้งานโปรแกรม Miro สำหรับทำ Brainstorming54. การใช้เครื่องมือพื้นฐานของโปรแกรม Miro55. การใช้ Miro Assist สร้างรูปภาพ Text to Image ด้วย AI56. การใช้ Miro Assist ถามตอบ Chat Reply ด้วย AI57. สร้างหน้าการนำเสนอ Miro Presentation ด้วย Open Frame58. การใช้ Miro Assist สร้าง Presentation Slide ด้วย AI59. การใช้ Miro Assist สร้างข้อความ Sticky Notes ด้วย AI60. การใช้ Miro สร้าง Table และ Mindmap61. การใช้ Miro สร้าง Flowchart62. การใช้ Menu และระบบ Chat ของ Miro สำหรับทำงานร่วมกัน63. การใช้ Miro สำหรับระดมสมองของทีม Brainstorming64. การใช้ Miro สร้าง Chart65. การใช้ Miro สำหรับทำการวิจัยผู้ใช้ User Research66. การใช้ Miro สำหรับทำ User Persona67. การใช้ Miro สำหรับทำ User Journey Map และตัวอย่าง User Journey Map68. การใช้ Miro สำหรับทำ User Flow69. การใช้ Miro สำหรับทำ Wireframeส่วนที่ 6: ฝึกปฏิบัติการใช้งานโปรแกรม Figma สำหรับ UX Design สร้าง Wireframe และ Prototype70. เริ่มต้นใช้งานโปรแกรม Figma ตั้งขนาด Frame Size ของ Application71. การใช้งาน Figma ใส่สีพื้นหลัง Background72. การใช้งาน Figma แสดงเส้นอ้างอิง Layout Grid73. การใช้งาน Figma ติดตั้ง Plugins74. การใช้งาน Figma สร้างปุ่ม Buttons75. การใช้งาน Figma ใส่รูปภาพ Images76. การใช้งาน Figma ใส่ข้อความ Text77. การใช้งาน Figma สร้าง Menu Icons78. การใช้งาน Figma สร้างหน้า Application ของ Page 179. การใช้งาน Figma สร้างหน้า Application ของ Page 280. การใช้งาน Figma สร้างหน้า Application ของ Page 381. การใช้งาน Figma เชื่อม Interactive Wireframe สร้างเป็น Application Prototype82. การใช้งาน Figma ทำการ Save ไฟล์และแสดงการใช้งานของ Application Prototype

Skills

Reviews