ปรับปรุงแดชบอร์ดใหม่ (รอบที่ 2) — รวมเมนูการจัดการ, รายการทดสอบ A/B ข้ามทุกไซต์, และปรับปรุงความเร็วในการแสดงผล

HeatMapX Engineering Team4 min read
  • dashboard
  • performance
  • ab-testing

เมื่อวันที่ 1 กรกฎาคม 2026 เราได้อัปเดตแดชบอร์ดของ HeatMapX (heatmapx.com/dashboard) เป็นรอบที่ 2 ต่อจากการปรับโฉมครั้งใหญ่ในเดือนมิถุนายน ครั้งนี้เรามุ่งเน้นธีม "ทำให้การใช้งานประจำวันเรียบง่ายขึ้นและรวดเร็วขึ้น" โดยปรับปรุงโครงสร้างเมนู การแสดงรายการ และความเร็วในการแสดงผลไปพร้อมกัน

การเปลี่ยนแปลงหลัก

⚙ เพิ่มเมนู "การจัดการ" ใหม่

เราได้เพิ่ม ส่วน "การจัดการ" ใหม่ในแถบด้านข้าง โดยรวม แผนและการเรียกเก็บเงิน และ การตั้งค่า ซึ่งเดิมปะปนอยู่ในเมนูให้มาอยู่ภายใต้ "การจัดการ" เพื่อแยกฟังก์ชันที่ใช้งานบ่อยในแต่ละวัน (ฮีตแมป, การทดสอบ A/B) ออกจากฟังก์ชันด้านการจัดการที่ใช้งานเป็นครั้งคราวอย่างชัดเจน

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

▤ แสดงรายการทดสอบ A/B ข้ามทุกไซต์

ก่อนหน้านี้ การดูรายการทดสอบ A/B จำเป็นต้องเลือกไซต์เป้าหมายก่อน แต่ครั้งนี้เราได้ ยกเลิกการเลือกไซต์ และแสดงการทดลองของทุกไซต์ที่ลงทะเบียนไว้รวมกันในหน้าจอเดียว

  • สามารถดูภาพรวมการทดลองของทุกไซต์ได้ในรายการเดียว
  • เพิ่ม คอลัมน์ชื่อไซต์ ในรายการ เพื่อให้ทราบได้ทันทีว่าเป็นการทดลองของไซต์ใด
  • แก้ปัญหาความสับสนที่ว่า "มีการทดลองบางรายการที่ไม่แสดงหากไม่ระบุไซต์"

🔗 คลิกที่ชื่อไซต์ในรายการฮีตแมปเพื่อเปิดได้โดยตรง

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

🆔 แสดง "รหัสบัญชี" ในหน้าการตั้งค่า

เราได้เพิ่ม รหัสบัญชี (ตัวเลข 8 หลักแรกของรหัสระบุบัญชี แสดงผลแบบปิดบังบางส่วน) ในหน้าการตั้งค่า เมื่อท่านติดต่อฝ่ายสนับสนุน การแจ้งรหัสนี้จะช่วยให้เราระบุตัวตนของท่านได้รวดเร็วยิ่งขึ้น รหัสนี้ใช้สำหรับแสดงผลเท่านั้น ไม่มีผลต่อการเปลี่ยนแปลงหรือระบบภายนอกใด ๆ

◻ เริ่มต้นปรับไปสู่ดีไซน์แบบแฟลต

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

👣 เพิ่ม "3 ขั้นตอนเริ่มต้น" ในหน้าแรกของผู้ใช้ปัจจุบันด้วย

เดิมที "3 ขั้นตอนเริ่มต้น" จะแสดงเฉพาะลูกค้าใหม่เท่านั้น แต่ตอนนี้เราได้เพิ่มให้แสดงในหน้าแรกของลูกค้าปัจจุบันด้วยเช่นกัน ในรูปแบบ แถบพับเก็บได้ โดยปกติจะถูกพับเก็บไว้จึงไม่รบกวนการใช้งาน และสามารถเปิดดูได้ทุกเมื่อเมื่อต้องการทบทวนวิธีการติดตั้ง

⚡ การปรับปรุงความเร็วในการแสดงผล

เราลดเวลาการรอคอยที่รู้สึกได้เมื่อสลับหน้าจอลงอย่างมาก

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

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

ขอบเขตผลกระทบ

การเปลี่ยนแปลงในครั้งนี้เกี่ยวข้องกับ UI, การแสดงผล และความเร็วในการแสดงผลของแดชบอร์ด เท่านั้น ไม่มีผลกระทบต่อตรรกะการวัดผล โครงสร้างข้อมูล หรือ API แท็กตัวติดตาม (tracker) ที่ฝังไว้เดิมยังคงทำงานได้ตามปกติ และไม่มีผลกระทบต่อข้อมูลที่กำลังถูกเก็บรวบรวม

Heatmap จาก Claude Code — เริ่มฟรี

วางแท็ก tracker หนึ่งบรรทัด รับการวิเคราะห์และข้อเสนอ CRO จาก CLI