Skip to content

Latest commit

 

History

History
43 lines (29 loc) · 2.88 KB

File metadata and controls

43 lines (29 loc) · 2.88 KB

📘 UX/UI Course Notes

🧭 กระบวนการสร้าง Digital Product (Design Thinking Process)

ขั้นตอน เป้าหมาย กิจกรรม/ตัวอย่าง
Empathy ทำความเข้าใจผู้ใช้ - ทำ Workshop
- Brainstorm
- เข้าใจผู้ใช้
Define วิเคราะห์ปัญหา - ทำ Research
- วิเคราะห์ข้อมูล
- ทำความเข้าใจผู้ใช้
Ideate ค้นหาไอเดียแก้ปัญหา - ออกแบบการลำดับข้อมูล
Prototype สร้างต้นแบบเพื่อนำเสนอแนวทาง - ทำ Wireframe
- วาด Scenario ของผู้ใช้งาน
- ออกแบบ UI Interface
Test ทดสอบไอเดียกับผู้ใช้ - นำดีไซน์ออกไปทดสอบ

🎯 การออกแบบ UI ที่ดีต้องมีอะไรบ้าง

ลำดับ หลักการการออกแบบ
01 มีสิ่งอำนวยความสะดวกให้แก่ผู้ใช้
02 เป็นมิตรกับผู้ใช้
03 มีความสม่ำเสมอ
04 อย่าทำให้ผู้ใช้คิดเยอะ

🧩 องค์ประกอบสำคัญของ Pattern Library

  • 🎨 สี (Color)
  • 🔠 ตัวอักษร (Typographic)
  • 🔖 สัญลักษณ์ (Icon)
  • 🧱 UI Component
  • 📐 โครงหน้า (Grid & Layout)

image

image

image

💡 Tip: เอกสารนี้สามารถใช้เป็นแนวทางสำหรับการสอน UX/UI, การออกแบบผลิตภัณฑ์ หรือเก็บไว้เป็น checklist ระหว่างออกแบบ