การเพิ่มประสิทธิภาพอัตราการแปลงเป็นหนึ่งในงานที่ซับซ้อนที่สุดในการตลาด และมีหลายสาเหตุสำหรับสิ่งนั้น ประการหนึ่ง ไม่มีสัญลักษณ์แสดงหัวข้อย่อยสำหรับการเพิ่มประสิทธิภาพที่จะใช้ได้กับทุกหน้า นอกจากนี้ การติดตามว่าผู้ใช้โต้ตอบกันอย่างไรภายในหน้าเว็บนั้นยากมาก เครื่องมือหนึ่งที่ช่วยให้เห็นว่าผู้คนกำลังทำอะไรบนหน้าเว็บได้ง่ายขึ้นมากคือแผนที่ความหนาแน่น
ในโพสต์นี้ ผม อธิบายวิธีใช้แผนที่ความหนาแน่นเพื่อเพิ่ม Conversion ไปกันเถอะ
แผนที่ความร้อนคืออะไร
แผนที่ความหนาแน่นคือการแสดงภาพกราฟิกของวิธีที่ผู้ใช้เว็บโต้ตอบกับเนื้อหาดิจิทัลและองค์ประกอบของหน้า
แผนที่ความร้อนถูกนำมาใช้เพื่อแสดงจริง – ข้อมูลตลาดการเงินตามเวลาเพื่อช่วยผู้ค้าในการตัดสินใจ ใน CRO และแผนที่ความหนาแน่นของการออกแบบเว็บจะใช้สำหรับการติดตาม การหาปริมาณ และการแสดงการคลิกและการเคลื่อนไหวของเมาส์ของผู้ใช้
แผนที่ความร้อนจะใช้เพื่อแสดงภาพการโต้ตอบของผู้เข้าชมกับองค์ประกอบกราฟิกและข้อมูลที่แสดงบนหน้าเว็บ ด้วยเหตุนี้จึงให้ข้อมูลเชิงลึกว่าการออกแบบและเลย์เอาต์ของประสบการณ์ผู้ใช้ส่งผลต่อการกระทำและ Conversion ของผู้ใช้อย่างไร
Heatmaps ช่วยให้คุณเพิ่ม Conversion ได้อย่างไร
แผนที่ความหนาแน่นให้ข้อมูลมากมายเกี่ยวกับการท่องเว็บของผู้เยี่ยมชม
แผนที่ความร้อนแสดงให้เห็นว่าผู้เข้าชมโต้ตอบกับคำกระตุ้นการตัดสินใจอย่างไร
พวกเขา แสดงว่าส่วนใดที่ผู้เข้าชมโต้ตอบด้วยมากที่สุด รวมถึงองค์ประกอบหน้าใดที่ขัดขวางไม่ให้พวกเขาติดตามเส้นทางการแปลง
นอกจากนี้ ด้วยการเข้ารหัสสี ความเข้าใจทั้งหมดนี้จึงค่อนข้างง่ายต่อการเข้าใจ
ฉันชอบตัวอย่างนี้ แผนที่ความหนาแน่นที่แสดงภาพการโต้ตอบของผู้ใช้กับ Google และ Bing SERP จาก Conversionxl.
ตัวอย่างแผนที่ความหนาแน่นที่แสดงภาพการโต้ตอบของผู้ใช้กับ Google และ Bing SERP ที่มา: Conversionxl
แผนที่ความหนาแน่นยังมีประโยชน์ในการรวบรวมข้อมูลจากผู้ใช้จำนวนมาก โดยไม่ต้องออกจากสำนักงานของคุณอย่างสะดวกสบาย ( หรือลงทุนในกลุ่มสนทนา)
ข้อมูลแผนที่ความร้อนนั้นแม่นยำมากและเป็นตัวแทนของผู้ใช้กลุ่มใหญ่ที่น่าจะเป็นลูกค้าในอุดมคติของคุณและลูกค้าที่มีปฏิสัมพันธ์กับหน้าเว็บอย่างเป็นธรรมชาติ
ประเภทของแผนที่ความร้อน
การทราบความแตกต่างจะเป็นประโยชน์อย่างยิ่ง เนื่องจากประเภทต่าง ๆ จะช่วยคุณตรวจสอบแง่มุมต่างๆ ของประสิทธิภาพของเว็บไซต์:
ย้ายแผนที่
ย้ายแผนที่เพื่อติดตามตำแหน่งที่ผู้ใช้เดสก์ท็อปเคลื่อนที่และหยุดเมาส์ชั่วคราวขณะนำทางในหน้าเว็บ ฮอตสปอตในแผนที่เคลื่อนที่จะแสดงตำแหน่งที่เมาส์หยุดชั่วคราว
การวิจัยแสดงความสัมพันธ์ระหว่างตำแหน่งที่เมาส์ของผู้ใช้และตำแหน่งที่พวกเขากำลังดูอยู่ ซึ่งหมายความว่าแผนที่เคลื่อนที่จะให้แนวคิดแก่คุณเกี่ยวกับ ที่ที่ผู้คนอาจกำลังดูในขณะที่พวกเขากำลังใช้เพจของคุณ
คลิกที่แผนที่
แผนที่การคลิกแสดงตำแหน่งที่ผู้เยี่ยมชมคลิกเมาส์บนคอมพิวเตอร์เดสก์ท็อป หรือแตะบนอุปกรณ์มือถือ . แผนที่การคลิกสำหรับอุปกรณ์มือถือเรียกว่าแผนที่ความร้อนแบบสัมผัส
แผนที่มีรหัสสีเพื่อแสดงว่าองค์ประกอบหรือพื้นที่ใดที่ได้รับการแตะหรือคลิกมากที่สุด (จากน้อยไปมากคือสีเขียว เหลือง ส้ม และแดง).
ที่มาของภาพ: digitaleagles.com.au
แผนที่แบบเลื่อน
แผนที่แบบเลื่อนแสดงจำนวนผู้เยี่ยมชมที่เลื่อนลงไปยังจุดเฉพาะบน หน้าหนังสือ. ยิ่งจำนวนผู้เข้าชมที่เห็นพื้นที่สูง พื้นที่นั้นจะกลายเป็นสีแดงมากขึ้น
เมื่อคุณได้รับข้อมูลแผนที่ความหนาแน่นแล้ว คุณจะสามารถระบุได้ว่าผู้เยี่ยมชมกำลังใช้เว็บไซต์จริงหรือไม่ ตั้งใจ. ซึ่งจะช่วยให้คุณทำการเปลี่ยนแปลงที่จำเป็นเพื่อเพิ่มประสิทธิภาพอัตราการแปลง
มีหลายรายการ
แพลตฟอร์ม ที่มีคุณสมบัติแผนที่ความหนาแน่นทุกประเภท รวมถึง ปลั๊กอิน WordPress หลายตัว
นั้น รวมแผนที่ความหนาแน่นเข้ากับบริการทดสอบ A/B ของคุณ
นี่คือสามวิธีที่คุณสามารถใช้แผนที่ความหนาแน่นเพื่อเพิ่มอัตราการแปลง
1. การลดการละทิ้งรถเข็นสินค้า
หากหน้าการชำระเงินของคุณไม่ได้เปลี่ยนผู้เข้าชมตามที่คาดไว้ ข้อมูลจากแผนที่ความหนาแน่นสามารถช่วยระบุตำแหน่งที่พวกเขาคลิกจริงๆ พวกเขาอาจเลื่อนเมาส์ไปทั่วทั้งหน้าเพราะไม่ปรากฏว่าปุ่มชำระเงินอยู่ที่ไหน
ในตัวอย่างนี้ด้านล่าง ทีมเว็บไซต์ The North Face ใช้แผนที่ความหนาแน่นเพื่อค้นพบว่าผู้เยี่ยมชมถูกรบกวนโดย แบนเนอร์ส่งเสริมการขายในหน้าชำระเงิน
แหล่งที่มาของรูปภาพ: UXmag.com.
ผู้เข้าชมให้ความสนใจอย่างมากกับแบนเนอร์ส่งเสริมการขายเหนือปุ่มชำระเงิน ซึ่งเชิญพวกเขาให้มาเป็นสมาชิกของรางวัล พวกเขาไม่สนใจปุ่มชำระเงินในหน้าตะกร้าสินค้า โชคดีที่ปัญหาประเภทนี้แก้ไขได้ง่ายเมื่อตรวจพบแล้ว
2. การเพิ่มประสิทธิภาพคำกระตุ้นการตัดสินใจ
แผนที่ความร้อนจะแสดงตำแหน่งที่ผู้เยี่ยมชมคลิกบนหน้าเว็บอย่างชัดเจน นี่แปลว่ารู้ว่าผู้เข้าชมจริงหรือไม่ ปฏิบัติตามคำสั่งของ CTA .
แผนที่ความหนาแน่นยังติดตามการเคลื่อนไหวของดวงตา ซึ่งมีประโยชน์ในการพิจารณาว่าส่วนใดดึงดูดความสนใจ เมื่อคุณมีข้อมูลนี้แล้ว คุณจะสามารถปรับปรุงการออกแบบเพจได้โดยการวาง CTA ไว้ในบริเวณที่สายตาของผู้เยี่ยมชมสนใจ
3 . การระบุองค์ประกอบที่ตายแล้ว
หากมีองค์ประกอบใดที่ผู้เข้าชมมักมองข้ามหรือละเลย แผนที่ความหนาแน่นจะระบุสิ่งนี้
สิ่งนี้จะช่วยคุณในการตัดสินใจอย่างชาญฉลาดเกี่ยวกับการย้าย การลบ หรือการรักษาองค์ประกอบ
- 2019 หน้าแรก

