ผมเลือกนำระบบ 360° Virtual Tour มาศึกษาและออกแบบใหม่ เพราะผู้ใช้เข้าไปชมได้ง่าย แต่กลับหาทางไปต่อหรือออกจากระบบได้ยาก เคสนี้แสดงตั้งแต่วิธีที่ผมหาปัญหา จัดโครงสร้างข้อมูล ไปจนถึงการออกแบบหน้าทัวร์ใหม่
ในเคสนี้ผมรับผิดชอบกระบวนการตั้งแต่ทำความเข้าใจพฤติกรรมของผู้ใช้ สังเคราะห์ปัญหา จัดลำดับความสำคัญของฟีเจอร์ ออกแบบ IA และ User Flow ไปจนถึงร่างหน้าทัวร์ใหม่ เป้าหมายของผมคือทำให้ข้อเสนอทุกจุดย้อนกลับไปหาหลักฐานหรือปัญหาที่พบได้ ไม่ใช่เริ่มจากการตกแต่งหน้าจอ
รู้จักตึกอยู่แล้ว จึงต้องการทางลัดไปยังจุดหมายมากกว่าการเดินชมตามลำดับ
ไม่มีความรู้เดิมและรู้สึกเวียนหัวกับภาพ 360° จึงต้องการข้อมูลห้อง เบอร์โทร และที่จอดรถที่หาได้ตรงไปตรงมา
เข้ามาดูบรรยากาศแบบสำรวจ แต่ยังหาเส้นทางต่อไปยังข้อมูลหลักสูตรและการสมัครเรียนไม่พบ
| ปัญหา | ประเภท | ระดับ | หลักฐานจาก Research |
|---|---|---|---|
| ไม่มี "You are here" — ไม่รู้ตำแหน่ง/ทิศทางตัวเอง | Spatial | P0 | ทุกคนตอบ "ไม่รู้อยู่ตรงไหน" · confidence 1–2/5 · autorotate ยิ่งงงทิศ |
| ไม่มีปุ่ม Home / ทางออก ที่เห็นได้ตลอด | IA | P0 | สมศักดิ์ "รู้สึกโดนขัง" · ปอนด์กดโลโก้เดาว่าเป็น home แต่ไม่ใช่ · ไข่มุกหนีด้วยปุ่ม back มือถือ |
| Scene list ไม่ครบ 10 ภาควิชา | IA | P0 | ปอนด์: เมนูเป็นลิสต์คัดมา ไม่ใช่สารบบ → มีภาคที่เข้าไม่ถึง (orphan) |
| IA จัดตามภาควิชาอย่างเดียว ขาดหมวดหน่วยงานสนับสนุน | IA | P0 | สมศักดิ์หา "ห้องการเงิน/ธุรการ" ไม่เจอ เพราะเมนูมีแต่ชื่อภาควิชา |
| ไม่มี CTA "สมัครเรียน/หลักสูตร" | IA | P0 | ไข่มุกต้องการข้อมูลสมัครเรียน แต่หาเส้นทางต่อไม่พบและออกไปค้นหาจากเว็บอื่นแทน |
| ไม่มีทางสลับภาคระหว่างทาง (cross-navigation) | IA | P1 | ปอนด์ต้องเดินย้อนกลับฮับก่อนทุกครั้ง → หงุดหงิดที่สุดใน journey |
| Autorotate สู้กับการควบคุมของผู้ใช้ | Spatial | P1 | ปอนด์รำคาญ · สมศักดิ์เวียนหัวจนแทบไม่อยากดูต่อ (อุปสรรคทางกายภาพ) |
| Sound gate / onboarding ขวาง task แรก | IA | P1 | modal เสียงเด้งก่อน orientation ทุกคนกดปิดโดยไม่อ่าน สมศักดิ์ไม่มั่นใจว่ากดถูกไหม |
| ไม่มี progress / context indicator | Spatial | P1 | ทุกคนตอบ "ดูไปแล้วกี่ส่วน" ไม่ได้ · บางจุดไม่มีป้ายบอกว่าคือที่ไหน |
ผมสรุปปัญหา "เข้าง่าย ออกยาก" ออกมาเป็น 3 หลักยึดที่ผู้ใช้ต้องเห็นตลอดเวลา ได้แก่ รู้ว่าตัวเองอยู่ที่ไหน (spatial anchor), รู้ว่าจะกลับหรือออกอย่างไร (exit anchor) และรู้ว่าจะไปยังงานถัดไปได้อย่างไร (task anchor) แนวทางแก้จึงต้องทำให้หลักยึดเหล่านี้มองเห็นได้บนหน้าจอ ไม่ซ่อนอยู่ในเมนู
วางปุ่มกลับลานหน้าคณะไว้ในตำแหน่งเดิมทุกฉาก เพื่อให้ผู้ใช้มีจุดกลับที่คาดเดาได้
ปุ่มกลับเว็บคณะที่เห็นชัดตลอด — แก้ความรู้สึก "โดนขัง" และ dead-end
เมนูสารบบครบทั้ง 10 ภาค ไม่มีภาคตกหล่น เข้าถึงทุกฉากได้จากที่เดียว
แยกหมวด การเงิน/ทะเบียน/ธุรการ ออกจากภาควิชา — ตอบ task ของผู้มาติดต่อ
แสดงปุ่ม "ดูข้อมูลรับสมัคร/หลักสูตร" ตลอดการชม เพื่อเชื่อมจากความสนใจไปยังข้อมูลที่ใช้ตัดสินใจ
แก้ popup VR-KU / sound gate ให้ปิดได้จริง ไม่บังจอ และย้ายเสียงเป็น toggle มุมจอ
แผนที่ย่อบอกตำแหน่ง+ทิศทางตลอดเวลา — แก้ปัญหาหลงเชิงพื้นที่โดยตรง
แถบสลับภาคจากทุกจุด ไม่ต้องเดินย้อนกลับฮับ — ให้ fast path แก่ power-user
โหมดดูแบบรายการ/แผนผัง สำหรับผู้ที่เวียนหัวหรือต้องการแค่ข้อมูล ไม่ต้องหมุนภาพ
เส้นทางแนะนำอัตโนมัติตั้งแต่แรกเข้า — แก้ปัญหา "ไม่รู้จะเริ่มตรงไหน" ของมือใหม่
ผมเสนอให้เริ่มจาก Quick Wins (F1–F6) ที่ช่วยให้งานหลักไม่ติดขัดและพัฒนาได้ก่อน จากนั้นจึงทดสอบ Big Bets (F7–F10) ซึ่งต้องใช้ทรัพยากรมากกว่า ผังโครงสร้างและ flow ในหัวข้อถัดไปแสดงให้เห็นว่าฟีเจอร์เหล่านี้ทำงานร่วมกันอย่างไร
“รู้ว่าห้องอยู่ตึกไหนแล้ว แค่อยากคลิกไปเลย ไม่ใช่เดินวนหา”
| Phase |
① เปิดเข้าทัวร์
(Landing)
|
② หาภาคโยธาที่ฮับ
(Discover)
|
③ สำรวจลึกในภาคโยธา
(Explore)
|
④ พยายามสลับภาคอื่น
(Struggle)
|
⑤ สรุปผล/ออกจากทัวร์
(Resolve)
|
|---|---|---|---|---|---|
| User Action | เปิดลิงก์ทัวร์ 360° บนมือถือ เจอ modal เสียงเด้งขึ้นก่อน | มองหาป้ายภาควิชาที่ลานหน้าคณะ กดเข้าภาคโยธา | เดินตามลูกศรเข้าไปในอาคารภาคโยธาเรื่อยๆ | อยากดูภาคเครื่องกลต่อ ลองกดหาทางสลับ | ทดลองส่งลิงก์ให้เพื่อน พบว่าส่งเฉพาะจุดไม่ได้ ปิดทัวร์ |
| Touchpoint | มือถือ · Landing + Sound gate modal | Hub scene (ลานหน้าคณะ) · hotspot ป้ายภาค | Panorama ภายในภาค · ลูกศร hotspot · autorotate | เมนูสามขีด (scene list ไม่ครบ) · ปุ่มย้อนกลับในภาพ | ปุ่มแชร์ / URL · ปิดแท็บ |
| User Thought | “กดปิดไปเลย อยากรู้ว่ากดตรงไหนเข้าไปข้างในได้” | “ป้ายภาคดูออกง่ายดี เดี๋ยวกดโยธาเลย” | “อยู่ตรงไหนของตึกแล้วนะ เริ่มไม่แน่ใจ” | “น่าจะมีปุ่มสลับภาคตรงๆ สิ ทำไมต้องเดินย้อนออกไปฮับก่อน” | “พิมพ์บอกในไลน์เร็วกว่าอีก” |
| Pain / Emotion | 😐ต้องเสียเวลากับด่านเสียงก่อนเข้า → เฉยๆ ไม่ได้รำคาญมาก | 😊ไม่มีปัญหา → พอใจ ตรง mental model | 😟หลงทิศ ไม่รู้ตำแหน่งตัวเอง → เริ่มไม่มั่นใจ/กังวล | 😠ต้องเดินย้อนไกลทั้งที่รู้ทางอยู่แล้ว → หงุดหงิดที่สุดใน journey | 😊มี workaround อื่นทดแทนได้ → ยอมรับ ไม่ได้โกรธมาก |
| App Opportunity | ย้าย sound gate เป็น toggle มุมจอ + แสดง overview จำนวนภาคตั้งแต่หน้าแรก | คงดีไซน์ hotspot pill ไว้ (จุดแข็งเดิม) + เพิ่ม badge ไฮไลต์ภาค | Mini-map + you-are-here แบบ persistent · ปิด autorotate ได้เอง | แถบสลับภาคแบบ persistent กดข้ามได้จากทุกจุด · deep link เฉพาะห้อง | ฟีเจอร์ deep link / แชร์ตำแหน่งเฉพาะจุดพร้อม preview ภาพ |
| # | คำถาม | คำตอบ (ปอนด์) | Insight / สัญญาณปัญหา |
|---|---|---|---|
| A · ก่อนใช้ — บริบท & ความคาดหวัง | |||
| 1 | ปกติหาข้อมูลคณะ/ห้องจากไหน | ถามรุ่นพี่ในไลน์กลุ่ม หรือเดินไปดูเอง เว็บคณะเข้าน้อย หาของไม่เจอ | เว็บคณะไม่ใช่ที่พึ่งแรก — tour ต้องพิสูจน์ว่าเร็วกว่าถามคน |
| 2 | เคยใช้ 360° tour ไหม | เคยตอนหาที่เรียน แต่เปิดเล่นแป๊บเดียวแล้วปิด งงว่าจะดูไปทำไม สุดท้ายไปอ่านเว็บปกติ | มี prior bias ว่า 360° = สวยแต่ไม่มีประโยชน์ใช้งานจริง |
| 3 | คาดหวังอะไรจากทัวร์ | อยากให้เหมือนแผนที่กดแล้วพุ่งไปห้องที่ต้องการเลย (เช่น ห้องประชุมภาคโยธาชั้นไหน) | Mental model = "ทางลัด/lookup" ไม่ใช่ "เที่ยวชม" |
| B · แรกพบ — landing & sound gate | |||
| 4 | หน้าแรกเห็นอะไร ทำอะไรต่อ | เจอรูปคณะ + modal ถามเรื่องเสียงเด้งก่อน กดปิดเลยไม่อ่าน อยากรู้ว่ากดตรงไหนเข้าข้างในมากกว่า | Sound gate มาก่อน orientation → ขวาง task แรก (P2) |
| 5 | หน้าแรกบอกไหมว่าข้างในมีอะไร | ไม่บอก มีแค่รูปสวยกับปุ่มเข้า ไม่รู้ว่ามีกี่ภาค ต้องเดาเอา คนไม่รู้จักคณะจะงงกว่า | ขาด overview/สารบบตั้งแต่ทางเข้า |
| C · ระหว่างทำ task — think-aloud | |||
| 6 | ตอนนี้คิดอะไรอยู่ (think-aloud) | อยู่ลานหน้าคณะ เห็นป้ายภาคลอยๆ กำลังหาโยธา เจอแล้วกด | Hub-and-spoke by ภาควิชา ทำงานตรง mental model — จุดแข็ง |
| 7 | รู้ได้ไงว่าตรงไหนกดได้ | ลูกศร + ป้ายภาคเดาได้ (เล่นเกมเยอะ) แต่ปุ่มตั้งค่า/เสียง/ซ่อนป้าย หาไม่เจอ ซ่อนในเมนูสามขีด | Global controls ไม่ persistent → discoverability ต่ำ (P1) |
| 8 | เมนูบอกอะไร ครบไหม | เป็นลิสต์รูปเล็ก+ชื่อฉาก ดูดี แต่มีไม่ครบ — ภาคจริงมี 10 แต่เมนูมีไม่กี่อัน พึ่งเมนูอย่างเดียวไปไม่ครบ | P0: scene list เป็นลิสต์คัดมา ไม่ใช่สารบบ → orphan ภาค |
| D · เชิงพื้นที่ — รู้ตำแหน่งตัวเองหรือเปล่า | |||
| 9 | ตอนนี้อยู่ตรงไหนของคณะ | อยู่ในโยธาแต่บอกเป๊ะๆ ไม่ได้ เดินตามลูกศรจนไม่แน่ใจว่าโซนไหน ไม่มีอะไรบอกตำแหน่ง | P0: ไม่มี "you are here" → หลงเชิงพื้นที่ |
| 10 | ชี้ทางลานหน้าคณะ | ชี้ไม่ถูก ภาพหมุนไปมาจนงงทิศ "น่าจะย้อนทางที่มา" แต่ไม่ชัวร์ | สูญเสีย orientation เชิงทิศทาง (ซ้ำเติมด้วย autorotate) |
| 11 | จะกลับจุดเริ่มยังไง (จับเวลา) | ลังเล ลองกด → เดาว่าย้อนลูกศรทีละอัน หรือหาในเมนู "อันไหนคือลานหน้าคณะนะ" งมอยู่ อยากได้ปุ่มบ้าน | P0: time-to-home สูง มี hesitation ชัด |
| 12 | ดูไปแล้วกี่ส่วน เหลืออะไร | ตอบไม่ได้เลย ไม่มีอะไรบอก รู้แค่ยังไม่ได้ไปภาคอื่น | ไม่มี progress indicator → ไม่รู้ว่าดูครบยัง |
| E · เชิง IA — ทางออก & หาข้อมูล | |||
| 13 | จะออกไปหน้าอื่นของเว็บคณะยังไง (จับเวลา) | "ไม่มีทางออกให้" ไม่เห็นปุ่มกลับเว็บคณะเลย คงปิดแท็บแล้วเปิดใหม่เอา เหมือนอยู่คนละโลกกับเว็บคณะ | P0: ไม่มี exit → dead-end จริง |
| 14 | จะหาห้องเฉพาะยังไง | เปิดเมนูหาก่อน ถ้าไม่มีต้องกดลูกศรเดินหา ซึ่งถ้าหลง = เสียเวลามาก | ไม่มี search/direct access → พึ่ง navigation ที่ไม่ครบ |
| 15 | มีตรงไหนคาดว่ากดแล้วออกได้แต่ไม่ได้ | มี! พยายามกดโลโก้/ไอคอนมุมบน เผื่อกลับหน้าแรก แต่ไม่มีอะไรเกิด หรือเด้งผิดที่ | ความคาดหวัง convention (โลโก้=home) ไม่ถูกตอบสนอง |
| F · หลังใช้ — retrospective & ความรุนแรง | |||
| 16 | จังหวะไหนงงสุด | ตอนอยากสลับไปดูภาคอื่น เข้าโยธาลึกแล้วต้องเดินย้อนออกมาลานหน้าคณะก่อน ตรงนั้นหงุดหงิด | P0: ไม่มี cross-navigation ระหว่าง spoke |
| 17 | คะแนนมั่นใจว่ารู้ตำแหน่งตลอด (1–5) | 2/5 — ลานหน้าคณะโอเค แต่พอเข้าลึกในภาคหลุดเลย ที่ไม่ให้ 1 เพราะรู้จักตึกจริง คนไม่รู้จักคงให้ 1 | Confidence ต่ำ + ยอมรับว่า newcomer จะแย่กว่า |
| 18 | เพิ่มได้ 1 อย่างให้ไม่หลง | ปุ่มบ้าน (กลับลานหน้าคณะ) อยู่มุมจอเห็นตลอด · ถ้าได้อีกคือ mini-map บอกตำแหน่ง | นำไปสู่ข้อเสนอปุ่ม Home ที่เห็นตลอดและ mini-map บอกตำแหน่ง |
| 19 | ตอบสิ่งที่อยากรู้ตอนแรกไหม | ครึ่งๆ เห็นภาพภาคโยธาได้ แต่ "กดพุ่งไปห้องเลย" ทำไม่ได้ ช้ากว่าเดินดูจริง | ไม่ตอบ core need (ความเร็ว/direct access) |
| เจาะเฉพาะปอนด์ (Power-user probe) | |||
| P1 | สลับภาคทำยังไง คาดหวังเร็วกว่าไหม | ต้องย้อนลานหน้าคณะก่อน คาดหวังเมนูค้างข้างจอกดสลับได้เลย เหมือนแถบเมนูล่างในแอป | ต้องการ persistent department switcher |
| P2 | ภาพหมุนเอง รู้สึกยังไง | กวนมาก ยืนเฉยๆ ภาพหมุนเอง พอจะกดลูกศรตำแหน่งเลื่อนไปแล้ว ยิ่งงงทิศ อยากให้หยุดได้ | P1: autorotate สู้กับ user control |
| P3 | ทัวร์ช่วยหรือขวาง (คนรู้จักตึก) | ขวางมากกว่าช่วย รู้ห้องอยู่แล้วแต่ถูกบังคับเดินวน ช้ากว่าคาด น้องปี 1 อาจได้ประโยชน์กว่า | Power-user ได้ value น้อย — ต้องมี fast path |
| P4 | ส่งลิงก์เฉพาะห้องแลปโยธาได้ไหม | ไม่ได้ ลิงก์เดียวกันหมด เพื่อนกดไปโผล่หน้าแรก ต้องเดินหาเอง พิมพ์บอกไลน์เร็วกว่า | ไม่มี deep link → พังทั้ง sharing use case |
“ผมแค่จะถามว่าห้องการเงินอยู่ตึกไหน ทำไมต้องหมุนภาพหาเอง”
| Phase |
① เปิดทัวร์ครั้งแรก
(Landing)
|
② พยายามหาห้องการเงิน
(Search)
|
③ หมุนภาพสำรวจ
(Explore)
|
④ พยายามหาทางออก
(Struggle)
|
⑤ เลิกใช้/โทรถามแทน
(Exit)
|
|---|---|---|---|---|---|
| User Action | เปิดลิงก์ที่ลูกสาวส่งมา เจอ modal เสียง ไม่แน่ใจว่าต้องกดอะไร | เปิดเมนู ไล่หาชื่อห้องการเงิน/ธุรการ | ลากหมุนภาพ 360° ลองผิดลองถูกหาห้อง | กดไอคอนมุมจอทุกอันหวังจะกลับเว็บคณะ | ปิดทัวร์ โทรศัพท์ถามคณะโดยตรง |
| Touchpoint | มือถือ · Landing + sound modal | เมนูสามขีด (scene list เป็นชื่อภาควิชา) | Panorama view · hotspot ลูกศร | ไอคอนมุมจอ / โลโก้ | โทรศัพท์ |
| User Thought | “ต้องกดยอมรับไหมนะ ไม่แน่ใจ” | “ทำไมมีแต่ชื่อภาค ไม่เห็นห้องการเงินเลย” | “เวียนหัว จะดูต่อยังไงดี” | “กดพลาดแล้วออกไปไหนไม่ได้เลยรึเปล่า” | “แบบนี้เร็วกว่าเยอะ” |
| Pain / Emotion | 😐ไม่มั่นใจว่ากดถูกไหม → กังวลเล็กน้อย | 😟หาหน่วยงานที่ต้องการไม่เจอ → หงุดหงิด/สับสน | 🤕เวียนหัวจริงจากการหมุนภาพต่อเนื่อง → รำคาญ/ไม่สบายตัว | 😣รู้สึกเหมือนติดกับในพื้นที่ปิด → กลัว/อึดอัด | 😌มีทางเลือกอื่นที่เร็วกว่า → โล่งใจ แต่ tour ล้มเหลวโดยสมบูรณ์ |
| App Opportunity | ปุ่ม modal ชัดเจนขึ้น + ขั้นตอนแนะนำสั้นๆ ตอนเข้าครั้งแรก (onboarding) | จัดหมวดเมนูแยก “หน่วยงานสนับสนุน” (การเงิน/ทะเบียน/ธุรการ) ออกจากภาควิชา | โหมด “แผนผัง/รายการ” แบบไม่ต้องหมุนภาพ สำหรับผู้ใช้ที่ต้องการแค่ข้อมูล | ปุ่ม “กลับเว็บคณะ” แบบ persistent ชัดเจนมุมจอ | ฝังเบอร์โทร/ลิงก์ติดต่อสำคัญไว้ในทุกหน้าจอทัวร์ ลด drop-off |
| # | คำถาม | คำตอบ (คุณสมศักดิ์) | Insight / สัญญาณปัญหา |
|---|---|---|---|
| A · ก่อนใช้ — บริบท & ความคาดหวัง | |||
| 1 | ปกติหาข้อมูลคณะ/ห้องจากไหน | โทรถามที่คณะตรงๆ หรือให้ลูกช่วยหาในเน็ต ไม่ถนัดเปิดเว็บหาเอง | Digital literacy ต่ำ — พึ่งคนช่วย/โทรศัพท์เป็นหลัก ไม่ใช่ self-service |
| 2 | เคยใช้ 360° tour ไหม | ไม่เคยเลย ครั้งแรกที่ได้ยินคำนี้ ลูกสาวบอกมา งงว่าคืออะไร | Zero prior mental model — ต้องมี onboarding ที่ชัดมาก |
| 3 | คาดหวังอะไรจากทัวร์ | คิดว่าเป็นแผนที่คณะ ดูแล้วรู้ว่าห้องอยู่ตรงไหน จะได้ไม่หลงตอนไปจริง | ต้องการ "แผนที่" ไม่ใช่ "ประสบการณ์เดิน" — mismatch กับสิ่งที่ tour ให้ |
| B · แรกพบ — landing & sound gate | |||
| 4 | หน้าแรกเห็นอะไร ทำอะไรต่อ | เจอรูปตึกสวยดี แต่ modal ถามเรื่องเสียงทำให้งง ไม่รู้ต้องกดยอมรับไหม เดากดไป | Sound gate สร้างความไม่มั่นใจตั้งแต่แรกสำหรับผู้ใช้ไม่คล่องเทคโนโลยี |
| 5 | หน้าแรกบอกไหมว่าข้างในมีอะไร | ไม่บอกเลย ดูไม่ออกว่าจะหาห้องการเงินยังไง | ขาด task-oriented entry point (เช่น "หาห้อง/ติดต่อ") |
| C · ระหว่างทำ task — think-aloud | |||
| 6 | ตอนนี้คิดอะไรอยู่ (think-aloud) | พยายามลากนิ้วดูภาพ หมุนไปหมุนมา เริ่มงงว่ากำลังดูตึกไหนอยู่ | เสียการรับรู้ตำแหน่งตั้งแต่ต้น |
| 7 | รู้ได้ไงว่าตรงไหนกดได้ | ไม่แน่ใจ เห็นลูกศรลองกดดู บางทีไปที่อื่น บางทีแค่หมุนภาพ ต้องลองผิดลองถูก | Hotspot discoverability ต่ำสำหรับผู้ใช้ไม่คล่องเทคโนโลยี |
| 8 | เมนูบอกอะไร ครบไหม | ไม่เห็นเมนูตอนแรกด้วยซ้ำ พอเปิดดูเป็นชื่อภาควิชา/ตัวย่อ อ่านไม่ออกว่าอันไหนคือห้องการเงิน หาไม่เจอในนี้เลย | P0: IA จัดตามภาควิชา ไม่ตอบ task ของผู้มาติดต่อ (หน่วยงาน/ห้องธุรการ) |
| D · เชิงพื้นที่ — รู้ตำแหน่งตัวเองหรือเปล่า | |||
| 9 | ตอนนี้อยู่ตรงไหนของคณะ | ไม่รู้เลย เห็นแต่ภาพตึกหมุนไปมา ไม่เคยมาคณะนี้มาก่อนด้วยยิ่งงงหนัก | P0: ไม่มี "you are here" กระทบผู้ใช้ที่ไม่มี prior knowledge รุนแรงกว่าทุกกลุ่ม |
| 10 | ชี้ทางลานหน้าคณะ | ชี้ไม่ถูก จำไม่ได้แล้วว่าตอนแรกเปิดมาเป็นรูปอะไร | Disorientation รุนแรง — จำจุดเริ่มต้นไม่ได้เลย |
| 11 | จะกลับจุดเริ่มยังไง (จับเวลา) | เงียบนาน ลองกดหลายที่ หาปุ่มกลับหน้าแรกไม่เจอ เริ่มรำคาญ | P0: time-to-home สูงมาก + เกิด frustration ชัดเจน |
| 12 | ดูไปแล้วกี่ส่วน เหลืออะไร | ไม่รู้เลย ไม่รู้ด้วยซ้ำว่าที่ดูอยู่คือส่วนไหนของคณะ | ไม่มี progress/context indicator เลย |
| E · เชิง IA — ทางออก & หาข้อมูล | |||
| 13 | จะออกไปหน้าอื่นของเว็บคณะยังไง (จับเวลา) | หาทางออกไม่เจอเลย รู้สึกติดอยู่ในนี้ ถ้าแบบนี้คงปิดหน้าเว็บทิ้งไปเลย | P0: ไม่มี exit ชัดเจน — ทางแก้ของผู้ใช้คือ "หนี" ไม่ใช่ "ออกอย่างตั้งใจ" |
| 14 | จะหาห้องเฉพาะยังไง | ถ้าจะหาห้องการเงินจริงๆ คงเลิกใช้ตัวนี้แล้วโทรถามคณะตรงๆ เร็วกว่า | Tour พ่ายแพ้ต่อ "โทรศัพท์" — เป็นสัญญาณ churn ที่ชัดที่สุด |
| 15 | มีตรงไหนคาดว่ากดแล้วออกได้แต่ไม่ได้ | พยายามกดทุกไอคอนมุมจอ หวังว่าจะพากลับเว็บคณะ แต่ไม่มี กดไปก็แค่เปลี่ยนมุมภาพ | ความคาดหวังพื้นฐาน (ไอคอนมุมจอ = ทางออก) ไม่ถูกตอบสนอง |
| F · หลังใช้ — retrospective & ความรุนแรง | |||
| 16 | จังหวะไหนงงสุด | งงตลอดตั้งแต่ต้นจนจบ หนักสุดคือหาห้องการเงินไม่เจอ กับกลับออกไม่ได้ — รู้สึกเหมือนติดกับ | สองปัญหาหลัก (P0 IA + P0 exit) เกิดพร้อมกันกับผู้ใช้กลุ่มนี้ |
| 17 | คะแนนมั่นใจว่ารู้ตำแหน่งตลอด (1–5) | 1/5 — ไม่รู้ตำแหน่งตัวเองเลยตั้งแต่แรกจนจบ | คะแนนนี้สะท้อนว่าคนที่ไม่รู้จักพื้นที่มาก่อนต้องการตัวช่วยบอกตำแหน่งชัดเจนที่สุด |
| 18 | เพิ่มได้ 1 อย่างให้ไม่หลง | ปุ่ม "กลับหน้าแรก/กลับเว็บคณะ" ให้เห็นชัดๆ แค่นี้ก็สบายใจขึ้นเยอะ | นำไปสู่ข้อเสนอให้แสดงทางออกในตำแหน่งที่มองเห็นได้ตลอด |
| 19 | ตอบสิ่งที่อยากรู้ตอนแรกไหม | ไม่เลย อยากรู้ห้องการเงินอยู่ตึกไหนชั้นไหน กับเบอร์โทร แต่ไม่บอกอะไรเลย สุดท้ายต้องโทรถามคณะเหมือนเดิม | Tour ไม่ตอบ core need เลยแม้แต่น้อย — 0% task success |
| เจาะเฉพาะสมศักดิ์ (Task-driven probe) | |||
| P1 | หมุนภาพ 360° รู้สึกยังไง | เวียนหัวตรงๆ อายุมาก ตาไม่ค่อยดี ภาพหมุนเร็วจนแทบไม่อยากดูต่อ | P0: 360° panorama เป็นอุปสรรคทางกายภาพ ไม่ใช่แค่ UX สำหรับผู้สูงอายุ |
| P2 | อยากรู้อะไรก่อนมาจริง ครบไหม | ห้องการเงินอยู่ตึกไหนชั้นไหน เบอร์โทร ที่จอดรถ — ในนี้ไม่มีบอกเลยสักอย่าง มีแต่ภาพเฉยๆ | Tour ขาด information layer ที่จำเป็นต่อ task จริงทั้งหมด |
| P3 | อยากได้เบอร์โทร/แผนที่เดินจริง หาจากตรงไหน | ไม่รู้ หาในนี้ไม่เจอ คงต้องออกไปเปิดเว็บคณะหน้าอื่นหรือโทรถามเอา | ต้องพึ่งช่องทางอื่นนอกระบบทั้งหมด |
| P4 | อยากออกไปดูข้อมูลปกติของเว็บคณะไหม ทำได้ไหม | อยากมาก แต่ทำไม่ได้เลย รู้สึกเหมือนโดนขังอยู่ในภาพ — รำคาญที่สุด | คำว่า "โดนขัง" คือคำเดียวที่สรุปปัญหา P0 exit ได้ตรงที่สุด |
| P5 | เลือกได้ระหว่างหมุนดู 360° กับรายการ/แผนผัง อยากได้แบบไหน | เอาแบบรายการหรือแผนผังชัดเจนกว่าเยอะ ไม่ต้องสวย ขอแค่หาเจอว่าห้องนี้อยู่ตึกไหนชั้นไหน | คำตอบนี้ทำให้ผมเพิ่มมุมมองแบบรายการและแผนผังเป็นอีกทางเลือกหนึ่ง |
“สวยดีนะ แต่ดูไปดูมาไม่รู้จะเข้ายังไง สุดท้ายก็ไปหาในเว็บอื่น”
| Phase |
① เปิดทัวร์ครั้งแรก
(Landing)
|
② เข้าฮับไม่รู้เริ่มไหน
(Discover)
|
③ สำรวจแบบสุ่ม
(Explore)
|
④ เริ่มเบื่อ
(Struggle)
|
⑤ หาข้อมูลสมัคร(ไม่เจอ)
(Drop-off)
|
|---|---|---|---|---|---|
| User Action | กดลิงก์ที่เพื่อนแชร์ในกลุ่ม เจอ modal เสียง ปิดเฉยๆ | เห็นป้ายภาคหลายอัน ไม่รู้จักภาคไหนเลย กดสุ่ม | กดสำรวจไปเรื่อยๆ ตามจุดที่ดูเด่น (เช่น LAB สีแดง) | เจอภาพคล้ายๆ กันไปเรื่อยๆ ไม่มีอะไรใหม่ตื่นเต้น | พยายามหาปุ่ม/ลิงก์สมัครเรียนหลังดูจบ หาไม่เจอ ปิดไปเว็บอื่น |
| Touchpoint | มือถือ · Landing + sound modal | Hub scene · hotspot ภาควิชา | Hotspot ต่างๆ ในฉาก | Panorama scenes ที่ซ้ำแพทเทิร์น | ทั้งทัวร์ (ไม่มี CTA) · Google search ภายนอก |
| User Thought | “ปิด popup เป็นปกติอยู่แล้ว ไม่คิดอะไรมาก” | “จะเริ่มตรงไหนดีนะ” | “จุดนี้คืออะไรนะ สำคัญไหม” | “แล้วไงต่อ” | “อยากรู้เรื่องสมัครที่สุด แต่ทำไมไม่มีตรงไหนเลย” |
| Pain / Emotion | 😊ไม่มีปัญหา → เฉยๆ คุ้นเคยกับ pattern นี้ | 😐ลังเลไม่รู้จะเริ่มตรงไหน → เฉยๆ ยังไม่หงุดหงิด | 😐ไม่รู้บริบทแต่ละจุด → เฉยๆ | 😒หมดความสนใจหลังผ่านไปเพียง 2-3 นาที → เบื่อ | 😞พลาดข้อมูลสำคัญที่สุดที่ตั้งใจมาหา → เสียดายที่สุดใน journey |
| App Opportunity | ใช้พื้นที่ landing แนะนำจุดเด่น/teaser สั้นๆ ดึงความสนใจตั้งแต่แรก | Guided “เริ่มที่นี่” แนะนำเส้นทางแรกให้อัตโนมัติ | ป้ายบอกบริบทสั้นๆ ทุกจุดสำคัญ (ชื่อ + 1 บรรทัดอธิบาย) | เพิ่ม story/highlight แบบ progressive ปลดล็อกจุดใหม่ทีละสเตป กัน engagement ตก | ปุ่ม “ดูข้อมูลรับสมัคร/หลักสูตร” แบบ persistent มองเห็นได้ทุกฉาก |
| # | คำถาม | คำตอบ (ไข่มุก) | Insight / สัญญาณปัญหา |
|---|---|---|---|
| A · ก่อนใช้ — บริบท & ความคาดหวัง | |||
| 1 | ปกติหาข้อมูลคณะ/ห้องจากไหน | ดู TikTok/IG ของคณะ หรือรีวิวใน YouTube เว็บทางการแทบไม่เข้าเพราะดูน่าเบื่อ | Social-first mindset — เว็บทางการ/tour ต้องแข่งกับ content แบบสั้นกระชับ |
| 2 | เคยใช้ 360° tour ไหม | เคยตอนหาข้อมูลเข้ามหาลัยที่อื่น กดเพลินดี แต่ไม่รู้สึกว่าช่วยตัดสินใจอะไรมาก | 360° tour ให้ความบันเทิงแต่ไม่ push การตัดสินใจ — ต้องมี CTA เสริม |
| 3 | คาดหวังอะไรจากทัวร์ | อยากเห็นบรรยากาศคณะ ตึกเรียน ห้องแล็บ อยากรู้สึกว่า "ถ้ามาเรียนที่นี่จะใช้ชีวิตแบบไหน" | Mental model = "สัมผัสบรรยากาศ" ไม่ใช่ lookup ข้อมูล (ต่างจากปอนด์/สมศักดิ์) |
| B · แรกพบ — landing & sound gate | |||
| 4 | หน้าแรกเห็นอะไร ทำอะไรต่อ | เจอรูปตึกสวยดี มี popup ถามเรื่องเสียง กดปิดเฉยๆ เพราะเคยชินกับการปิด popup แจ้งเตือนอยู่แล้ว | Sound gate ไม่ใช่อุปสรรคใหญ่สำหรับกลุ่มนี้ (คุ้นเคยกับ pattern) |
| 5 | หน้าแรกบอกไหมว่าข้างในมีอะไร | ไม่ค่อยบอก มีรูปสวยๆ แต่ไม่รู้ว่ากดเข้าไปแล้วจะเจออะไร ต้องลองเข้าไปเองถึงรู้ | ขาด overview ตั้งแต่ทางเข้า — ตรงกับปัญหาที่พบใน persona อื่น |
| C · ระหว่างทำ task — think-aloud | |||
| 6 | ตอนนี้คิดอะไรอยู่ (think-aloud) | เห็นลานหน้าคณะ มีป้ายภาคลอยๆ งงว่าจะกดอันไหนดีเพราะไม่รู้จักภาคไหนเลย เลยกดมั่วไปอันหนึ่ง | P0: ไม่มี "เริ่มที่นี่" ทำให้ newcomer ต้องกดสุ่ม — ตรงกับ hypothesis เดิม |
| 7 | รู้ได้ไงว่าตรงไหนกดได้ | เห็นลูกศร/จุดกลมๆ ลองกดสุ่มดูก่อนถึงรู้ว่ากดได้ | Hotspot พอเดาได้ (คุ้นมือถือ) แต่ยังต้อง trial-and-error |
| 8 | เมนูบอกอะไร ครบไหม | ไม่ทันสังเกตตอนแรก พอเปิดดูอ่านตัวย่อภาษาอังกฤษไม่ออก ไม่แน่ใจว่าครบไหม แต่ไม่ได้คิดมาก กดดูไปเรื่อยๆ | Scene list ไม่ friendly กับผู้ใช้ที่ไม่รู้จักตัวย่อภาควิชา |
| D · เชิงพื้นที่ — รู้ตำแหน่งตัวเองหรือเปล่า | |||
| 9 | ตอนนี้อยู่ตรงไหนของคณะ | ไม่รู้เลย ไม่เคยมาคณะนี้มาก่อน แต่ไม่ซีเรียส แค่ดูเพลินๆ | ไม่มี "you are here" แต่ผลกระทบต่างจาก 2 persona แรก — เธอ "ปล่อยผ่าน" ไม่ frustrate |
| 10 | ชี้ทางลานหน้าคณะ | ชี้ไม่ถูก จำไม่ได้ด้วยซ้ำว่าตอนแรกเข้ามาหน้าตาเป็นยังไง | Disorientation เกิดจริง แม้ผู้ใช้จะไม่รู้สึกกังวลเท่าคนอื่น |
| 11 | จะกลับจุดเริ่มยังไง (จับเวลา) | ลองกดย้อนดู ไม่รู้จะกลับตรงไหน สุดท้ายเปิดเมนูไล่ดูทีละอันแทน ไม่รู้อันไหนคือจุดเริ่มจริงๆ | P0: ไม่มี home ที่ชัดเจน — ผู้ใช้ต้องเดาแทน |
| 12 | ดูไปแล้วกี่ส่วน เหลืออะไร | ไม่รู้เลย ดูไปเรื่อยๆ ไม่ได้นับ | ผู้ใช้ยังขาดข้อมูลว่าชมไปถึงไหนและเหลือส่วนใดอีกบ้าง |
| E · เชิง IA — ทางออก & หาข้อมูล | |||
| 13 | จะออกไปหน้าอื่นของเว็บคณะยังไง (จับเวลา) | มองหาปุ่มไม่เจอ ถ้าจะออกจริงคงกดปุ่ม back ของมือถือเลย ง่ายกว่า | ผู้ใช้กลุ่มนี้ "หนี" ด้วย native back แทนที่จะหา exit ในระบบ — เว็บเสีย traffic กลับ |
| 14 | จะหาห้องเฉพาะยังไง | ลองเปิดเมนูดูก่อน ถ้าไม่มีคงออกไปเสิร์ชกูเกิ้ลแยกเลย ไม่พยายามหาต่อในนี้ | Patience ต่ำ — ออกจากระบบง่ายกว่าสู้หาต่อ |
| 15 | มีตรงไหนคาดว่ากดแล้วออกได้แต่ไม่ได้ | ลองกดโลโก้เล็กๆ มุมบน คิดว่าน่าจะกลับหน้าแรกเหมือนเว็บทั่วไป แต่ไม่มีอะไรเกิดขึ้น | ความคาดหวังนี้ตรงกับผู้ใช้อีกสองคน แต่โลโก้ยังไม่ทำหน้าที่เป็น Home |
| F · หลังใช้ — retrospective & ความรุนแรง | |||
| 16 | จังหวะไหนงงสุด | ตอนอยากรู้ว่าดูอะไรไปแล้วบ้าง กับตอนหาไม่เจอว่าจะไปดูข้อมูลสมัครเรียนตรงไหน — อันหลังเสียดายที่สุด | P0: การพลาด CTA สมัครเรียน คือความสูญเสียที่ใหญ่ที่สุดของ persona นี้ |
| 17 | คะแนนมั่นใจว่ารู้ตำแหน่งตลอด (1–5) | 2/5 — ไม่ค่อยรู้ตำแหน่งตัวเอง แต่ไม่ซีเรียสเพราะมาแบบเพลินๆ ไม่ได้ตั้งใจจำตำแหน่ง | Disorientation เกิดจริงแต่ tolerance สูงกว่า — priority ของเธอคือ content ไม่ใช่ orientation |
| 18 | เพิ่มได้ 1 อย่างให้ไม่หลง | ป้ายบอกตรงๆ ว่า "เริ่มดูตรงนี้ก่อน" ตอนเข้ามา และปุ่มลิงก์ไปหน้าสมัครเรียนที่เห็นตลอดเวลา | นำไปสู่แนวคิด Guided Start และปุ่มสมัครเรียนที่มองเห็นได้ตลอด |
| 19 | ตอบสิ่งที่อยากรู้ตอนแรกไหม | ไม่ค่อยตอบ เห็นบรรยากาศคณะแล้ว สวยดี แต่พอจะไปต่อเรื่องสมัครเรียนหาไม่เจอ ต้องปิดไปเปิดเว็บอื่นหาแทน | ทัวร์ช่วยให้เห็นบรรยากาศ แต่ยังไม่พาไปถึงข้อมูลที่ใช้ตัดสินใจสมัครเรียน |
| เจาะเฉพาะไข่มุก (Explorer probe) | |||
| P1 | รู้ไหมว่าควรเริ่มดูตรงไหนก่อน มีอะไรนำทางไหม | ไม่รู้เลย ไม่มีอะไรบอก กดจุดที่ใกล้ตัวสุดหรือเด่นสุดไปก่อน (จุดสีแดง "LAB" ดึงตาสุด) | P0: CTA "LAB" ทำงานดีเชิง attention แต่ไม่ใช่คำตอบของปัญหา "ไม่รู้จะเริ่มตรงไหน" ทั้งระบบ |
| P2 | รู้ไหมว่าแต่ละจุดคือที่ไหน สำคัญยังไง | ไม่ค่อยรู้ บางจุดไม่มีป้ายบอกอะไรเลย ดูผ่านๆ ไม่รู้ว่าสำคัญหรือเปล่า | แต่ละฉากควรมีชื่อและคำอธิบายสั้นๆ เพื่อช่วยให้ผู้ใช้เข้าใจบริบท |
| P3 | มีจังหวะเบื่อไหม เกิดตอนไหน | มี ประมาณ 2–3 นาทีหลังเปิดดู เพราะเจอภาพคล้ายๆ กัน ไม่มีอะไรใหม่ตื่นเต้น รู้สึก "แล้วไงต่อ" | Engagement มี window แคบมาก (~2-3 นาที) — ต้องมี hook/guided path ก่อนหมดความสนใจ |
| P4 | อยากรู้เรื่องหลักสูตร/รับสมัคร จะไปต่อจากตรงไหน | ตอบไม่ได้เลย มองหาปุ่ม/ลิงก์ "สมัครเรียน" หรือ "หลักสูตร" ไม่เจอสักที่ ทั้งที่อยากรู้เรื่องนี้ที่สุด | P0: ผู้ใช้มีเป้าหมายชัด แต่ระบบไม่มีทางไปยังข้อมูลหลักสูตรหรือการสมัครเรียน |
| P5 | ทัวร์ทำให้อยากเข้าคณะนี้มากขึ้น/น้อยลง/เท่าเดิม | เท่าเดิม ตึกสวย บรรยากาศดี แต่หาข้อมูลต่อไม่ได้เลยรู้สึกเฉยๆ ถ้ามีปุ่มสมัครเรียนกดง่ายๆ น่าจะช่วยให้อยากเข้ามากขึ้น | ทัวร์สร้างความสนใจได้ แต่ยังไม่มีขั้นตอนถัดไปที่ช่วยให้ผู้ใช้ตัดสินใจ |
| Persona | Pain เดิม | เฟรมที่แก้ |
|---|---|---|
| ปอนด์ · power-user | ต้องเดินย้อนสลับภาค ไม่มี fast path ทัวร์ "ขวางมากกว่าช่วย" | เฟรม 1 — Department switcher (F8) + เมนูครบ (F3) + Home (F1) กดสลับได้ทุกจุด |
| คุณสมศักดิ์ · ผู้มาติดต่อ | หาห้องการเงินไม่เจอ เวียนหัว "โดนขัง" task success 0% | เฟรม 2 — List/Map view (F9) + หมวดหน่วยงาน (F4) + ข้อมูลห้อง/เบอร์/ที่จอดรถ · เฟรม 1 มี Exit ชัด (F2) |
| ไข่มุก · explorer | ไม่รู้จะเริ่มไหน เบื่อใน 2–3 นาที พลาด CTA สมัครเรียน | เฟรม 3 — Guided start (F10) + overview · เฟรม 1 มี CTA สมัครเรียนค้างจอ (F5) |
หน้าจอชุดนี้เป็น visual direction สำหรับแสดงลำดับชั้น ตำแหน่ง และทางออกให้ชัดก่อนลงรายละเอียดแบรนด์ ขั้นถัดไปที่ผมจะทำคือสร้าง interactive prototype เพื่อทดสอบว่างานหลักของผู้ใช้ทั้ง 3 กลุ่มสั้นลงจริงหรือไม่ แล้วจึงสรุปสถานะและพฤติกรรมของแต่ละ component สำหรับส่งต่อให้ทีมพัฒนา