ออกแบบแผนที่เชิงโต้ตอบที่ตอบสนองอย่างสมบูรณ์แบบบนมือถือ

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

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

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

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

ผู้เข้าชมสามารถปัดลงเพื่อปิดแผงได้อย่างลื่นไหลในจังหวะเดียว โดยไม่สูญเสียบริบทตำแหน่งบนแผนที่

ปัญหาที่พบบ่อยเมื่อฝังแผนที่บนเว็บมือถือคือ 'กับดักการเลื่อน' (scroll trap) ผู้เข้าชมกำลังเลื่อนอ่านบทความแล้วนิ้วแตะโดนแผนที่ ทำให้หน้าเว็บค้างและกลายเป็นการเลื่อนแผนที่แทน

Layerpin มีระบบจัดการท่าทางสัมผัสอัจฉริยะ: เมื่อฝังบนหน้าเว็บ การใช้สองนิ้วเลื่อนหรือปุ่มแตะเพื่อเริ่มโต้ตอบจะป้องกันการเลื่อนแผนที่โดยไม่ตั้งใจ ช่วยให้การเลื่อนหน้าเว็บเป็นไปอย่างราบรื่น

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