Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Paper Prototyping - UX ดีต้องเริ่มที่ บนกระดาษ
0. Introduction
0-1 Intro to คลาสนี้ และ Agenda (3:26)
0-2 ทำความรู้จักกันหน่อย
0-3 Material สำหรับคลาสนี้
1. (Quick Recap) Basic UX Foundation
1-1 องค์ประกอบ UX: Useful - Usable - Feel Good (6:22)
1-2 หัวใจหลักของการทำ UX - Iterations (5:06)
🖋️ Mini Quiz - 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 ลงกระดาษกัน
4-1 Tips การคิด สำหรับการทำ sketch (5:38)
4-2 อธิบายแบบฝึกหัด ลองดีไซน์ UI ระบบ Kiosk (4:29)
4-3 เฉลยแบบฝึกหัด (1) ภาพรวมของ Flow (14:33)
4-4 เฉลยแบบฝึกหัด (2) ดีไซน์หน้าจอ (12:25)
4-5 จำอะไรได้บ้าง - มา recap กันไว ๆ ดีกว่า
4-6 สรุปคลาสนี้
Teach online with
3-4 อุปกรณ์สำหรับ Paper Prototype แบบ Wireframe - กระดาษและการตัด
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock