เรองนารเกยวกบ Scenario& UX

วชชากร สวนทรง

เราจ าเปนตองใชดไซน

เพอท าความเขาใจขอมลจ านวนมหาศาล

นนเปนเหตผลทศลปะและดไซนมความส าคญ

เพมมากข นในศตวรรษน ในยามทเราพยายาม

ท าความเขาใจกบทกความเปนไปไดในยคดจทล

Idea#1

John Maeda

10The Laws of Simplicity

1 2 3 4 5 6 7 8 9 10

John Maeda

The Laws of Simplicity : John Maeda

Reduce : ลด Organize : จดระเบยบ Time : เวลา Learn : เรยนร Difference : ความแตกตาง

Context : บรบท Emotion : อารมณ Trust : ความไวใจ Failure : ความลมเหลว The one : หนงเดยว

“ความเรยบงาย”

…. The simplest way to simplify ….

Reduce

“ลด”

11 2 3 4 5 6 7 8 9 10

…. Making lots appear like little…….

Organize

“จดระเบยบ”

21 2 3 4 5 6 7 8 9 10

…. Speeding up, saving time …….

Time

“เวลา”

31 2 3 4 5 6 7 8 9 10

…. Knowledge beats ignorance …….

Learn

“เรยนร”

41 2 3 4 5 6 7 8 9 10

…. Simplicity needs complexity…….

Different

“ความแตกตาง”

51 2 3 4 5 6 7 8 9 10

…. Be human and personal …….

Emotion

“อารมณ”

71 2 3 4 5 6 7 8 9 10

The Laws of Simplicity : John Maeda

Reduce : ลด Organize : จดระเบยบ Time : เวลา Learn : เรยนร Difference : ความแตกตาง

Context : บรบท Emotion : อารมณ Trust : ความไวใจ Failure : ความลมเหลว The one : หนงเดยว

“ความเรยบงาย”

ศพททเกยวของในวนน

UX-UI

80 : 20 rule

Wireframe

Scenario

Persona

Wire Frame

เปนแบบรางทมการลงรายละเอยดของอปกรณและตวอยางของขอมล

มทงแบบราง sketch และแบบวาดดวยเครองมอเฉพาะ

ใกลเคยงกบ Prototype

Scenario

เคาโครงและเรองราว คลายกบบทละคร ครอบคลมสวนของการด าเนนงาน

ใชส าหรบการออกแบบระบบ ออกแบบสวนตดตอผใชงาน ความเปนไปไดของการด าเนนงาน รวมถงขอผดพลาดและการรองรบขอผดพลาดทอาจเกดขนได ทงจากผใชและจากระบบงาน

ใชส าหรบการน าเสนอระบบงาน น าเสนอแนวทางการออกแบบ เปนเครองมอก าหนดทศทางและแนวทางการน าเสนอไดเปนอยางด การก าหนด Scenario ทดท าใหเกดความชดเจนในตวงานและสรางความนาเชอถอแกผ ใชได

กรณศกษาการใช Scenario

“สนคาคงคลง”

สงทเกยวของกบระบบ

สนคาและประเภทสนคา

เอกสารทออกโดยระบบ เชน ใบเสรจรบเงน

โกดงและคลงสนคา

Lot สนคา ต าแหนงการวางของสนคา

Supplier ทเปนผผลต หรอ ตวแทนจดจ าหนาย กจการขายปลกหรอขายสง

การน าเขาและเบกสนคาแบบ FiFO

สทธและชนดของผใชระบบงาน

เอกสารทออกโดยระบบ

ใบสงซอสนคา(ส าหรบแตละ Supplier) ออกโดยทางรานเพอใชสงซอสนคากบ Supplier ใชตรวจรบสนคาเมอ Supplier สงสนคา ใชเปนหลกฐานเมอสนคาเสยหายและมการคนสนคา

ใบเสรจรบเงน ออกโดยทางรานใหกบลกคาเมอซอสนคากบทางราน ใชเปนหลกฐานเมอสนคาเสยหายและมการคนสนคา

ใบเบกสนคาจากโกดงสนคาหรอหลงราน เปนเอกสารภายในเพอปองกนการสญหายของสนคา

รายงานทออกโดยระบบงาน

กจกรรมทส าคญของระบบ

การสงซอสนคาเขาราน

การตรวจรบสนคาและน าเขาคลงสนคา การคนสนคากบ Supplier

การเบกสนคา การถายโอนระหวางโกดง และการเบกจายสนคาแกรานสาขาตาง ๆ

การขายสนคากบลกคา การเปลยนหรอคนสนคาของลกคา

ตวอยาง Scenario สวนงานจดซอและตรวจรบ

สวนงานจดซอเกยวของกบสวนตดตอผใชดงตอไปน

สวนแจงเตอนสนคาหมดอาย และสนคาต ากวาจดสงซอ สวนงานจดการสงซอสนคา สวนงานรบค าสงจดซอ ตรวจสอบ ตดตอปลายทางและสงซอ สวนงานรบสนคา ตรวจสอบความถกตอง

สวนงานแสดงรายการสนคา จ านวน Lot สนคาและทจดเกบ

ตวอยาง Scenario สวนงานจดซอและตรวจรบ 1

ผจดการ A ตรวจพบวามรายการสนคา 7 รายการมจ านวนต ากวาจดสงซอ จงสงซอสนคาตามจ านวนเดมทเคยสงไวทก ๆ ครง พนกงานบญช B พบรายการสงซอจากผจดการ A จงไดตดตอและตรวจสอบกบ Supplier ทง 2 ราย พรอมทงสงใบจดซอไปยง Supplier ทง 2 ราย พรอมแจงผจดการ A เมอด าเนนการสงซอเรยบรอย