แผนที่แบบเลื่อนแสดงจำนวนผู้เยี่ยมชมที่เลื่อนลงไปยังจุดเฉพาะบน หน้าหนังสือ. ยิ่งจำนวนผู้เข้าชมที่เห็นพื้นที่สูง พื้นที่นั้นจะกลายเป็นสีแดงมากขึ้น
เมื่อคุณได้รับข้อมูลแผนที่ความหนาแน่นแล้ว คุณจะสามารถระบุได้ว่าผู้เยี่ยมชมกำลังใช้เว็บไซต์จริงหรือไม่ ตั้งใจ. ซึ่งจะช่วยให้คุณทำการเปลี่ยนแปลงที่จำเป็นเพื่อเพิ่มประสิทธิภาพอัตราการแปลง
มีหลายรายการ แพลตฟอร์ม ที่มีคุณสมบัติแผนที่ความหนาแน่นทุกประเภท รวมถึง ปลั๊กอิน WordPress หลายตัว
นั้น รวมแผนที่ความหนาแน่นเข้ากับบริการทดสอบ A/B ของคุณ
นี่คือสามวิธีที่คุณสามารถใช้แผนที่ความหนาแน่นเพื่อเพิ่มอัตราการแปลง
1. การลดการละทิ้งรถเข็นสินค้า
หากหน้าการชำระเงินของคุณไม่ได้เปลี่ยนผู้เข้าชมตามที่คาดไว้ ข้อมูลจากแผนที่ความหนาแน่นสามารถช่วยระบุตำแหน่งที่พวกเขาคลิกจริงๆ พวกเขาอาจเลื่อนเมาส์ไปทั่วทั้งหน้าเพราะไม่ปรากฏว่าปุ่มชำระเงินอยู่ที่ไหน
ในตัวอย่างนี้ด้านล่าง ทีมเว็บไซต์ The North Face ใช้แผนที่ความหนาแน่นเพื่อค้นพบว่าผู้เยี่ยมชมถูกรบกวนโดย แบนเนอร์ส่งเสริมการขายในหน้าชำระเงิน
แหล่งที่มาของรูปภาพ: UXmag.com.
ผู้เข้าชมให้ความสนใจอย่างมากกับแบนเนอร์ส่งเสริมการขายเหนือปุ่มชำระเงิน ซึ่งเชิญพวกเขาให้มาเป็นสมาชิกของรางวัล พวกเขาไม่สนใจปุ่มชำระเงินในหน้าตะกร้าสินค้า โชคดีที่ปัญหาประเภทนี้แก้ไขได้ง่ายเมื่อตรวจพบแล้ว
2. การเพิ่มประสิทธิภาพคำกระตุ้นการตัดสินใจ
แผนที่ความร้อนจะแสดงตำแหน่งที่ผู้เยี่ยมชมคลิกบนหน้าเว็บอย่างชัดเจน นี่แปลว่ารู้ว่าผู้เข้าชมจริงหรือไม่ ปฏิบัติตามคำสั่งของ CTA .
แผนที่ความหนาแน่นยังติดตามการเคลื่อนไหวของดวงตา ซึ่งมีประโยชน์ในการพิจารณาว่าส่วนใดดึงดูดความสนใจ เมื่อคุณมีข้อมูลนี้แล้ว คุณจะสามารถปรับปรุงการออกแบบเพจได้โดยการวาง CTA ไว้ในบริเวณที่สายตาของผู้เยี่ยมชมสนใจ
3 . การระบุองค์ประกอบที่ตายแล้ว
หากมีองค์ประกอบใดที่ผู้เข้าชมมักมองข้ามหรือละเลย แผนที่ความหนาแน่นจะระบุสิ่งนี้
สิ่งนี้จะช่วยคุณในการตัดสินใจอย่างชาญฉลาดเกี่ยวกับการย้าย การลบ หรือการรักษาองค์ประกอบ
- 2019 หน้าแรก