User Flow UX คืออะไร และเหตุใดจึงมีความสำคัญ2 min read

UX ที่ยอดเยี่ยมไม่ใช่ผลงานจากจินตนาการของคุณ เป็นผลงานจากการวิจัยอย่างกว้างขวาง การวางแผนอย่างรอบคอบ การทดสอบซ้ำๆ และการทดลองใช้กระดานวาดภาพหลายครั้ง แล้วคุณจะมั่นใจได้อย่างไรว่ากระบวนการนี้มีประสิทธิภาพมากที่สุดเท่าที่จะเป็นไปได้? คุณจะแน่ใจได้อย่างไรว่าคุณกำลังออกแบบโดยคำนึงถึงผู้ใช้ของคุณ?

รากฐานที่สำคัญที่สุดของความคล่องตัว กระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง—นอกเหนือจากการวิจัยผู้ใช้แล้ว—คือ การไหลของผู้ใช้. เป็นไดอะแกรมง่ายๆ ที่แสดงเส้นทางที่เป็นไปได้ของผู้ใช้ผ่านผลิตภัณฑ์ และทำให้ขั้นตอนการออกแบบของคุณน่าทึ่งมาก

ที่นี่เราจะอธิบายว่าโฟลว์ผู้ใช้คืออะไรและจะอ่านได้อย่างไร จากนั้นอธิบายบทบาทพื้นฐานของโฟลว์ผู้ใช้ในการสร้าง UX ที่ยอดเยี่ยม

ลองออกแบบด้วย AI

Anima สร้างเว็บไซต์ แอป และการออกแบบ UX จากข้อความแจ้ง ลองใช้ที่นี่ –

กระแสผู้ใช้คืออะไร?

ขั้นตอนของผู้ใช้คือแผนผังภาพพื้นฐานของเส้นทางที่เป็นไปได้ของผู้ใช้ผ่านผลิตภัณฑ์ ซึ่งในกรณีนี้คือแอปหรือเว็บไซต์ แผนที่นี้สามารถแสดงผลิตภัณฑ์ทั้งหมดหรือเพียงงานก็ได้ ภายใน ผลิตภัณฑ์นั้น เช่น การสมัครรับจดหมายข่าวหรือการซื้อ

โฟลว์ผู้ใช้เริ่มต้นที่จุดเริ่มต้นของผู้ใช้ในผลิตภัณฑ์หรืองาน เช่น หน้า Landing Page หรือตะกร้าสินค้า และสิ้นสุดที่การโต้ตอบขั้นสุดท้าย เช่น ลงชื่อสมัครใช้หรือสั่งซื้อให้เสร็จสิ้น

การแสดงภาพว่าผู้ใช้จะเคลื่อนผ่านผลิตภัณฑ์ของคุณอย่างไรช่วยให้คุณสามารถย่อและพิจารณาประสิทธิภาพของโครงสร้างโดยรวมได้ วิธีนี้ทำให้คุณสามารถระบุและจัดการกับอุปสรรคที่อาจเกิดขึ้นกับผู้ใช้เพื่อปรับปรุงความสามารถในการนำทาง

An example of a basic user flow structure

วิธีอ่านกระแสผู้ใช้

โฟลว์ผู้ใช้จะวางชุดขั้นตอนที่ผู้ใช้ดำเนินการตั้งแต่จุดเริ่มต้นไปจนถึงการโต้ตอบขั้นสุดท้าย ทุกขั้นตอนหรือ โหนด, แสดงด้วย a วงกลม, สี่เหลี่ยมผืนผ้าหรือ เพชรซึ่งแต่ละรายการจะระบุประเภทการดำเนินการที่แตกต่างกันที่ผู้ใช้ต้องทำ โหนดเหล่านี้เชื่อมต่อกันด้วย ลูกศร บ่งบอกทิศทางการเคลื่อนที่ของผู้ใช้ผ่านผลิตภัณฑ์

ต่อไปนี้คือรายละเอียดของแต่ละ Building Block ของโฟลว์ผู้ใช้:

User flow components explained

เมื่อใดที่ควรสร้างโฟลว์ผู้ใช้

หากเป็นไปได้ คุณควรสร้างโฟลว์ผู้ใช้ตั้งแต่เนิ่นๆ ในกระบวนการออกแบบของคุณ ซึ่งเหมาะอย่างยิ่งหลังจากการวิจัยผู้ใช้ครั้งแรกแล้ว วิธีนี้ทำให้คุณสามารถเพิ่มประสิทธิภาพโฟลว์ได้ก่อนที่จะเริ่มออกแบบ คุณจะสามารถดูพื้นที่ที่มีปัญหา ลบขั้นตอนที่ไม่จำเป็น และกำหนดว่าหน้าจอใดที่คุณจะต้องสร้างในช่วงเริ่มต้น ต้นแบบ.

เป็นที่น่าสังเกตว่ากระแสผู้ใช้สามารถสร้างได้ทุกเมื่อในระหว่างการพัฒนาผลิตภัณฑ์ หรือแม้แต่หลังจากที่ผลิตภัณฑ์เปิดตัวแล้วก็ตาม หากคุณต้องการแสดงภาพและประเมินโครงสร้างโดยรวมของการออกแบบที่มีศักยภาพหรือที่มีอยู่ กระแสผู้ใช้เป็นโซลูชันที่รวดเร็วและมีประสิทธิภาพ

