User Journey
จัดทำแผนที่ประสบการณ์ผู้ใช้และการโต้ตอบข้ามจุดสัมผัส เหมาะสำหรับการออกแบบ UX และการจัดทำแผนที่การเดินทางของลูกค้า
User Journey คืออะไร?
User Journey Diagram จัดทำแผนผังประสบการณ์ทั้งหมดที่ผู้ใช้มีเมื่อโต้ตอบกับผลิตภัณฑ์หรือบริการข้ามจุดสัมผัสต่าง ๆ แสดงภาพการกระทำ อารมณ์ จุดปวด และโอกาสในแต่ละขั้นตอนของการเดินทางของลูกค้า ไดอะแกรมเหล่านี้จำเป็นสำหรับการออกแบบ UX ช่วยให้ทีมสร้างความเข้าใจและระบุพื้นที่สำหรับการปรับปรุงประสบการณ์ผู้ใช้
แก้ไขและดูตัวอย่าง
สร้าง User Journey ด้วยไวยากรณ์ Mermaid และดูการเปลี่ยนแปลงทันที
Example
User journey example
A Mermaid journey map covering diagram creation, preview, and sharing.
Mermaid code
journey
title Mermaid Editor User Journey
section Create
Open editor: 5: User
Paste Mermaid code: 4: User
section Review
Check live preview: 5: User
Fix syntax: 3: User
section Share
Export PNG: 5: User
Add to docs: 5: Userกรณีการใช้งานทั่วไป
การวิจัย UX
จัดทำเอกสารผลการสัมภาษณ์ผู้ใช้และการทดสอบความสามารถในการใช้งาน แสดงภาพรูปแบบพฤติกรรมผู้ใช้และการตอบสนองทางอารมณ์ตลอดการเดินทางของผลิตภัณฑ์
การออกแบบประสบการณ์ลูกค้า
จัดทำแผนผังประสบการณ์ลูกค้าแบบ Omnichannel ข้ามเว็บ มือถือ อีเมล และจุดสัมผัสทางกายภาพ ระบุปัญหาความสอดคล้องและโอกาส
การพัฒนาผลิตภัณฑ์
แนะนำการจัดลำดับความสำคัญของฟีเจอร์โดยระบุจุดปวดที่มีผลกระทบสูง สร้างผลิตภัณฑ์ที่เน้นผู้ใช้โดยเข้าใจความต้องการของผู้ใช้ในแต่ละขั้นตอน
การออกแบบบริการ
แสดงภาพประสบการณ์บริการแบบครบวงจร จัดทำแผนผังจุดสัมผัสลูกค้า การโต้ตอบของพนักงาน และกระบวนการเบื้องหลัง
ฟีเจอร์หลัก
ขั้นตอนการเดินทาง
แบ่งการเดินทางออกเป็นขั้นตอนเชิงตรรกะ เช่น การรับรู้ การพิจารณา การซื้อ การใช้งาน และการสนับสนุน
การกระทำของผู้ใช้
จัดทำเอกสารสิ่งที่ผู้ใช้ทำในแต่ละขั้นตอน บันทึกการคลิก การค้นหา การสนทนา และการกระทำทางกายภาพ
คะแนนอารมณ์
ให้คะแนนความพึงพอใจหรือความหงุดหงิดของผู้ใช้ในแต่ละจุดสัมผัส แสดงภาพจุดสูงสุดและจุดต่ำสุดทางอารมณ์ตลอดการเดินทาง
รองรับหลายผู้กระทำ
แสดงการเดินทางจากมุมมองหรือบทบาทผู้ใช้ที่แตกต่างกันที่โต้ตอบกับระบบเดียวกัน
แนวทางปฏิบัติที่ดี
อิงจากการวิจัย
สร้าง Journey Map จากการวิจัยผู้ใช้จริง ไม่ใช่สมมติฐาน ใช้การสัมภาษณ์ การวิเคราะห์ข้อมูล และการสังเกตการณ์
เน้นที่บุคลิกภาพเดียว
สร้าง Journey Map แยกสำหรับกลุ่มผู้ใช้ที่แตกต่างกัน แต่ละบุคลิกภาพมีความต้องการและพฤติกรรมที่แตกต่างกัน
ระบุจุดปวด
เน้นช่วงเวลาของความขัดข้องและความหงุดหงิด สิ่งเหล่านี้คือโอกาสที่ยิ่งใหญ่ที่สุดของคุณสำหรับการปรับปรุง
ทำให้นำไปปฏิบัติได้
ไม่ใช่แค่จัดทำเอกสาร — ระบุโอกาสเฉพาะและมอบหมายความรับผิดชอบสำหรับการปรับปรุง
สำรวจไดอะแกรมประเภทอื่น
Flowchart
แสดงภาพกระบวนการ เวิร์กโฟลว์ และอัลกอริทึมด้วยโหนดและลูกศรทิศทาง เหมาะสำหรับกระบวนการทางธุรกิจและแผนผังการตัดสินใจ
Sequence Diagram
บันทึกการโต้ตอบระหว่างผู้กระทำหรือระบบต่าง ๆ ตามลำดับเวลา เหมาะสำหรับเอกสาร API และการออกแบบระบบ
Class Diagram
สร้างแบบจำลองระบบเชิงวัตถุด้วยคลาส แอตทริบิวต์ และความสัมพันธ์ จำเป็นสำหรับการวางแผนสถาปัตยกรรมซอฟต์แวร์
State Diagram
แสดงการเปลี่ยนสถานะในระบบหรือแอปพลิเคชัน เหมาะสำหรับการสร้างแบบจำลองสถานะวงจรชีวิตและเวิร์กโฟลว์
Gantt Chart
วางแผนและติดตามไทม์ไลน์โครงการด้วยงานและการพึ่งพา เหมาะสำหรับการจัดการโครงการและการจัดตารางเวลา
ER Diagram
ออกแบบสคีมาฐานข้อมูลด้วยเอนทิตีและความสัมพันธ์ เหมาะสำหรับการสร้างแบบจำลองและเอกสารฐานข้อมูล
Git Graph
แสดงภาพกลยุทธ์การแตกสาขาของ Git และประวัติคอมมิต ช่วยอธิบายเวิร์กโฟลว์การควบคุมเวอร์ชัน
แผนที่ความคิด
จัดระเบียบไอเดีย ระดมความคิด และสร้างโครงสร้างภาพแบบลำดับชั้น เหมาะสำหรับการวางแผนและจัดทำแผนที่ความรู้
แผนภูมิวงกลม
แสดงการกระจายข้อมูลตามสัดส่วนด้วยแผนภูมิวงกลม เหมาะสำหรับแสดงเปอร์เซ็นต์และการวิเคราะห์ส่วนแบ่งตลาด
ไทม์ไลน์
แสดงภาพเหตุการณ์และเหตุการณ์สำคัญตามลำดับเวลา เหมาะสำหรับประวัติโครงการและแผนงาน
บอร์ด Kanban
จัดระเบียบงานเป็นคอลัมน์ที่แสดงขั้นตอนเวิร์กโฟลว์ เหมาะสำหรับการจัดการโครงการแบบ Agile และการติดตามงาน
แผนภูมิสี่ส่วน
วางรายการบนตารางสองแกนเพื่อเปรียบเทียบและจัดลำดับความสำคัญ เหมาะสำหรับการจัดลำดับความสำคัญฟีเจอร์และการวิเคราะห์เชิงกลยุทธ์
ไดอะแกรม Sankey
แสดงภาพปริมาณการไหลระหว่างโหนดด้วยลูกศรตามสัดส่วน เหมาะสำหรับการไหลของพลังงาน การจัดสรรงบประมาณ และช่องทางการแปลง
แผนภูมิ XY
สร้างแผนภูมิแท่งและแผนภูมิเส้นด้วยแกนที่กำหนดเอง เหมาะสำหรับการแสดงภาพข้อมูลและการวิเคราะห์แนวโน้ม
ไดอะแกรมบล็อก
สร้างเลย์เอาต์ที่มีโครงสร้างด้วยบล็อกจัดเรียงในคอลัมน์และแถว เหมาะสำหรับสถาปัตยกรรมระบบและภาพรวมส่วนประกอบ
ไดอะแกรมสถาปัตยกรรม
ออกแบบสถาปัตยกรรมคลาวด์และระบบด้วยไอคอนบริการและการเชื่อมต่อ เหมาะสำหรับเอกสารโครงสร้างพื้นฐาน
ไดอะแกรมแพ็กเก็ต
แสดงภาพโครงสร้างแพ็กเก็ตโปรโตคอลเครือข่ายด้วยเลย์เอาต์ฟิลด์ระดับบิต จำเป็นสำหรับเอกสารโปรโตคอลเครือข่าย