คู่มือฉบับสมบูรณ์สำหรับแผนที่ความร้อน: วิธีสร้างและใช้งาน

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

แผนที่ความร้อนสามารถตอบอะไรได้บ้าง?

แผนที่ความร้อนคืออะไร?

แผนที่ความร้อนเป็นการแสดงข้อมูลด้วยภาพ พวกเขาได้รับการพัฒนาโดย Cormac Kinney ในช่วงกลางทศวรรษที่ 1990 เพื่อพยายามให้ผู้ค้าสามารถเอาชนะตลาดการเงินได้

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

“แผนที่ความร้อน” เป็นหมวดหมู่กว้างๆ ซึ่งอาจรวมถึง:

1. แผนที่โฮเวอร์ (การติดตามการเคลื่อนไหวของเมาส์);
2. แผนที่คลิก;
3. แผนที่ความสนใจ
4. แผนที่เลื่อน

ในการอนุมานอย่างแม่นยำสำหรับแผนที่ความร้อนประเภทใดๆ ข้างต้น คุณควรมีขนาดตัวอย่างต่อหน้า/หน้าจอให้เพียงพอก่อนที่จะดำเนินการตามผลลัพธ์ หลักทั่วไปที่ดีคือ การดูหน้าเว็บ 2,000–3,000 ครั้งต่อหน้าจอการออกแบบ และต่ออุปกรณ์ (เช่น ดูที่มือถือและเดสก์ท็อปแยกกัน) หากแผนที่ความร้อนอ้างอิงจากผู้ใช้ 50 คน อย่าเชื่อถือข้อมูลดังกล่าว

แผนที่ความร้อนของเว็บไซต์คืออะไร?

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

แผนที่ความร้อน 4 ประเภท

เนื่องจากมีแผนที่ความร้อนที่แตกต่างกันสองสามประเภท เรามาดูรายละเอียดแต่ละประเภทและมูลค่าที่มีให้กัน

1. เลื่อนแผนที่ (การติดตามการเคลื่อนไหวของเมาส์)

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

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

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

ในปี 2010 Dr. Anne Aula นักวิจัยอาวุโสด้านประสบการณ์ผู้ใช้ของ Google ได้นำเสนอข้อค้นพบที่น่าผิดหวังเกี่ยวกับการติดตามเมาส์:

• มีคนเพียง 6% เท่านั้นที่แสดงความสัมพันธ์ในแนวตั้งระหว่างการเคลื่อนไหวของเมาส์และการติดตามดวงตา
• 19% ของผู้คนแสดงความสัมพันธ์ในแนวนอนระหว่างการเคลื่อนไหวของเมาส์และการติดตามดวงตา
• 10% วางเมาส์เหนือลิงก์แล้วอ่านต่อไปรอบๆ หน้าเพื่อดูสิ่งอื่นๆ

โดยทั่วไปเราจะไม่สนใจแผนที่ความร้อนประเภทนี้ แม้ว่าคุณ จะ ลองดูว่ามันสนับสนุนความสงสัยของคุณหรือไม่ แต่อย่าใส่สต็อกมากเกินไป Guy Redwood จาก Simple Usability มีความสงสัยเกี่ยวกับการติดตามเมาส์ในทำนองเดียวกัน:

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

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

ด้วยเหตุนี้ Peep จึงเรียกแผนที่เหล่านี้ว่า "เครื่องมือติดตามสายตาของชายยากจน"

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

“แผนที่ความร้อนมีไว้ทำอะไร? พวกเขาให้ความรู้สึกที่คลุมเครือว่าผู้เล่นไปที่ไหนในระหว่างการแข่งขัน ฉันสามารถรับรู้ถึงสถานที่ที่ผู้เล่นไปในระหว่างการแข่งขันได้โดยการดูเกมบนหน้าหนังสือพิมพ์”

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

แล้วแผนที่ความร้อนที่สร้างโดยอัลกอริทึมล่ะ

