Transcript
Page 1: User Journey (WordCamp Bangkok)

ออกแบบโปรดักส์และเซอร์วิสให้ถูกใจผู้ใช้ด้วยUser Journey

Page 2: User Journey (WordCamp Bangkok)

— ฝากไว้ให้คิด — เราออกแบบ User Flow อย่างไร?

ใช้อะไรมาตัดสิน?

Page 3: User Journey (WordCamp Bangkok)

User Journey คืออะไร?

Page 4: User Journey (WordCamp Bangkok)

มุมมองจากผู้ใช้หนึ่งคน ตั้งแต่ต้นจนจบการใช้งานโปรดักส์

Page 5: User Journey (WordCamp Bangkok)

User Journey อยู่ตรงไหน?

Page 6: User Journey (WordCamp Bangkok)

Understand Create DeliverUnderstanding ends in Insight Creation ends in Ideas Delivery ends in Reality

Empathy Define Ideate Prototype Test

Design Thinking Process

Page 7: User Journey (WordCamp Bangkok)

ตัวอย่าง : ธนาคาร

Page 8: User Journey (WordCamp Bangkok)

เหนื่อย เดินทางลําบาก

เหนื่อย หาที่จอดยาก

ดีใจ ถึงซะที

งง ช่องเยอะไป

เบื่อ รอนาน

สบายใจ ดําเนินการเร็วดี

สบายใจ ได้เงินแล้ว

วันนี้รถติดมากจะมีที่จอดรถ

ไหมนะมาถอนเงิน

ต้องกดอันไหนต้องกรอกช่องไหนบ้างนะ

เหลืออีกกี่คิว ถึงคิวซะทีจํานวนเงินถูก

ไหมนะรถติดอีกแล้ว

เหนื่อย ต้องฝ่ารถติด

เดินทางไปธนาคาร

จอดรถ รับบัตรคิวกรอกใบถอน

เงินรอคิว

ยื่นสมุดและใบถอน

รับเงิน นับเงิน

เดินทางกลับ

ให้ธนาคารเอาเงินมาส่งที่บ้าน

นั่งแท็กซี่ไปจองคิวผ่าน

แอพให้เจ้าหน้าที่เขียนให้

ส่งข้อความบอกเมื่อใกล้ถึงคิว

- - -Opportunity

Thinking

Feeling

Step

Page 9: User Journey (WordCamp Bangkok)

เหนื่อย เดินทางลําบาก

เหนื่อย หาที่จอดยาก

ดีใจ ถึงซะที

งง ช่องเยอะไป

เบื่อ รอนาน

สบายใจ ดําเนินการเร็วดี

สบายใจ ได้เงินแล้ว

วันนี้รถติดมากจะมีที่จอดรถ

ไหมนะมาถอนเงิน

ต้องกดอันไหนต้องกรอกช่องไหนบ้างนะ

เหลืออีกกี่คิว ถึงคิวซะทีจํานวนเงินถูก

ไหมนะรถติดอีกแล้ว

เหนื่อย ต้องฝ่ารถติด

Thinking

Feeling

Step เดินทางไปธนาคาร

จอดรถ รับบัตรคิวกรอกใบถอน

เงินรอคิว

ยื่นสมุดและใบถอน

รับเงิน นับเงิน

เดินทางกลับ

ให้ธนาคารเอาเงินมาส่งที่บ้าน

นั่งแท็กซี่ไปจองคิวผ่าน

แอพให้เจ้าหน้าที่เขียนให้

ส่งข้อความบอกเมื่อใกล้ถึงคิว

- - -Opportunity

Page 10: User Journey (WordCamp Bangkok)

เหนื่อย เดินทางลําบาก

เหนื่อย หาที่จอดยาก

ดีใจ ถึงซะที

งง ช่องเยอะไป

เบื่อ รอนาน

สบายใจ ดําเนินการเร็วดี

สบายใจ ได้เงินแล้ว

วันนี้รถติดมากจะมีที่จอดรถ

ไหมนะมาถอนเงิน

ต้องกดอันไหนต้องกรอกช่องไหนบ้างนะ

เหลืออีกกี่คิว ถึงคิวซะทีจํานวนเงินถูก

ไหมนะรถติดอีกแล้ว

