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

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

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

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

นั่นคือที่มาของซอฟต์แวร์ติดตามการมอง

การติดตามสายตาคืออะไร?

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

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

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

แม้ว่านักการตลาดจะใช้ซอฟต์แวร์ติดตามการมองในปัจจุบันมากกว่าในอดีต แต่เทคโนโลยีนี้ก็ยังห่างไกลจากสิ่งใหม่ อันที่จริง การวิจัยการติดตามดวงตามีมาตั้งแต่ช่วงปลายทศวรรษที่ 1800

ประวัติโดยย่อของการติดตามดวงตา

ในปีพ.ศ. 2422 หลุยส์ เอมิล จาวาลสังเกตว่าคนอ่านไม่คล่องในหน้า แต่หยุดชั่วคราวหรืออ่านคำบางคำช้าลง และอ่านคำอื่นๆ อย่างรวดเร็ว

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

ในปีพ.ศ. 2474 เอิร์ล เจมส์ และคาร์ล เทย์เลอร์ ได้สร้าง Ophthalmograph และ Metronoscope ซึ่งเป็นอุปกรณ์ที่ใช้ในการบันทึกการเคลื่อนไหวของดวงตาขณะอ่านและฝึกคนให้อ่านได้อย่างมีประสิทธิภาพมากขึ้น

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

ในเวลานี้ นักการตลาดเริ่มใช้การติดตามการมองเพื่อวัดประสิทธิภาพของโฆษณานิตยสาร จากนั้น ในช่วงปลายทศวรรษ 1990 บริษัทโฆษณาและการตลาดรายใหญ่ที่สุดรายหนึ่งของโลกอย่าง EURO RSCG ได้ก่อตั้งเทคโนโลยีการติดตามการมองเพื่อวัดปฏิกิริยาต่อเนื้อหาเว็บ

ในช่วงทศวรรษที่ผ่านมา ซอฟต์แวร์ติดตามการมองถูกใช้บ่อยกว่าที่เคย ในด้านการตลาด มีการใช้อย่างมากในการพัฒนาแคมเปญโฆษณาและการออกแบบเว็บไซต์ที่มีประสิทธิภาพ

ซอฟต์แวร์ติดตามดวงตาและการตลาดออนไลน์

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

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

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

• ขั้นแรก พวกเขาสแกนส่วนบนของหน้าเพื่ออ่านพาดหัวข่าวที่สำคัญ
• จากนั้น ลงด้านซ้ายของหน้า จดตัวเลขหรือสัญลักษณ์แสดงหัวข้อย่อย
• ถัดไป ข้ามหน้าอีกครั้งเพื่ออ่านหัวข้อย่อยหรือข้อความตัวหนา

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

นี่คือหน้า Landing Page หลังคลิกจาก ServiceNow ซึ่งเป็นไปตามรูปแบบ F:

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

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

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

อีกครั้ง รูปแบบนี้สามารถดำเนินการต่อในหน้าที่สร้างรูปตัว Z ได้มากเท่าที่จำเป็นเพื่อแสดงองค์ประกอบที่จำเป็นทั้งหมด

Expo Pass ได้สร้างหน้า Landing Page หลังการคลิกซึ่งมีรูปแบบ Z หลายแบบทั่วทั้งหน้า:

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

แผนที่ความร้อนเข้ามามีบทบาทอย่างไร?

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

แผนที่ความร้อนมีหลายประเภทที่นักการตลาดมักใช้:

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

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

Instapage Heatmap Visualizer ใหม่มีฟังก์ชันการติดตาม 3-in-1 เพื่อให้ข้อมูลเชิงลึกเกี่ยวกับการเคลื่อนไหวของเมาส์ การคลิก และความลึกในการเลื่อน

การเคลื่อนไหวของเมาส์

คลิก

เลื่อนความลึก

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

แผนที่ความร้อนติดตามดวงตา

เกี่ยวกับ F-Pattern ที่กล่าวถึงข้างต้น — นี่คือสิ่งที่เลย์เอาต์ดูเหมือนในแผนที่ความร้อนที่ติดตามดวงตา:

ปุ่มสีมีดังนี้:

• สีแดง = ดูมากที่สุดและตรึงมากที่สุดบน
• สีเหลือง = บางมุมมอง แต่ตรึงน้อย
• สีน้ำเงิน = จำนวนการดูน้อยลงและแทบไม่มีการแก้ไขใดๆ
• สีเทา = แทบจะไม่มีมุมมองและไม่มีการแก้ไข

แม้ว่า F และ Z-Patterns จะได้รับการศึกษาบ่อยครั้งในการวิจัยการติดตามการมอง แต่ก็มีกลยุทธ์การออกแบบอื่นๆ และแนวทางปฏิบัติที่ดีที่สุดที่ควรพิจารณาเมื่อเป็นเรื่องของการติดตามการมอง

แนวทางปฏิบัติที่ดีที่สุดที่ได้จากการวิจัยการติดตามดวงตา

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

1. วางเนื้อหาที่มีค่าที่สุดของคุณไว้ครึ่งหน้าบน

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

นอกจากนี้ ดังที่คุณเห็นจากแผนที่ความร้อนด้านล่าง เนื้อหาครึ่งหน้าบนจะได้รับการพิจารณามากที่สุด:

2. ทำให้หัวข้อข่าวใหญ่และกล้าหาญ

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

3. แยกสำเนาเป็นชิ้นเล็ก ๆ

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

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

4. ใช้รูปภาพเพื่อให้บรรลุวัตถุประสงค์เฉพาะ

รูปภาพบนหน้าเว็บมีจุดประสงค์หลายประการ

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

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

5. ใช้ด้านซ้ายของหน้า

จากการศึกษาพบว่าด้านซ้ายของเว็บไซต์ถูกเปิดดูก่อน และบ่อยกว่าด้านขวา

อันที่จริง ผู้ใช้เว็บมักใช้เวลาประมาณ 69% ในการดูครึ่งซ้ายของหน้า และเพียง 30% ในการดูครึ่งขวา

6. ใช้ประโยชน์จากความคมชัด

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

7. วางปุ่ม CTA ที่ด้านล่างของหน้า

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

แผนที่ความร้อน Crazy Egg นี้แสดงคำกระตุ้นการตัดสินใจหลายรายการบนหน้า อย่างที่คุณเห็น ปุ่ม CTA ที่ด้านล่าง ด้านซ้ายของหน้าได้รับความสนใจมากที่สุด:

ใช้การติดตามการมองเพื่อปรับปรุงการตลาดออนไลน์ของคุณ

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

ลงทะเบียนสำหรับการสาธิต Instapage Enterprise วันนี้