0. Introduction
1. (Quick Recap) Basic UX Foundation
2. มารู้จักกับ UI, Mockup, Wireframe, Prototype
-
2-1 UI Design (7:49)
-
2-2 Fidelity ของดีไซน์ (8:52)
-
2-3 รายละเอียด ของ Lo-fi และ Mid-fi (10:43)
-
2-4 รายละเอียด ของ Hi-fi (2:15)
-
2-5 เวลาที่ใช้ในการทำ Lo-fi, Mid-fi, Hi-fi และ Process ที่แนะนำในการใช้ Lo, Mid, Hi (4:04)
-
2-6 User flows และ Prototype (8:15)
-
🖋️ Mini Quiz - Fidelity ของดีไซน์, User Flow, Prototype
-
2-7 Digital tools ในการทำ Prototype (3:00)
-
2-8 Figma กับการสร้าง Prototype คร่าว ๆ (11:07)
-
2-9 Balsamiq กับการสร้าง Mid-fi คร่าว ๆ (5:45)
-
2-10 สร้าง Clickable Prototype ด้วย Power Point /Google Slides (7:40)
-
🖋️ Mini Quiz - Digital Tools และ Prototype
3. Paper Prototype
-
3-1 Paper Prototype คืออะไร และต่างจาก Clickable Prototype ยังไง (7:08)
-
3-2 การใช้ Paper Prototype ทำ Usability Test และตัวอย่างตอนทำ (4:34)
-
🖋️ Mini Quiz - Paper Prototype
-
3-3 อุปกรณ์ที่ใช้ทำ Paper Prototype แบบ Sketch - ปากกาและดินสอ (5:12)
-
3-4 อุปกรณ์สำหรับ Paper Prototype แบบ Wireframe - กระดาษและการตัด (6:03)
-
3-5 การทำ User Test กับกระดาษขนาดต่าง ๆ (2:06)
-
3-6 UI หน้า desktop และหน้ายาว ๆ (2:13)
4. กระบวนการคิด + มาลองดีไซน์ด้วยการ Sketch ลงกระดาษกัน