ในทำนองเดียวกัน มีเครื่องมือแผนที่ความร้อนที่ใช้อัลกอริทึมเพื่อวิเคราะห์อินเทอร์เฟซผู้ใช้ของคุณและสร้างภาพผลลัพธ์ โดยคำนึงถึงคุณลักษณะต่างๆ เช่น สี คอนทราสต์ ลำดับชั้นของภาพ ขนาด ฯลฯ เชื่อถือได้หรือไม่ อาจจะ. นี่คือวิธีที่ Aura.org วางไว้:

อัลกอริธึม Visual Attention ซึ่งซอฟต์แวร์คอมพิวเตอร์ "คำนวณ" การมองเห็นขององค์ประกอบต่างๆ ภายในภาพ มักจะขายเป็นทางเลือกที่ถูกกว่า แต่การศึกษาเดียวกันโดย PRS แสดงให้เห็นว่าอัลกอริทึมไม่ไวพอที่จะตรวจจับความแตกต่างระหว่างการออกแบบ และคาดการณ์ระดับการมองเห็นของการอ้างสิทธิ์และการส่งข้อความบนบรรจุภัณฑ์ได้ไม่ดีเป็นพิเศษ

(หมายเหตุ: PRS การศึกษาอื่นที่อ้างถึงข้างต้น ขายบริการวิจัยการติดตามสายตา)

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

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

• ความเข้าใจเชิงลึก;
• อายควอนท์;
• เฟิงกุ้ย.

เพียงเพราะมัน "ทันที" ไม่ได้หมายความว่ามันเป็นเวทมนตร์ เป็นภาพตามอัลกอริทึม ไม่ใช่พฤติกรรมของผู้ใช้จริง

2. คลิกแผนที่

แผนที่การคลิกจะแสดงแผนที่ความร้อนที่ประกอบด้วยข้อมูลการคลิกแบบรวม สีน้ำเงินหมายถึงการคลิกน้อยลง สีแดงที่อุ่นกว่าหมายถึงการคลิกมากขึ้น และคลิกมากที่สุดคือจุดสีขาวและสีเหลืองสว่าง

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

รูปภาพขนาดใหญ่ได้รับการคลิกจำนวนมาก แต่ไม่มีลิงก์หรือไม่ คุณมีสองทางเลือก:

1. ให้มันเป็นลิงค์
2. อย่าให้ดูเหมือนลิงค์

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

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

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

3. แผนที่ความสนใจ

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

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

Peep พิจารณาว่า Attention Map มีประโยชน์มากกว่าการเคลื่อนเมาส์หรือการคลิก Heat Map อื่นๆ ทำไม เนื่องจากคุณสามารถดูได้ว่าข้อมูลสำคัญ—ข้อความและภาพ—ปรากฏแก่ผู้ใช้เกือบทั้งหมดหรือไม่ ทำให้ง่ายต่อการออกแบบเพจโดยคำนึงถึงผู้ใช้เป็นหลัก

นี่คือวิธีที่ Peep พูดไว้:

ปิ๊บ ลาจา:

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

4. เลื่อนแผนที่

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

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

โดยทั่วไป ยิ่งหน้าเว็บยาวเท่าไร คนก็จะยิ่งน้อยลงเท่านั้นจนถึงด้านล่างสุด นี่เป็นเรื่องปกติและช่วยให้คุณจัดลำดับความสำคัญของเนื้อหาได้: What's must have? มีอะไรดีที่จะมี? จัดลำดับความสำคัญของสิ่งที่คุณต้องการให้ผู้คนสนใจและวางไว้ให้สูงขึ้น

แผนที่แบบเลื่อนยังสามารถช่วยคุณปรับแต่งการออกแบบของคุณได้อีกด้วย หากแผนที่แบบเลื่อนแสดงการเปลี่ยนแปลงสีอย่างกะทันหัน ผู้คนอาจไม่เห็นความเชื่อมโยงระหว่างสององค์ประกอบในหน้าของคุณ (“จุดสิ้นสุดเชิงตรรกะ”) จุดลงที่คมชัดเหล่านี้ยากที่จะเห็นใน Google Analytics

