Find your
wild way.

ลดเวลาตัดสินใจเมื่อผู้เข้าชมมาถึง ด้วยข้อมูลเปิด–ปิด กิจกรรมถัดไป แผนที่ และบริการที่ถูกใช้บ่อยที่สุด

ผู้ใช้เห็น

เวลาทำการของวันนั้น กิจกรรมรอบถัดไป และสถานะเปิดให้บริการ

ทางลัด

ซื้อตั๋ว จองที่พัก เปิดบริการใกล้ฉัน และขอความช่วยเหลือ

เป้าหมาย UX

ตอบคำถาม “ตอนนี้ควรทำอะไรต่อ” ภายในหน้าจอแรกโดยไม่ต้องค้นหลายเมนู

รวมรอบให้อาหาร การแสดง และวันงดกิจกรรมไว้ใน timeline เดียว พร้อมบันทึกรอบที่สนใจเข้าสู่แผนเที่ยว

ตัวเลือกเวลา

สลับดูวันนี้ พรุ่งนี้ และตารางวันหยุดเพื่อเปรียบเทียบรอบกิจกรรม

ข้อมูลกิจกรรม

เวลา ชื่อกิจกรรม เงื่อนไขชมฟรีหรือมีค่าใช้จ่าย และข้อความแจ้งเตือนวันงด

ผลลัพธ์

กดเพิ่มในทริปแล้วรายการจะปรากฏใน My Zoo Day ภายใน session ปัจจุบัน

ใช้ Explore Hub เป็นจุดรวมทุกสิ่งที่ควรไปเช็กอิน ก่อนส่งผู้ใช้ต่อไปยังข้อมูลรายละเอียดหรือเปิดตำแหน่งบนแผนที่

หมวดหลัก

สัตว์ทั้งหมด กิจกรรมวันนี้ แลนด์มาร์ก บริการ และจุดที่รองรับการเข้าถึง

Animal Finder

ค้นหาจากชื่อและกรองกลุ่มยอดนิยม เอเชีย หรือแอฟริกา พร้อมทางลัดไปยังเส้นทาง

Place Detail

แสดงคำอธิบาย จุดเด่น ข้อมูลบริการ และปุ่มนำทางไปยังสถานที่นั้นโดยตรง

แผนที่รวมจุดสัตว์ กิจกรรม บริการ และการเข้าถึง โดยแต่ละหมุดเปิดรายละเอียด เวลาเดิน และเริ่มนำทางต่อได้ทันที

การกรอง

เลือกดูทั้งหมด สัตว์ กิจกรรม บริการ หรือจุดสะดวกสำหรับทุกคน เพื่อลดความหนาแน่นบนแผนที่

Hotspot sheet

แตะหมุดเพื่ออ่านชื่อ รายละเอียด ประเภท และเวลาโดยประมาณก่อนตัดสินใจ

ความสัมพันธ์ข้อมูล

POI ทุกจุดเชื่อมกับ graph node บนถนน ไม่ใช้เส้นตรงจากกลางพื้นที่จัดแสดง

สร้าง itinerary ที่เหมาะกับข้อจำกัดของแต่ละคน แล้วคำนวณเส้นทางต่อเนื่องจาก Kiosk ไปยังจุดหมายหลายแห่ง

ข้อมูลนำเข้า

เวลาที่มี 1 ชั่วโมง / 2.5 ชั่วโมง / ครึ่งวัน ความสนใจ รูปแบบเดินทาง และตัวเลือกเดินน้อย

การคำนวณ

หา shortest path บน topology GeoJSON พร้อมรวมระยะทางและประมาณเวลาแยกแต่ละช่วง

ผลลัพธ์

เส้นบนแผนที่ ลำดับจุดแวะ ระยะทางรวม ETA และโหมดนำทางทีละขั้น

แทนการลากเส้นเชื่อมจุดแบบ mockup ระบบสกัดเส้นกึ่งกลางจาก road mask และใช้ geometry เดียวกันทั้งแสดงผลและคำนวณ

แหล่งข้อมูล

Road mask ขนาด 1122 × 1402 px ที่วางตรงกับภาพแผนที่แบบ 1:1

Topology

9,918 centerline pixels ถูกยุบเป็น 78 edges และ 70 nodes พร้อม POI 22 จุด

การตรวจสอบ

ตัวอย่าง geometry 39,037 จุดอยู่ภายในพิกเซลถนนครบ 100% และไม่มี straight-line fallback

จำลอง flow การซื้อตั๋วตั้งแต่เลือกวันและประเภทผู้เข้าชม ไปจนถึงตรวจรายการและรับ QR สำหรับแสดงที่ประตู

ข้อมูลนำเข้า

วันที่เข้าชม ประเภทบัตร จำนวนผู้ใหญ่/เด็ก ชาวไทย/ต่างชาติ และเบอร์โทรศัพท์

การตรวจรายการ

Stepper ปรับจำนวน คำนวณยอดรวม แสดงสรุป และปิดปุ่มดำเนินการเมื่อยังไม่มีบัตร

ผลลัพธ์

รหัสการจองและ QR payload เฉพาะรายการ สามารถขยายเต็มจอและเปิดต่อจากกระเป๋าดิจิทัล

รองรับการส่งคำขอเข้าพักภายในสวนสัตว์ โดยแยกข้อมูลและ QR ออกจากตั๋วเข้าชมอย่างชัดเจน

ข้อมูลนำเข้า

ประเภทที่พัก วันเช็กอิน–เช็กเอาต์ จำนวนผู้ใหญ่/เด็ก ชื่อ และเบอร์โทรผู้จอง

Validation

ตรวจข้อมูลบังคับ วันที่ และจำนวนผู้เข้าพักก่อนอนุญาตให้ส่งคำขอ

ผลลัพธ์

เลขที่คำขอ QR เช็กอิน สถานะรอยืนยันห้อง และปุ่มเปิดเส้นทางไปรีสอร์ท

ทำหน้าที่เหมือนกระเป๋าดิจิทัลของวันเที่ยว ลดการย้อนกลับไปค้นตั๋ว กิจกรรม และเส้นทางจากหลายเมนู

กระเป๋าดิจิทัล

เปิด QR ตั๋วเข้าสวนสัตว์และ QR เช็กอินที่พักจาก dashboard เดียว

Day plan

รวมกิจกรรมที่บันทึกและเส้นทางล่าสุด พร้อมทางลัดกลับไปแก้ไขหรือเริ่มนำทาง

สถานะข้อมูล

รองรับ empty state เมื่อยังไม่มีรายการ และอัปเดตทันทีเมื่อผู้ใช้ทำรายการใน session

ออกแบบให้กลุ่มครอบครัว ผู้สูงอายุ ผู้ใช้รถเข็น และผู้ไวต่อสิ่งเร้าเข้าถึงบริการสำคัญได้เร็วขึ้น

ตัวเลือกเที่ยว

โหมดเดินน้อย จุดบริการรถเข็น ทางลาด ห้องดูแลครอบครัว และพื้นที่สงบ

เหตุเร่งด่วน

ทางลัดไปปฐมพยาบาล จุดนัดพบเด็กพลัดหลง และประชาสัมพันธ์บริเวณทางเข้า

หลักการ UI

Touch target อย่างน้อย 44 px ใช้ข้อความร่วมกับสี และมีสถานะว่าง/ผิดพลาดที่อ่านเข้าใจได้