เหนื่อย ต้องฝ่ารถติด

Thinking

Feeling

Step เดินทางไปธนาคาร

จอดรถ รับบัตรคิวกรอกใบถอน

เงินรอคิว

ยื่นสมุดและใบถอน

รับเงิน นับเงิน

เดินทางกลับ

ให้ธนาคารเอาเงินมาส่งที่บ้าน

นั่งแท็กซี่ไปจองคิวผ่าน

แอพให้เจ้าหน้าที่เขียนให้

ส่งข้อความบอกเมื่อใกล้ถึงคิว

- - -Opportunity

Page 11: User Journey (WordCamp Bangkok)

ตัวอย่าง : Instagram

Page 12: User Journey (WordCamp Bangkok)

เข้าโปรแกรม แต่งรูป

เลือกรูป ที่ต้องการอัพ

Page 13: User Journey (WordCamp Bangkok)

เข้าโปรแกรม แต่งรูป

เลือกรูป ที่ต้องการอัพ

Page 14: User Journey (WordCamp Bangkok)

เข้าโปรแกรม แต่งรูป

เลือกรูป ที่ต้องการอัพ

1 2 3

1

Page 15: User Journey (WordCamp Bangkok)

ตัวอย่าง : รถไฟฟ้า BTS

Page 16: User Journey (WordCamp Bangkok)

เดินไปที่สถานี BTS ดูป้ายบอกสถานีต่อแถว

ที่เครื่องซื้อบัตรไม่มีเหรียญ

ไปต่อแถวซื้อบัตรที่เค้าท์เตอร์

เค้าท์เตอร์รับแลกแต่เหรียญ

เดินมาต่อแถวที่เครื่องซื้อบัตร

ซื้อบัตรเสร็จ เดินเข้าประตู ตรวจกระเป๋า?ดูว่าป้ายว่าต้องขึ้น

ฝั่งไหนขึ้นบันได

รอรถไฟฟ้า

User Journey ของคนที่ใช้บริการรถไฟฟ้าเป็นครั้งแรก

Page 17: User Journey (WordCamp Bangkok)

เดินไปที่สถานี BTS ดูป้ายบอกสถานีต่อแถว

ที่เครื่องซื้อบัตรไม่มีเหรียญ

ไปต่อแถวซื้อบัตรที่เค้าท์เตอร์

เค้าท์เตอร์รับแลกแต่เหรียญ

เดินมาต่อแถวที่เครื่องซื้อบัตร

ซื้อบัตรเสร็จ เดินเข้าประตู ตรวจกระเป๋า?ดูว่าป้ายว่าต้องขึ้น

ฝั่งไหนขึ้นบันได

รอรถไฟฟ้า

User Journey ของคนที่ใช้บริการรถไฟฟ้าเป็นครั้งแรก

Page 18: User Journey (WordCamp Bangkok)

ตัวอย่าง : ห้างสรรพสินค้า และ E-commerce

Page 19: User Journey (WordCamp Bangkok)

ขั้นตอนการซื้อของในห้างสรรพสินค้า

หยิบของใส่ตะกร้าไปจ่ายเงินที่แคชเชียร์

ขนของกลับบ้านเลือกของที่ต้องการ

ขั้นตอนการซื้อของออนไลน์

หยิบของใส่ตะกร้า จ่ายเงินออนไลน์ ส่งของมาที่บ้านเลือกของที่ต้องการ

Page 20: User Journey (WordCamp Bangkok)

สรุป

- รู้จักผู้ใช้ของคุณให้มากที่สุด - ทํา Journey ของผู้ใช้กับโปรดักส์ของคุณ - หาจุดที่คิดว่าจะปรับปรุงเพื่อให้ผู้ใช้ของคุณใช้งานได้ดียิ่งขึ้น - ใช้ Real world journey ของผู้ใช้มาใช้ใน Online

Page 21: User Journey (WordCamp Bangkok)
Page 22: User Journey (WordCamp Bangkok)
Page 23: User Journey (WordCamp Bangkok)
Page 24: User Journey (WordCamp Bangkok)

— ฝากไว้ให้คิด (อีกครั้ง) — เราออกแบบ User Flow อย่างไร?

ใช้อะไรมาตัดสิน?