ข้ามไปยังเนื้อหาหลัก
Interactive Guide Builder

สร้างคู่มือออนไลน์ที่พาคนอ่านไปตามสถานการณ์

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

Interactive guide

เดินตามคู่มือทีละขั้น

ขั้นที่ 1

start

รับเรื่องจากลูกค้า

บันทึกอาการ เวลา และผลกระทบโดยไม่ขอข้อมูลลับ

บันทึกอาการ เวลา และผลกระทบโดยไม่ขอข้อมูลลับ

อ่านรายละเอียดด้านล่าง
แก้เทมเพลต Troubleshooting สำหรับ Customer Support

สิ่งที่ Flow นี้ช่วยให้เห็น

ออกแบบโครงสร้างก่อนส่งต่อรายละเอียด

ทดลอง Viewer ที่แยกปัญหา Login, Payment และ Service ก่อนพาไปแนวทางหรือทีมรับผิดชอบ

Step-by-Step ที่ไม่ติดลูป

Viewer เก็บเส้นทางที่เดิน จำกัด Cycle และให้ย้อนกลับหรือเริ่มใหม่ได้

Deep Link ไปยังขั้นที่ต้องการ

แชร์ URL พร้อม node เพื่อพาผู้อ่านไปจุดที่ Support ต้องการอธิบาย

ภาพรวมยังอยู่

สลับไป Overview เพื่อเข้าใจโครงสร้างทั้งหมด โดยรายละเอียดข้อความยังอ่านได้แยกจาก Canvas

วิธีเริ่มต้น

สร้าง Flow ที่ตรวจทานได้ใน 4 ขั้น

  1. 1

    กำหนดผู้ใช้และผลลัพธ์ของคู่มือ

  2. 2

    สร้างเส้นทางปกติก่อนเพิ่มกรณียกเว้น

  3. 3

    เขียนคำถามที่ผู้อ่านตอบเองได้

  4. 4

    ทดลอง Viewer บนมือถือและแชร์ Node ที่ใช้ช่วยเหลือบ่อย

ตัวอย่างเฉพาะหน้า

ตัวอย่าง: คู่มือเชื่อมต่อ Wi-Fi สำนักงาน

แยกอุปกรณ์และอาการก่อนแสดงคำแนะนำที่ตรงกับผู้ใช้

  1. 1.เลือกประเภทอุปกรณ์
  2. 2.ตรวจว่าเห็นชื่อเครือข่ายหรือไม่
  3. 3.ทำตามขั้นเชื่อมต่อของระบบปฏิบัติการ
  4. 4.ส่งต่อ IT พร้อมอาการเมื่อยังเชื่อมไม่ได้

เหมาะกับ

Use case ที่ได้ประโยชน์

  • Self-service Support
  • คู่มืออบรมพนักงาน
  • Product Walkthrough ที่มีหลายบทบาท

ขอบเขตที่ควรรู้

ข้อจำกัดก่อนนำไปใช้

  • Viewer ไม่ควรใช้แทนการตรวจสิทธิ์หรือการตัดสินใจที่มีผลทางกฎหมาย
  • คู่มือที่มีสาขามากควรแยกตามงานเพื่อไม่ให้ตัวเลือกท่วมผู้อ่าน

เทมเพลตที่เกี่ยวข้อง

ไม่ต้องเริ่มจากหน้าว่าง

คู่มือที่เกี่ยวข้อง

อ่านหลักคิดก่อนนำ Flow ไปใช้จริง

คำถามที่พบบ่อย

คำถามเกี่ยวกับ Interactive Guide Builder

ผู้อ่านต้องลาก Canvas หรือไม่

ไม่ต้อง Step-by-Step Viewer ใช้ปุ่มและลิงก์ตามลำดับ ส่วน Overview เป็นทางเลือกสำหรับดูภาพรวม

แชร์ไปยังขั้นตอนใดขั้นตอนหนึ่งได้ไหม

ได้ Viewer รองรับ query parameter ของ Node และยังมี Breadcrumb ให้กลับไปตามเส้นทางที่เดินมา

คู่มือ Troubleshooting แบบเลือกเส้นทาง

ทดลอง Viewer ที่แยกปัญหา Login, Payment และ Service ก่อนพาไปแนวทางหรือทีมรับผิดชอบ

สร้างคู่มือ Interactive