Layerpin logo
เริ่มสร้าง

ออกแบบการ์ดข้อมูลแผนที่ที่ช่วยให้ผู้เยี่ยมชมตัดสินใจได้

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

LP

ทีม Layerpin

ใช้เวลาอ่าน 8 นาที
เค้าโครงการ์ด UI ที่ทันสมัยพร้อมข้อมูลที่มีโครงสร้าง รูปภาพ และปุ่มการดำเนินการที่ชัดเจน

กฎ 3 วินาทีสำหรับการ์ดแผนที่เชิงโต้ตอบ

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

จัดโครงสร้างเนื้อหาการ์ดข้อมูลของคุณในลำดับชั้นภาพที่เข้มงวด: ป้ายชื่อและหมวดหมู่ที่ด้านบน ภาพฮีโร่ที่มีความละเอียดสูง ป้ายเมตริกหลัก (ราคา ขนาด ความพร้อมจำหน่าย) สรุป 2-3 ประโยค และปุ่มการดำเนินการที่มีคอนทราสต์สูง

ใช้ชื่อการ์ดให้กระชับและสื่อความหมาย: 'Suite 402 - Ocean View Corner Unit' หรือ 'Main Stage - Hall A' แทนที่จะใช้รหัสฐานข้อมูลที่เป็นความลับ เช่น 'UNIT_B4_V2'

  1. 1
    ใช้ชื่อการ์ดที่สื่อความหมายและมนุษย์สามารถอ่านได้
  2. 2
    วางป้ายหมวดหมู่และแท็กสถานะไว้ติดกับชื่อทันที
  3. 3
    จำกัดเนื้อหาเริ่มต้นไว้ที่ 2-3 จุดขายที่น่าสนใจที่สุด

ใช้สื่ออย่างมีวัตถุประสงค์: การถ่ายภาพ แกลเลอรี และทัวร์ 3 มิติ

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

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

ฝังทัวร์เสมือนจริง Matterport 3D, คำแนะนำแบบวิดีโอ YouTube หรือการเรนเดอร์สถาปัตยกรรม 360 องศาลงในตัวการ์ดโดยตรงเพื่อมอบประสบการณ์ที่ดื่มด่ำบนเว็บไซต์ของคุณ

  1. 1
    อัปโหลดภาพปก 16:9 ที่คมชัดซึ่งปรับให้เหมาะสมเพื่อการจัดส่งทางเว็บที่รวดเร็ว
  2. 2
    แนบรูปภาพแกลเลอรีสำหรับมุมมองรอง (แผนผังชั้น สิ่งอำนวยความสะดวก วิว)
  3. 3
    ฝังคำแนะนำแบบ 3 มิติหรือลิงก์วิดีโอสำหรับรายการและพื้นที่ที่มีมูลค่าสูง
การจำลองการ์ดรายละเอียดสถานที่พร้อมรูปภาพตัวอย่าง แท็ก และลิงก์ติดต่อ

เน้นคุณลักษณะหลักด้วยป้ายชื่อช่องที่มีโครงสร้าง

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

ใช้ช่องข้อมูลเมตาที่มีโครงสร้างของ Layerpin เพื่อแสดงหน่วยเมตริกเหล่านี้เป็นภาพเม็ดยา: 📐 1,450 ตารางฟุต, 👥 ความจุ: 40, ⚡ กำลังไฟฟ้า 3 เฟส, 💰 $3,200/เดือน

ป้ายแสดงภาพทำให้การเปรียบเทียบการช็อปปิ้งเป็นเรื่องง่าย: ผู้เข้าชมสามารถคลิกระหว่างหลายยูนิตหรือบูธต่างๆ และเปรียบเทียบสถิติที่สำคัญได้ในไม่กี่วินาที

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

ออกแบบปุ่มกระตุ้นการตัดสินใจที่มีการแปลงสูง

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

รวมปุ่มการดำเนินการหลักที่โดดเด่นพร้อมสำเนาโดยตรงที่เน้นการดำเนินการ: 'จองทัวร์ส่วนตัว', 'ดาวน์โหลดเอกสารข้อมูลจำเพาะ (PDF)', 'สอบถามราคา' หรือ 'จองพื้นที่นี้'

Layerpin ช่วยให้คุณสามารถเชื่อมโยงปุ่มไปยัง URL การจองภายนอก ลิงก์ mailto โปรแกรมโทรออกทางโทรศัพท์ หรือทริกเกอร์เวิร์กโฟลว์โมดอลแบบกำหนดเอง

  1. 1
    เพิ่มปุ่ม CTA หลักให้กับทุกรายการแผนที่ที่ดำเนินการได้
  2. 2
    ใช้คำกริยาการกระทำที่เฉพาะเจาะจง ('Book Tour' แทน 'คลิกที่นี่')
  3. 3
    ทดสอบลิงก์ภายนอกและแบบฟอร์มการจองทั้งหมดเพื่อให้แน่ใจว่าเส้นทางที่ขาดเป็นศูนย์

ปรับให้เหมาะสมสำหรับลิ้นชักแผ่นด้านล่างแบบเคลื่อนที่

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

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

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

Layerpin logo

พร้อมสร้างแผนที่แบบโต้ตอบหรือยัง?

สร้างแผนที่แบบส่วนตัว ตรวจสอบมุมมองผู้เข้าชม แล้วเผยแพร่เมื่อพร้อมแบ่งปัน No credit card needed.

เริ่มต้นฟรี