ในหน้า Landing Page ที่ยาวขึ้น คุณอาจต้องเพิ่มสัญลักษณ์นำทาง (เช่น ลูกศรชี้ลง) ที่ซึ่งการเลื่อนจะหยุดลง

โบนัส: เล่นซ้ำเซสชันของผู้ใช้

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

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

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

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

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

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

หากคุณต้องการเริ่มต้นใช้งานการทำแผนที่ความร้อน ต่อไปนี้คือเครื่องมือบางอย่างที่ควรพิจารณา

6 เครื่องมือที่ดีที่สุดในการสร้างแผนที่ความร้อนในปี 2565

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

เครื่องมือการทำแผนที่ความร้อนแบบชำระเงิน

Crazyegg เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการทดสอบการติดตามเมาส์ มันมีแผนที่ความร้อนของการคลิก แผนที่เลื่อน การซ้อนทับสำหรับจำนวนการคลิกบนองค์ประกอบเฉพาะ และลูกปา ซึ่งคุณสามารถใช้เพื่อแยกแยะการคลิกตามแหล่งการอ้างอิง พวกเขาอ้างว่ามีความแม่นยำในการติดตามสูงถึง 88% เมื่อเปรียบเทียบกับการทดสอบการติดตามด้วยตา แผนทั้งหมดฟรี 30 วัน แผนชำระเงินเริ่มต้นที่ $24/เดือน

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

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

Luckyorange เสนอการบันทึกการเคลื่อนไหวของเมาส์และเครื่องมือ เช่น แผนที่ผู้เยี่ยมชมตามเวลาจริง แบบสำรวจผู้เยี่ยมชม และซอฟต์แวร์แชทสด มีการทดลองใช้ฟรีโดยมีแผนการชำระเงินเริ่มต้นที่ $10/เดือน

เครื่องมือทำแผนที่ความร้อนฟรี

Clickheat เป็นทางเลือกแบบโอเพ่นซอร์สที่ให้คุณสร้างแผนที่ความร้อนจากการคลิกเมาส์บนไซต์ของคุณ

Corunet ต้องการการสนับสนุนการพัฒนา เช่นเดียวกับ Clickheat Corunet ช่วยให้คุณสร้างแผนที่ความร้อนจากข้อมูลการคลิกบนหน้าเว็บของคุณ

19 สิ่งที่เราได้เรียนรู้จากการทดสอบแผนที่ความร้อน

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

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

1. เนื้อหาที่สำคัญที่สุดสำหรับเป้าหมายของผู้เยี่ยมชมควรอยู่ที่ด้านบนสุดของหน้า

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

ครึ่งหน้าบน: 80.3%
ครึ่งหน้าล่าง: 19.7%

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

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

นอกจากนี้ คุณควรจำเอฟเฟกต์ความใหม่ ซึ่งระบุว่าสิ่งสุดท้ายที่บุคคลเห็นจะอยู่ในใจนานขึ้น สร้างส่วนท้ายของหน้าของคุณอย่างระมัดระวัง

2. เมื่อรีบ สิ่งที่โดดเด่นจะถูกเลือก

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

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

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

3. ผู้คนใช้เวลามากขึ้นในการดูด้านซ้ายของเพจของคุณ

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

การศึกษานี้พบว่าด้านซ้ายของเว็บไซต์ได้รับ 69% ของเวลาในการดู—ผู้คนใช้เวลามากกว่าสองเท่าในการดูด้านซ้ายของหน้าเมื่อเทียบกับด้านขวา

4. ผู้คนอ่านเนื้อหาของคุณในรูปแบบรูปตัว F

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

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

โปรดทราบว่าสไตล์รูปแบบ F ไม่ เป็นความจริงเมื่อเรียกดูหน้าเว็บแบบรูปภาพ ดังที่เห็นได้จากการศึกษานี้ ผู้คนมักจะเรียกดูหน้าเว็บตามรูปภาพในแนวนอน

5. อย่าเสียเงินเพราะแบนเนอร์ตาบอด

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