บทบาทของโฟลว์ผู้ใช้ในการออกแบบ UX

ตอนนี้คุณรู้แล้วว่ากระแสผู้ใช้คืออะไรและทำงานอย่างไร เราจะมาดูบทบาทของพวกเขาในกระบวนการออกแบบ UX กัน โฟลว์ผู้ใช้สามารถช่วยคุณ:

1. สร้างอินเทอร์เฟซที่ใช้งานง่าย

การแสดงภาพการไหลเวียนของผู้ใช้ผ่านผลิตภัณฑ์หรือฟีเจอร์ของคุณจะเน้นจุดเสียดสี ความซ้ำซ้อน และองค์ประกอบที่อาจสร้างความสับสน ก่อน คุณสร้างมันขึ้นมาในการออกแบบของคุณ หากโฟลว์ผู้ใช้ของคุณไม่ได้ให้เส้นทางที่ตรงและใช้งานง่ายไปยังวัตถุประสงค์ ก็มีโอกาสที่ผลิตภัณฑ์ขั้นสุดท้ายจะไม่ให้เช่นกัน

2. ประเมินอินเทอร์เฟซที่มีอยู่

กระแสผู้ใช้เป็นวิธีที่ดีในการเพิ่มประสิทธิภาพผลิตภัณฑ์ที่มีอยู่ซึ่งอาจไม่สามารถแปลงหรือรักษาไว้ตามที่คาดไว้ ในกรณีเช่นนี้ คุณสามารถใช้โฟลว์ผู้ใช้เพื่อแสดงภาพและเพิ่มประสิทธิภาพกระบวนการที่ผู้ใช้ตีกลับหรือเปลี่ยนใจ

3. ถ่ายทอดกลยุทธ์ของคุณให้กับสมาชิกในทีมและผู้มีส่วนได้ส่วนเสีย

กระแสผู้ใช้ไม่ได้ดีแค่สำหรับขั้นตอนการออกแบบของคุณเท่านั้น พวกมันยอดเยี่ยมสำหรับการทำงานร่วมกันเช่นกัน โฟลว์ผู้ใช้ช่วยให้เพื่อนร่วมทีม ผู้มีอำนาจตัดสินใจ และผู้มีส่วนได้ส่วนเสียมีความเข้าใจที่ดีขึ้นเกี่ยวกับสถาปัตยกรรมประสบการณ์ผู้ใช้ที่อยู่เบื้องหลังผลิตภัณฑ์ของคุณ สิ่งนี้จะช่วยลดความเข้าใจผิดและเพิ่มความเร็วในการยอมรับ

โฟลว์ผู้ใช้ยังช่วยให้นักพัฒนาเข้าใจภาพรวมได้อีกด้วย โครงสร้างเบื้องหลังต้นแบบสุดท้ายของคุณซึ่งทำให้ ส่งมอบ มีประสิทธิภาพมากขึ้น

An example of user flow for a login process (task flow)

การเดินทางของผู้ใช้เทียบกับโฟลว์ของผู้ใช้

คำว่า User Journey และ User Flow มักใช้สลับกันได้ แต่ก็ไม่เหมือนกัน แต่ละรายการมุ่งเน้นไปที่เลเยอร์และระดับรายละเอียดที่แตกต่างกันภายในประสบการณ์ผู้ใช้โดยรวม

การเดินทางของผู้ใช้แสดงให้เห็นความสัมพันธ์ของผู้ใช้เฉพาะกับผลิตภัณฑ์ของคุณ รวมถึงวิธีที่พวกเขามาถึงผลิตภัณฑ์เพื่อเป็นแนวทางแก้ไข และจุดบอดและแรงจูงใจที่ผลักดันพวกเขาให้ไปถึงจุดนั้น ในทางกลับกัน ขั้นตอนของผู้ใช้จะแสดงเส้นทางที่เป็นไปได้ทั้งหมดที่ผู้ใช้สามารถทำได้ผ่านตัวผลิตภัณฑ์เอง

ความแตกต่างที่สำคัญ 4 ประการระหว่างการเดินทางของผู้ใช้และกระแสผู้ใช้:

1. การเดินทางของผู้ใช้มุ่งเน้นไปที่ ผู้ใช้คืออะไร การคิดและความรู้สึก ในแต่ละขั้นตอน ในขณะที่ USER FLOWS มุ่งเน้นไปที่ ผู้ใช้คืออะไร กำลังทำ
2. การเดินทางของผู้ใช้เริ่มต้นขึ้น ก่อนที่ผู้ใช้จะโต้ตอบกับผลิตภัณฑ์เป็นครั้งแรก และดำเนินการต่อ หลังจากที่ผู้ใช้ใช้งานเสร็จแล้วในขณะที่ USER FLOWS เริ่มต้นขึ้น ที่จุดเริ่มต้นของผู้ใช้เข้าสู่ผลิตภัณฑ์ และสิ้นสุด ในการโต้ตอบครั้งสุดท้าย
3. การเดินทางของผู้ใช้มุ่งเน้นไปที่ บุคลิกของผู้ใช้ที่เฉพาะเจาะจงในขณะที่ USER FLOWS มุ่งเน้นไปที่ ผู้ใช้ทั่วไป
4. การเดินทางของผู้ใช้บอก เรื่องราวทั้งหมดที่อยู่เบื้องหลังการโต้ตอบของผู้ใช้กับผลิตภัณฑ์ในขณะที่ USER FLOWS เพียงแสดงขึ้นมา เส้นทางที่เป็นไปได้ของผู้ใช้ผ่านผลิตภัณฑ์

