user journey (wordcamp bangkok)

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

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

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

User Journey คืออะไร?

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

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

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

Empathy Define Ideate Prototype Test

Design Thinking Process

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

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

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

ดีใจ ถึงซะที

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

เบื่อ รอนาน

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

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

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

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

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

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

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

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

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

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

เงินรอคิว

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

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

เดินทางกลับ

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

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

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

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

- - -Opportunity

Thinking

Feeling

Step

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

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

ดีใจ ถึงซะที

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

เบื่อ รอนาน

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

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

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

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

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

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

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

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

Thinking

Feeling

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

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

เงินรอคิว

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

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

เดินทางกลับ

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

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

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

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

- - -Opportunity

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

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

ดีใจ ถึงซะที

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

เบื่อ รอนาน

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

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

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

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

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

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

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

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

Thinking

Feeling

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

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

เงินรอคิว

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

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

เดินทางกลับ

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

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

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

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

- - -Opportunity

ตัวอย่าง : Instagram

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

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

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

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

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

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

1 2 3

1

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

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

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

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

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

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

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

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

รอรถไฟฟ้า

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

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

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

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

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

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

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

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

รอรถไฟฟ้า

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

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

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

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

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

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

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

สรุป

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

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

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