ux experience อย่าทำให้ฉันคิดเยอะ?
TRANSCRIPT
UX
อยาท าใหฉนคดเยอะ ?
Agenda
What is UX ?
Importance of UX
UX Service
What is UX ?
User Experience
ความพงพอใจของผใชทมตอระบบ
User Experience
User Interface Design – การออกแบบหนาตาเวบ
Usability Design – การออกแบบใหใชงานงาย
User Experience - ความพงพอใจของผใชทมตอระบบ
User Interface Design
การออกแบบฟอรม
Usability Design
การระบชอชองใหชดเจน
Importance of UX
UX
User NeedTechnology
Business Goals
Bad UX
Bad UX
Bad UX
User Experience
Design
Bad UX
Sign Up Sign In Sign Up Log In Register Sign In
Bad Okay Good
Example
1 2 3
หาก User ไมพบสงทตองการ User จะปดหนาเวบนนทนท
สงทเราคาดหวง
ความเปนจรง
ท าไมเราถงตองตองใหความส าคญกบ UX
กระบวน การออกแบบของ UX นนจะชวยใหนกพฒนา และนกออกแบบสามารถ
คนหาความตองการ ทแทจรงของผทมสวนไดสวนเสย กบผใชงาน
และน ามาผสมผสานเขาดวยกน เพอใหเกดเปนสนคา และผลตภณฑทสามารถตอบ
โจทยไดทง 2 ฝาย
ท าไมเราถงตองตองใหความส าคญกบ UX
การออกแบบโดยใชหลก UX ไมไดมองเฉพาะแคเพยงผใชงานเทานน แตยงตองเปนสวนผสมตรงกลาง ระหวางความตองการของเจาของผลตภณฑ และความตองการของผใชดวย ทงน การทเราจะท าใหผลตภณฑชนใดชนหนงฉกรปแบบออกไปจากสงทเคยเปน ยอมตองผาน “กระบวนการคดอยางสรางสรรค” ซงจะชวยใหเราสามารถ “คดนอกกรอบ” แตยงคงเดนหนาสการพฒนาผลตภณฑ และน าไปสเปาหมายทตงไวแตแรกได
UX Service
“ ท าอยางไรเราถงจะโดดเดนกวาคแขงในตลาดได ? ”
“ เราตองท าอะไรอกไหม เพอใหลกคาถกใจเรามากยงขน ? ”
UX Service
Strategy
InformationArchitecture
Mockup &Wireframing
Flowchart
Test, Report and Finetune
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
Information Architecture
Content
- Summarize
- Organize
- Categorize
- Unify
Represent and translate
Baris Erkol, Independent UX Designer and Consultant
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
Flowchart
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune
Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune
Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune
Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune
Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune
Interviews
Persona
Usability Tests
A/B Testing
Heatmap
Baris Erkol, Independent UX Designer and Consultant
Test, Report and Finetune
เทคนดเดด เชคคณภาพเวบไซตใน 30 ว
1. ดวาตามองทไหนเปนทแรก2. อานเวบไซตจากซายบน จนถง ขวาลาง3. ทรค 5 อยาง
Summarize
UX คอความพงพอใจของผใชทมตอระบบ
ความส าคญของ UX ของผลตภณฑ ทมผลตอเจาของผลตภณฑ และผใช
UX Service ขนตอนท า UX ทมประสทธภาพ
ท าไมบรการบนเวบไซด อยาง BaseCamp ทไมเนนดานดไซนอะไรเลย ใชแคดไซนงาย ๆ ทท างานได ถงกลายเปนบรการทดงขนาดน?
การดไซนอนเตอรเฟซของเวบไซดนอาจไมไดท าถงทสด แตเรองการดไซน User Experience ไดท าออกมาอยางดในทกขนตอน นนเปนสงทท าใหบรการนไดรบความนยมมมาก
Designal.com
Adii Pienaar
Nattawut PuaktongSoftware Developer