กระแสผู้ใช้โดยสรุป

ที่นั่นคุณมีมัน โฟลว์ผู้ใช้สำหรับนักออกแบบ UX ก็เหมือนกับโครงร่างสำหรับนักเขียน ทั้งสองเป็นกรอบโครงสร้างที่ช่วยจัดระเบียบและปรับแต่งการไหลของผลิตภัณฑ์ขั้นสุดท้ายก่อนที่การพัฒนาจะเริ่มขึ้น กระแสผู้ใช้:

• แสดงให้เห็นถึง เส้นทางที่เป็นไปได้ที่ผู้ใช้สามารถใช้ผ่านผลิตภัณฑ์หรืองาน— เริ่มต้นที่ จุดเริ่มต้น,เคลื่อนตัวผ่าน ขั้นตอนและสิ้นสุดที่ ปฏิสัมพันธ์ครั้งสุดท้าย
• ประกอบด้วย 4 บล็อคหลัก: วงกลม (เริ่ม/สิ้นสุด) เพชร (การตัดสินใจ) สี่เหลี่ยม (กระบวนการ) และ ลูกศร (ทิศทางการเคลื่อนไหวระหว่างขั้นตอน)
• ควรจะถูกสร้างขึ้น ทันทีหลังจากการวิจัยผู้ใช้เบื้องต้น เสร็จสมบูรณ์เพื่อที่จะ ร่างและเพิ่มประสิทธิภาพ กระบวนการออกแบบที่ตามมา
• สามารถสร้างได้เช่นกัน ต่อมาในขั้นตอนการออกแบบ หรือ สำหรับผลิตภัณฑ์ที่มีอยู่ ที่ต้องการการวิเคราะห์การใช้งานและปรับปรุงกระบวนการ
• มีวัตถุประสงค์หลัก 3 ประการ คือ การสร้างอินเทอร์เฟซที่ใช้งานง่าย, ประเมินอินเทอร์เฟซที่มีอยู่และ ถ่ายทอดกลยุทธ์ของคุณไปยังเพื่อนร่วมทีมและผู้มีส่วนได้ส่วนเสีย

ทดสอบตัวเอง:

กระแสผู้ใช้คืออะไร?

ขั้นตอนของผู้ใช้เป็นแผนภาพพื้นฐานของเส้นทางที่เป็นไปได้ของผู้ใช้ผ่านผลิตภัณฑ์ (แอปหรือเว็บไซต์) หรืองานภายในผลิตภัณฑ์นั้น (การสมัคร การซื้อ ฯลฯ) เริ่มต้นที่จุดเริ่มต้นของผู้ใช้ในผลิตภัณฑ์หรืองาน และสิ้นสุดที่การโต้ตอบครั้งสุดท้าย

เหตุใดเราจึงใช้ User Flow ในการออกแบบ UX

ในไดอะแกรมเดียว โฟลว์ผู้ใช้จะสื่อว่าผู้ใช้จะไปยังส่วนต่างๆ ของผลิตภัณฑ์ทั้งหมดของคุณอย่างไร มุมมองกว้างนี้ทำให้คุณสามารถพิจารณาประสิทธิภาพของโครงสร้างและโฟลว์ที่คุณเสนอได้ คุณจะสามารถระบุและแก้ไขจุดเสียดสีและเริ่มเพิ่มประสิทธิภาพ UX ได้ ก่อน คุณเริ่มออกแบบ

โฟลว์ผู้ใช้สามารถช่วยได้ สร้างอินเทอร์เฟซที่ใช้งานง่าย ประเมินอินเทอร์เฟซที่มีอยู่ และ ถ่ายทอดโครงสร้างผลิตภัณฑ์ของคุณให้กับเพื่อนร่วมทีมและผู้มีส่วนได้ส่วนเสีย.

ลองใช้ Anima Playground สำหรับโฟลว์ผู้ใช้และการออกแบบ UX

Anima Playground ช่วยให้คุณสร้างโฟลว์ผู้ใช้ระดับมืออาชีพและ UX โดยการแชทกับเอเจนต์ AI ที่ใช้ UX ก่อน จากนั้นจึงสร้างการออกแบบและโค้ดในเบราว์เซอร์ เริ่มออกแบบด้วย AI ทันที—สิ่งที่คุณต้องมีก็คือไอเดีย

rocket-multilingual-links: เริ่มการไหลของผู้ใช้

rocket-multilingual-links: กระแสผู้ใช้ปลายทาง