1 สปดาหตอมา ผจดการ A ตรวจรบสนคาทสงมาตามรายการใบสงซอ พบวามสนคาตามจ านวนดงกลาว จงลงชอตรวจรบพรอมกบช าระเงนสนคา

ตวอยาง Scenario สวนงานจดซอและตรวจรบ 2

ผจดการ A ตรวจพบวามรายการสนคา 7 รายการมจ านวนต ากวาจดสงซอ จงสงซอสนคาตามจ านวนเดมทเคยสงไวทก ๆ ครง พนกงานบญช B พบรายการสงซอจากผจดการ A จงไดตดตอและตรวจสอบกบ Supplier ทง 2 ราย พรอมทงสงใบจดซอไปยง Supplier ทง 2 ราย พรอมแจงผจดการ A เมอด าเนนการสงซอเรยบรอย

1 สปดาหตอมา ผจดการ A ตรวจรบสนคาทสงมาตามรายการใบสงซอ พบวามสนคา 1 รายการไมครบถวนและ 1 รายการมบางสวนช ารด จงไดรบสนคาทเหลอเขาคลงสนคาและแจงพนกงานบญช B

ออกใบคนสนคา + ใบสงซอ(ยอนกลบ)เพอแจงแก Supplier เจาดงกลาว พรอมกบช าระเงนสนคา

Scenario • บทละครทแสดงถง ผใชระบบทมปฏสมพนธกบสวนงานเพอจดประสงคบางอยาง

• ในกรณทระบบงานเลก สวนงาน อาจเปนเกอบทงหมดของระบบงาน อาจใชเพยง 1-2 scenario เพออธบายระบบงาน

• ในระบบงานทขนาดกลางถงใหญ ทประกอบดวยหลายสวนงาน ในการออกแบบอาจตองใชหลาย scenario เพอครอบคลมถงการออกแบบระบบงาน

• การน าเสนอทดนน เราจะใช Scenario จะมงเนนถงการอธบายสวนงานทส าคญเปนอนดบแรก ๆ

• ผลลพธของการน าเสนอ Scenario ประกอบกบ wireframe หรอ prototype จะท าใหรกระบวนการและ UI-UX ทเกยวของ

• ผลลพธของการน าเสนอ error Scenario ประกอบกบ wireframe หรอ prototype จะท าใหรกระบวนการ ปญหารวมถง UX ทใชแกปญหาดงกลาว และสดทายกคอ UI ทถกปรบแกเพอรองรบปญหา

Scenario

• สวนงานอาจไมจ าเปนตองม error Scenario โดยเฉพาะอยางยงสวนงานทมการ input ขอมลทไมซบซอน มการแสดงผลขอมลเปนหลก

• การปอนขอมลผดโดยปกตจะไมพจารณาเปน error Scenario ยกเวนกรณเกยวของกบธรกรรมการเงนหรอกรณทมความตอเนองกบสวนงานอน ๆ ในงานดงกลาว

• การน าเสนอ Scenario ควรระบถง สวนงาน หรอ กลมของสวนงานทเกยวของ ใน task หนง ๆ• Simple Scenario คอ task งานทผใชด าเนนการกบระบบในกรณปกต• Error Scenario คอ task ทอาจเกดความผดปกตจากสาเหตดงตอไปน

• ความผดปกตพนฐาน อนเกดจากกระบวนการ ไมไดเกดจาก software (ใช Business model + UX ชวยได)• ความผดปกตอนเกดจากผใช เชนการ input ขอมลผด (ใช UX ชวยได)• ความผดปกตอนเกดจาก infrastructure เชน server, cloud ผดปกต

Scenario ทไรประโยชน

• ระบบงานทมหลายสวนงาน แตไมระบสวนงานในการน าเสนอ Scenario แตน าเสนอในภาพรวม ๆ และจบการน าเสนอ Scenario ไปอยางภาพรวม ไมลงรายละเอยด ไมเกด UX หรอ UI ในการแกปญหา

• ย าคดย าท ากบ Scenario ทไมส าคญเชน การ Login-Logout การปอนขอมล profile ผใชงานผด

• ย าคดย าท ากบ error Scenario ทไมส าคญ

สรป• พฤตกรรมผใชงาน เปนสงส าคญในการออกแบบ Application ในยคใหม

• การท าความเขาใจพฤตกรรมผใช ควรพจารณากระบวนงานและแนวคด 80:20

• Prototype เปนสงทเปนเครองมอสอสารแนวคดอยางจบตองไดงายทสด

• การออกแบบ Scenario มประโยชนและหลกการส าคญดงน • ใชก าหนดสวนงานส าคญ ตามกรอบพฤตกรรมผใชในรปแบบทจบตองได • การน าเสนอ Scenario ทด ควรน าเสนอ task พนฐานและ task ทเปนปญหาพนฐานอยางนอย 1 กรณ• wireframe เปนเครองมอสอสาร scenario ทงายทสด(กอนเขยนโปรแกรม)

• Persona จะถกใชรวมกบ Scenario ในกรณทมความหลากหลายเชงพฤตกรรม ทมผลตอการใชระบบงานของกลมผใชประเภทหนง ๆ ซงมผลใหเราตองออกแบบงานใหรองรบพฤตกรรมดงกลาวนนได

ศลปะจะท าใหเทคโนโลยอบอน

และท าใหเทคโนโลยไมยากเกนความเขาใจ

Idea#1

John Maeda