คุณควรใช้สีอะไรเพื่อเพิ่มยอดขาย?

เผยแพร่แล้ว: 2021-05-13

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

คู่มืออารมณ์ที่ถ่ายทอดด้วยสีสันและแบรนด์ต่างๆ ที่ใช้ในโลโก้
คู่มืออารมณ์ที่ถ่ายทอดด้วยสีและแบรนด์ต่างๆ ที่ใช้ในโลโก้ (ที่มา: The Logo Company)

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

ในการออกแบบหน้าต้นฉบับ เนื่องจากเป็นแฟนตัวยงของสีน้ำเงิน เราเสนอการออกแบบหน้าแผน Nelio Content ดังต่อไปนี้:

สกรีนช็อตของหน้าแผนและราคาของ Nelio Content ก่อนสร้างการทดสอบ A/B สำหรับมัน
สกรีนช็อตของแผน Nelio Content และหน้าราคาก่อนสร้างการทดสอบ A/B

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

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

สกรีนช็อตของแผน Nelio Content ที่แสดงในรูปแบบสีน้ำเงิน
เวอร์ชันดั้งเดิมของการทดสอบ A/B ของเรา: แผน Nelio Content แสดงในรูปแบบสีน้ำเงิน

สร้างการทดสอบหน้าการกำหนดราคา

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

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

เราตัดสินใจที่จะสร้างรูปแบบอื่นๆ อีกสองรูปแบบด้วยการผสมสีเหล่านี้ นอกเหนือจากเวอร์ชันดั้งเดิม:

ภาพหน้าจอของแผน Nelio Content ที่แสดงในรูปแบบแรกของการทดสอบ A/B
ภาพหน้าจอของแผน Nelio Content ที่แสดงในตัวแปรแรกของการทดสอบ A/B

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

ภาพหน้าจอของแผนของ Nelio Content สำหรับรูปแบบที่สองของการทดสอบ A/B
ภาพหน้าจอของแผน Nelio Content ที่แสดงในเวอร์ชันที่สองของการทดสอบ A/B

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

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

การสร้างการทดสอบ A/B

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

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

ในภาพหน้าจอต่อไปนี้ คุณสามารถดูคำจำกัดความของการทดสอบได้:

ภาพหน้าจอคำจำกัดความของการทดสอบ A/B ของแผน Nelio Content
ภาพหน้าจอของคำจำกัดความของการทดสอบ A/B ในหน้าแผน Nelio Content

ต่อไป เมื่อสร้างการทดสอบ A/B คุณต้องกำหนดเป้าหมายที่คุณต้องการวัดในการทดสอบเพื่อตัดสินใจว่าสิ่งใดดีที่สุด ในกรณีนี้ เรากำหนดเป้าหมาย 4 เป้าหมายที่จะวัดภายในการทดสอบ:

  • คลิกที่ปุ่มของแผนใด ๆ
  • คลิกที่ปุ่มแผนพื้นฐาน
  • คลิกที่ปุ่มแผนมาตรฐาน
  • คลิกที่ปุ่มของแผนพลัส

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

การวิเคราะห์ผลการทดสอบ A/B

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

วัตถุประสงค์แรกคือเพื่อวัดการคลิกบนปุ่มแผนตารางราคาใดๆ (ตารางจะแสดงสองครั้งในหน้า)

การวิเคราะห์ผลลัพธ์ของวัตถุประสงค์แรกของการทดสอบ A/B ที่ดำเนินการ
การวิเคราะห์ผลลัพธ์ของวัตถุประสงค์แรกของการทดสอบ A/B ที่ดำเนินการ

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

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

สกรีนช็อตของการวิเคราะห์ผลลัพธ์ของวัตถุประสงค์ที่สองของการทดสอบ A/B ที่ทำขึ้น
การวิเคราะห์ผลลัพธ์ของวัตถุประสงค์ที่สองของการทดสอบ A/B ที่ดำเนินการ

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

ตอนนี้มาดูผลลัพธ์ที่เราได้รับจากสิ่งที่เราต้องการวัดการคลิกของแผนมาตรฐาน

สกรีนช็อตของการวิเคราะห์ผลลัพธ์ของวัตถุประสงค์ที่สามของการทดสอบ A/B ที่ทำขึ้น
การวิเคราะห์ผลลัพธ์ของวัตถุประสงค์ที่สามของการทดสอบ A/B ที่ดำเนินการ

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

สุดท้าย มาดูกันว่าจะเกิดอะไรขึ้นกับแผนล่าสุด:

สกรีนช็อตของการวิเคราะห์ผลลัพธ์ของวัตถุประสงค์ที่สี่ของการทดสอบ A/B ที่ทำขึ้น
การวิเคราะห์ผลลัพธ์ของวัตถุประสงค์ที่สี่ของการทดสอบ A/B ที่ดำเนินการ

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

บทสรุป

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

ภาพหน้าจอของการใช้ตัวแปรที่ชนะของการทดสอบ A/B
ภาพหน้าจอของการใช้ตัวแปรที่ชนะของการทดสอบ A/B เป็นขั้นสุดท้าย

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

ภาพเด่นโดย Baher Khairy บน Unsplash