ใช้เป็นเอกสารสำหรับการศึกษาเท่านั้น

1. UX
อย่าทาให้ฉันคิดเยอะ ?

2. Agenda
 What is UX ?
 Importance of UX
 UX Service

3. What is UX ?
User Experience
ความพึงพอใจของผู้ใช้ที่มีต่อระบบ

4. User Experience
User Interface Design – การออกแบบหน้าตาเว็บ
Usability Design – การออกแบบให้ใช้งานง่าย
User Experience - ความพึงพอใจของผู้ใช้ที่มีต่อระบบ

5. User Interface Design
การออกแบบฟอร์ม

6. Usability Design
การระบุชื่อช่องให้ชัดเจน

7. User Experience
Nattawut
Puaktong
talexforwork@gmail.com
การที่มีคนมาตอบกลับ
ข้อความนั้นภายใน 10 นาที

8. Importance of UX

9. UX
User NeedTechnology
Business Goals

10. Bad UX

11. Bad UX

12. Bad UX
User Experience
Design

13. Bad UX

14. Sign Up Sign In Sign Up Log In Register Sign In
Bad Okay Good
Example
1 2 3

15. หาก User ไม่พบสิ่งที่ต้องการ User จะปิดหน้าเว็บนั้นทันที

17. สิ่งที่เราคาดหวัง

18. ความเป็นจริง

19. ทาไมเราถึงต้องต้องให้ความสาคัญกับ UX
กระบวน การออกแบบของ UX นั้นจะช่วยให้นักพัฒนา และนักออกแบบสามารถ
ค้นหาความต้องการ ที่แท้จริงของผู้ที่มีส่วนได้ส่วนเสีย กับผู้ใช้งาน
และนามาผสมผสานเข้าด้วยกัน เพื่อให้เกิดเป็นสินค้า และผลิตภัณฑ์ที่สามารถตอบ
โจทย์ได้ทั้ง 2 ฝ่าย

20. ทาไมเราถึงต้องต้องให้ความสาคัญกับ UX
การออกแบบโดยใช้หลัก UX ไม่ได้มองเฉพาะแค่เพียงผู้ใช้งานเท่านั้น แต่ยังต้อง
เป็นส่วนผสมตรงกลาง ระหว่างความต้องการของเจ้าของผลิตภัณฑ์ และความ
ต้องการของผู้ใช้ด้วย ทั้งนี้ การที่เราจะทาให้ผลิตภัณฑ์ชิ้นใดชิ้นหนึ่งฉีกรูปแบบ
ออกไปจากสิ่งที่เคยเป็น ย่อมต้องผ่าน “กระบวนการคิดอย่างสร้างสรรค์” ซึ่งจะ
ช่วยให้เราสามารถ “คิดนอกกรอบ” แต่ยังคงเดินหน้าสู่การพัฒนาผลิตภัณฑ์และ
นาไปสู่เป้าหมายที่ตั้งไว้แต่แรกได้

23. UX Service

24. “ ทาอย่างไรเราถึงจะโดดเด่นกว่าคู่แข่งในตลาดได้? ”
“ เราต้องทาอะไรอีกไหม เพื่อให้ลูกค้าถูกใจเรามากยิ่งขึ้น ? ”

25. UX Service
Strategy
Information
Architecture
Mockup &
Wireframing
Flowchart
Test, Report and
Finetune

26. Strategy
For Who ?
For What ?
Why it is good ?
Is it new product ?
The User ?
The Competition ?
The market ?
?
Baris Erkol, Independent UX Designer and Consultant

27. Information Architecture
Content
- Summarize
- Organize
- Categorize
- Unify
Represent and translate
Baris Erkol, Independent UX Designer and Consultant

28. Mockup and Wireframing
- Mockup highlight main
objective product?
- Clearly understandable?
- The secondary feature
pollute the interface?
If not just redo. Again and Again
Baris Erkol, Independent UX Designer and Consultant

29. Flowchart
Baris Erkol, Independent UX Designer and Consultant

30. Test, Report and Finetune
Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant

31. Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune

32. Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune

33. Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune

34. Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune

35. Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune

36. เทคนิดเด็ด เช็คคุณภาพเว็บไซต์ใน 30 วิ
1. ดูว่าตามองที่ไหนเป็นที่แรก
2. อ่านเว็บไซต์จากซ้ายบน จนถึง ขวาล่าง
3. ทริค 5 อย่าง

37. Summarize
UX คือความพึงพอใจของผู้ใช้ที่มีต่อระบบ
ความสาคัญของ UX ของผลิตภัณฑ์ ที่มีผลต่อเจ้าของผลิตภัณฑ์ และผู้ใช้
UX Service ขั้นตอนทา UX ที่มีประสิทธิภาพ

38. ทาไมบริการบนเว็บไซด์ อย่าง BaseCamp ที่ไม่เน้นด้านดีไซน์อะไรเลย ใช้แค่ดีไซน์ง่าย ๆ ที่
ทางานได้ ถึงกลายเป็นบริการที่ดังขนาดนี้?
การดีไซน์อินเตอร์เฟซของเว็บไซด์นี้อาจไม่ได้ทาถึงที่สุด แต่เรื่องการดีไซน์ User Experience
ได้ทาออกมาอย่างดีในทุกขั้นตอน นั่นเป็นสิ่งที่ทาให้บริการนี้ได้รับความนิยมมมาก
Designal.com
Adii Pienaar

39. Nattawut Puaktong
Software Developer