การใช้แผนที่ความร้อนในหน้าการกำหนดราคา

มาเริ่ม "การทดสอบ A/B ของเดือน" กับการทดสอบที่ไม่ใช่ A/B กันเถอะ ก่อนที่คุณจะหนีไปที่มุมอื่นของอินเทอร์เน็ต ให้ฉันอธิบายให้คุณฟังว่าทำไมเราจะเริ่มด้วยแผนที่ความหนาแน่น

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

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

ในตัวอย่างวันนี้ เราได้เลือกที่จะเริ่มต้นด้วยหน้าราคาของปลั๊กอินพรีเมียมของเรา: การทดสอบ Nelio A/B และเนื้อหา Nelio หน้าเหล่านี้เป็นกุญแจสู่ธุรกิจของเรา เนื่องจากรายได้ของบริษัทมาจากทั้งสองทาง

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

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

วิธีสร้างการทดสอบ Heatmap ใน WordPress

การสร้างการทดสอบแผนที่ความหนาแน่นสำหรับหน้า WordPress นั้นง่ายมาก คุณเพียงแค่ต้องเลือกหน้าที่เลือกและเริ่มการทดสอบ

ในการทดสอบ A/B ของ Nelio ให้สร้างการทดสอบแผนที่ความหนาแน่นใหม่โดยเลือกการทดสอบประเภทนี้จากกล่องโต้ตอบที่เปิดขึ้นเมื่อคุณคลิกที่ปุ่มเพื่อเพิ่มการทดสอบใหม่

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

เมื่อคุณมีทุกอย่างพร้อมแล้ว (ดังที่คุณเห็นในภาพหน้าจอก่อนหน้านี้ มันง่ายมาก) ให้คลิกที่ปุ่มที่มุมขวาบนของหน้าต่างเพื่อเริ่มการทดสอบ คุณเพียงแค่ต้องรอให้ผู้เยี่ยมชมเข้ามาเพื่อให้ Nelio A/B Testing รวบรวมข้อมูลจากพฤติกรรมของพวกเขาบนเพจและประมวลผลผลลัพธ์

ผลลัพธ์แผนที่ความร้อน

ในกรณีของเรา เรามีการทดสอบแผนที่ความหนาแน่นสองรายการที่ทำงานพร้อมกันบนเว็บไซต์ของเรา: การทดสอบหนึ่งสำหรับหน้าราคาของการทดสอบ Nelio A/B และอีกรายการสำหรับหน้าราคาของเนื้อหา Nelio

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

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

หน้าราคาของการทดสอบ Nelio A/B

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

• แผนที่ความหนาแน่นของหน้าราคาของการทดสอบ Nelio A/B
• Scrollmap ของหน้าราคาของการทดสอบ Nelio A/B
• Confetti จากหน้าราคาของ Nelio A/B Testing

ตอนนี้เรามาดูส่วนที่เกี่ยวข้องกันมากที่สุดของผลลัพธ์ก่อนหน้านี้:

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

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

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

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

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

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

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

ลูกปายังให้ข้อมูลโดยรวมของผู้เยี่ยมชมซึ่งดึงมาจากการคลิกที่พวกเขาทำ การทดสอบ A/B ของ Nelio มีตัวกรองหลายประเภทเพื่อให้เข้าใจลักษณะต่างๆ ของผู้เยี่ยมชมได้ดีขึ้น ดังที่คุณเห็นได้ที่นี่:

จากตัวกรองเหล่านี้ เราได้ดึงข้อมูลต่อไปนี้:

• Chrome และ Firefox เป็นเบราว์เซอร์ที่ผู้เยี่ยมชมของเราใช้มากที่สุด ดังนั้นเราต้องทำให้เว็บดูดีอย่างน้อยในเบราว์เซอร์เหล่านี้
• ครึ่งหนึ่งของผู้เข้าชมหน้านี้มาจากสหรัฐอเมริกา ตรงกับข้อมูลการขายของเรา
• ผู้เยี่ยมชมเยี่ยมชมเรามากขึ้นใน 3 วันแรกของสัปดาห์ การทราบข้อมูลนี้อาจเป็นประโยชน์ต่อ ตัวอย่างเช่น การทำข้อเสนอในวันอื่นๆ ในพื้นที่อื่นๆ ของเว็บ และดึงดูดการเข้าชมในวันที่มีการเข้าชมต่ำ
• ผู้เข้าชมเกือบ 100% เข้าถึงหน้าจากคอมพิวเตอร์เดสก์ท็อปหรือแล็ปท็อป เราแทบจะไม่มีผู้เข้าชมจากอุปกรณ์พกพา เป็นสิ่งที่ต้องศึกษาในอนาคต
• Windows 10 และ Mac OS X เป็นระบบปฏิบัติการที่ผู้คนมาเยี่ยมชมเรา ตรงกับข้อมูลก่อนหน้านี้ เนื่องจากเราไม่มีผู้เยี่ยมชมจากระบบปฏิบัติการสำหรับอุปกรณ์มือถือ
• เรามีผู้เยี่ยมชมมากขึ้นในระหว่างวันทำงาน (การทดสอบดำเนินการในเขตเวลาชิคาโก) เป็นเรื่องที่สมเหตุสมผล เนื่องจากลูกค้าหลักของเรามาจากสหรัฐอเมริกา
• การเข้าชมเกิดขึ้นบนหน้าจอที่มีความกว้างอย่างน้อย 1500 พิกเซล ข้อเท็จจริงอีกประการหนึ่งที่ยืนยันว่าการเข้าชมมาจากคอมพิวเตอร์เดสก์ท็อปหรือแล็ปท็อป

หากคุณตรวจสอบเวอร์ชันเต็มของแผนที่ความหนาแน่นและกระดาษปา คุณจะเห็นว่าส่วนอื่นๆ ทั้งหมดของหน้าราคาของการทดสอบ Nelio A/B มีความเกี่ยวข้องน้อยกว่า โดยที่ในใจ มาตรวจสอบ scrollmap ต่อไปนี้:

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

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

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

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

หน้าราคาของเนื้อหา Nelio

เช่นเดียวกับหน้าราคาของ Nelio A/B Testing คุณจะเห็นภาพที่สมบูรณ์พร้อมผลลัพธ์แผนที่ความหนาแน่นสำหรับหน้าราคาของเนื้อหา Nelio:

• แผนที่ความหนาแน่นของหน้าราคาของเนื้อหา Nelio
• Scrollmap ของหน้าการกำหนดราคาของเนื้อหา Nelio
• ลูกปาของหน้าการกำหนดราคาของเนื้อหา Nelio

หน้าราคาของ Nelio Content เรียบง่ายและสั้นกว่าหน้าสำหรับการทดสอบ A/B ของ Nelio ด้วยเหตุผลอื่นๆ หน้านี้มีเพียงแผนเดียว ในขณะที่การทดสอบ Nelio A/B เรามี 3 แผนที่แตกต่างกัน

หากคุณดูแผนที่ความหนาแน่นทั้งหมดและเปรียบเทียบกับหนึ่งในการทดสอบ A/B ของ Nelio คุณจะเห็นว่าในกรณีนี้มีจุดที่น่าสนใจในส่วนอื่นๆ ของหน้า นอกเหนือจากครึ่งหน้าแรก

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

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

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

เรายังเห็นว่าวิดีโอดังกล่าวได้รับความสนใจเป็นอย่างมาก เราสร้างวิดีโอที่เจ๋งมาก และบางทีเราอาจจะแสดงมันก่อนหน้านี้ในหน้าเว็บ เราสามารถลองใช้การเปลี่ยนแปลงนี้ด้วยการทดสอบ A/B เนื่องจากส่วนหลังครึ่งหน้าแรกไม่ได้รับความเกี่ยวข้องมากนักเช่นกัน

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

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

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

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

เราต้องมองหาวิธีอื่นที่ทำให้เกิดความสับสนน้อยกว่าในการแสดงราคาทั้งสอง โดยมีการโต้ตอบที่เท่าเทียมกันสำหรับทั้งสองกรณี นี่เป็นการทดสอบ A/B อื่นที่เราดำเนินการได้ในหน้านี้

แล้วตอนนี้ล่ะ?

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

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

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

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

ภาพเด่นโดย Steve Halama บน Unsplash