การศึกษานี้ไม่พบการแก้ไขภายในโฆษณา หากผู้คนต้องการรับข้อมูลอย่างรวดเร็ว พวกเขาจะไม่สนใจโฆษณา—และในทางกลับกัน หากพวกเขาจดจ่อกับเรื่องราวอย่างเต็มที่ พวกเขาจะไม่ละสายตาจากเนื้อหา

มีหลายวิธีในการหลีกเลี่ยงการทำให้แบนเนอร์ไม่บังตาบนเว็บไซต์ของคุณ ปัญหาส่วนใหญ่สามารถป้องกันได้โดยใช้บริษัทออกแบบเว็บไซต์ที่มีประสบการณ์ด้านการตลาดออนไลน์

6. เมื่อใช้รูปภาพของบุคคล สิ่งสำคัญที่พวกเขามอง

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

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

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

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

7. ผู้ชายมองเห็น; ผู้หญิงกำลังหาข้อมูล

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

ในการศึกษาอื่น ผู้ชายใช้เวลาดูหน้าอกของผู้หญิงมากกว่าผู้หญิง 37% ในขณะที่ผู้หญิงใช้เวลาดูที่นิ้วนางมากกว่า 27% ผลการศึกษาสรุปได้ว่า “ผู้ชายเป็นคนวิปริต ผู้หญิงเป็นคนขุดทอง”

8. ละทิ้งภาพหมุนและแบนเนอร์อัตโนมัติเพื่อให้ได้อัตราการคลิกผ่านที่ดีขึ้น

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

การศึกษาเดียวกันพบข้อยกเว้นสำหรับกฎนี้ในเว็บไซต์ นั่นคือแบนเนอร์ในหน้าแรกของ ASOS ที่ดึงดูดความสนใจของผู้เข้าร่วมได้ดีกว่าเว็บไซต์อื่นๆ มันแตกต่างกันอย่างไร? ดูเหมือนแบนเนอร์น้อยลงและรวมเข้ากับหน้าได้ดีกว่า

9. ใช้คอนทราสต์อย่างชาญฉลาดเพื่อแนะนำผู้เข้าชมของคุณ

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

หลังจากออกแบบใหม่เล็กน้อย รูปแบบการสแกนของผู้เยี่ยมชมก็สอดคล้องกับสิ่งที่บริษัทต้องการ

10. คนอายุ 60 ปี ทำผิดพลาดมากกว่าคนอายุ 20 ถึง 2 เท่า

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

ผู้สูงอายุยังออนไลน์ได้ช้ากว่า เมื่อเทียบกับผู้เข้าร่วมที่อายุน้อยที่สุด ผู้ที่มีอายุมากที่สุดใช้เวลามากกว่า 40% ในการทำงานให้เสร็จ

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

11. ใช้รูปถ่ายเพื่อให้ผู้เข้าชมสนใจ

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

ใช้ภาพถ่ายจากคนจริง ผู้คนตอบสนองต่อภาพของคนจริงๆ เป็นอย่างดี ในการศึกษานี้ ผู้ทดสอบใช้เวลามากขึ้น 10% ในการดูรูปถ่ายของพนักงาน เมื่อเทียบกับการอ่านเนื้อหาที่เป็นข้อความซึ่งประกอบเป็นส่วนใหญ่ของหน้า

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

การศึกษานี้พิสูจน์ให้เห็นว่ารูปถ่ายของคุณเป็นองค์ประกอบที่สำคัญที่สุดในโปรไฟล์ LinkedIn ของคุณ และการศึกษานี้พบความสัมพันธ์แบบเดียวกันบน Facebook

เมื่อใช้งานได้ดี รูปภาพสินค้าขนาดใหญ่ก็รับประกันได้ว่าจะได้รับความสนใจเช่นกัน

12. บทสรุปดีกว่าบทความฉบับเต็มในหน้าแรกของบล็อก

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

หากคุณมีบล็อกที่มีบทความฉบับสมบูรณ์ในหน้าแรก คุณอาจเสี่ยงที่จะสูญเสียผู้เยี่ยมชมหากเห็นว่าบทความแรกของคุณไม่น่าสนใจ พวกเขาจะ "ใช้" ความสนใจทั้งหมดที่อ่านบทความแรกจนหมด

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

13. ผู้คนใช้เวลากับอีเมลของคุณไม่ถึงหนึ่งนาที

การศึกษานี้พบว่า 67% ของผู้ใช้ไม่มีการแก้ไขในการแนะนำจดหมายข่าว ผู้คนมักจะข้ามย่อหน้าเกริ่นนำและสแกนเนื้อหาที่เหลือ

เวลาเฉลี่ยที่จัดสรรให้กับจดหมายข่าวคือ 51 วินาที ผู้คนอ่านจดหมายข่าวอย่างเต็มที่เพียง 19% ส่วนใหญ่จะสแกน ดังนั้นควรเขียนจดหมายข่าวของคุณให้สั้นและตรงประเด็น พร้อมคำกระตุ้นการตัดสินใจที่ชัดเจน

14. รวมการทดสอบ A/B เข้ากับคลิกแมปเพื่อเพิ่มประสิทธิภาพ

ผู้คนที่ VWO พบว่าเกือบ 25% ของการเข้าชมหน้าแรกของพวกเขาไปที่ลิงก์ "ราคา" เล็กๆ ในเมนูด้านบน ในขณะที่ปุ่มคำกระตุ้นการตัดสินใจหลักรวบรวมเพียง 5% ของจำนวนคลิกทั้งหมด

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

เมื่อคุณรวมความรู้จากแผนผังการคลิกเข้ากับการทดสอบ A/B คุณจะเพิ่มประสิทธิภาพของแผนผังการคลิกได้หลายครั้ง CareLogger ได้รับการแปลงเพิ่มขึ้น 34% โดยการเปลี่ยนสีของปุ่มเรียกร้องให้ดำเนินการ

15. การแสดงราคาที่ลดแล้วถัดจากราคาเดิมจะเพิ่มความพึงพอใจ

Robert Stevens ได้รับแรงบันดาลใจจากหนังสือของ Dan Ariely ได้ทำการทดสอบกับคนสุ่ม 60 คนเพื่อดูว่าทฤษฎีสัมพัทธภาพส่งผลต่อการตัดสินใจในชีวิตประจำวันอย่างไร

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

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

16–19. การวิจัย Eyetrack III บนพอร์ทัลข่าว

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

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

ด้วยความ สามารถ มากมายที่พวกเขาทำได้ จึงควรค่าแก่การจดจำ: แผนที่ความร้อนไม่ได้ดีสำหรับทุกสิ่ง

เกิดอะไรขึ้นกับแผนที่ความร้อน

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

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

Andrew Anderson หัวหน้าฝ่ายเพิ่มประสิทธิภาพของ Malwarebytes อธิบายไว้เป็นอย่างดี:

แอนดรูว์ แอนเดอร์สัน:

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

มีคนคลิกอะไรดีหรือไม่ดีมากหรือน้อย? สิ่งที่คลิกมากที่สุดมีความสำคัญที่สุดหรือไม่? มีอิทธิพลมากที่สุด? จะเกิดอะไรขึ้นหากมีคนคลิกสิ่งนี้เป็นสองเท่า ต้องคลิกอะไรมาก ๆ เพื่อให้มีอิทธิพลหรือไม่? จำเป็นต้องคลิกเลยหรือไม่?

ในที่สุดแผนที่ความร้อนก็มีคำถามอีกเป็นพันข้อโดยที่ไม่สามารถตอบคำถามเดียวได้อย่างมีความหมาย

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

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

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

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

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

บทสรุป

แผนที่ความร้อนดูดีมาก และสามารถให้คุณค่าได้มาก—หากใช้อย่างถูกต้อง):

ต่อไปนี้คือวิธีบางส่วนที่อาจใช้แผนที่ความร้อนเพื่อปรับปรุงการตลาดของคุณได้

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

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