สีของปุ่มใดที่แปลงได้ดีที่สุด?

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

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

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

หลักสูตรการเพิ่มประสิทธิภาพการแปลง

โดย ปี๊บ ลาจา

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

• *
• *
  • ฉันตกลงรับอีเมล
• ความคิดเห็น
  ช่องนี้มีไว้เพื่อวัตถุประสงค์ในการตรวจสอบและไม่ควรเปลี่ยนแปลง

เอามันไปเดี๋ยวนี้

ความสัมพันธ์ทางจิตวิทยาของสี

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

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

ผู้คนจากประเทศเขตร้อนตอบสนองต่อสีที่อบอุ่น ผู้คนจากภูมิอากาศทางเหนือชอบสีที่เย็นกว่า เป็นต้น

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

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

ทดลองการใช้สี color

สีแดงสามารถทำให้คุณเป็นผู้ชนะ...

โดยทั่วไปสีแดงหมายถึงหยุด สีแดง หมายถึง อันตราย สีแดง หมายถึง ร้อน และจากการวิเคราะห์ผลการแข่งขันกีฬาโอลิมปิกปี 2547 นักวิจัยพบว่าสีแดงหมายถึงการครอบงำด้วย

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

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

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

…หรือเป็นผู้แพ้

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

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

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

สีและรสชาติของช็อกโกแลตร้อน

ปรากฎว่าสีของ ภาชนะ ที่เสิร์ฟอาหารและเครื่องดื่มมีส่วนช่วยในการรับรู้รสชาติ อย่างน้อยก็จริง สำหรับการดื่มช็อกโกแลตร้อน นักวิจัย Betina Piqueras-Fiszman อธิบาย

Piqueras-Fiszman และพันธมิตรด้านการวิจัยของเธอมีผู้เข้าร่วม 57 รายทดลองช็อกโกแลตร้อนในภาชนะที่มีสีต่างกัน 4 สี ได้แก่ สีขาว ครีม สีส้ม และสีแดง ทั้งหมดมีขนาดเท่ากัน และด้านในทั้งหมดเป็นสีขาว

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

"ไม่มีกฎตายตัวที่ระบุว่ารสชาติและกลิ่นหอมได้รับการปรุงแต่งในถ้วยที่มีสีหรือเฉดสีที่แน่นอน" Piqueras-Fiszman กล่าว “ในความเป็นจริง สิ่งนี้แตกต่างกันไปขึ้นอยู่กับประเภทของอาหาร แต่ความจริงก็คือ เมื่อผลกระทบนี้เกิดขึ้น ควรให้ความสนใจกับสีของภาชนะมากขึ้น เพราะมันมีศักยภาพมากกว่าที่ใครจะจินตนาการได้”

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

ปุ่ม CTA สีอะไรดีที่สุด?

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

สีเขียวกับสีแดง: สงครามปุ่มคำกระตุ้นการตัดสินใจ

หลายปีที่ผ่านมา มีการโต้เถียงกันว่าสีใดที่แปลงได้ดีที่สุดสำหรับปุ่ม CTA ของคุณ Unbounce ประกาศว่าปุ่ม CTA ในอนาคตคือ “BOB” (ปุ่ม Big Orange)

นอกจากนี้ยังมีกรณีศึกษาการทดสอบ A/B ที่น่าสนใจจำนวนหนึ่งซึ่งใช้ปุ่มสีส้มหรือสีแดงเป็นส่วนใหญ่ทดสอบกับสีอื่นๆ ซึ่งมักจะเป็นสีเขียว

เมื่อคุณคิดเกี่ยวกับมัน สีเขียวมักเกี่ยวข้องกับอารมณ์เชิงบวก เมื่อสัญญาณไฟจราจรเปลี่ยนเป็นสีเขียว แสดงว่าคุณสามารถขับได้ กลับกันด้วยสีแดง สีส่วนใหญ่เกี่ยวข้องกับอารมณ์เชิงลบ

แล้วคุณคิดอย่างไร? ปุ่มสีไหนชนะ? นี่คือสิ่งที่กรณีศึกษาได้กล่าวไว้

กรณีศึกษา 1

Dmix เขียนเกี่ยวกับการทดสอบปุ่มสีเขียวและสีแดง ในการทดสอบกับอาสาสมัคร 600 คน พวกเขาพบว่า Conversion เพิ่มขึ้น 34% เมื่อใช้ปุ่มสีแดง

กรณีศึกษา 2

การทดสอบครั้งต่อไปได้รับความอนุเคราะห์จาก HubSpot พวกเขาทำการทดสอบที่คล้ายกันด้วยปุ่มสีเขียวและสีแดงบนไซต์ไคลเอนต์ พวกเขาทำการทดสอบสองสามวันและมีการเข้าชมทั้งหมดมากกว่า 2,000 ครั้ง

ผลลัพธ์ของพวกเขา? ปุ่มสีแดงมีประสิทธิภาพเหนือกว่าปุ่มสีเขียว 21%

กรณีศึกษา 3

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

และ ผู้ชนะคือ — คุณเดาได้ — ปุ่มสีแดง คราวนี้มี Conversion เพิ่มขึ้น 5%

กรณีศึกษา 4

การศึกษานี้แทนที่จะเปรียบเทียบปุ่มสีแดงกับสีเขียว ให้มองที่ปุ่มสีส้มกับสีน้ำเงิน ในการทดสอบ ปุ่มสีน้ำเงินชนะ โดยเพิ่ม 9%

แม้ว่าปุ่มสีน้ำเงินจะ "หงุดหงิด" แต่ปุ่มสีแดงหรือสีแดงก็มีอิทธิพลเหนือกว่า แต่ก็เป็นกระแสที่ได้รับการสนับสนุนจากการศึกษาอื่นๆ เช่นกัน

อย่างไรก็ตาม Peep ไม่ได้เขียนเกี่ยวกับสีในการออกแบบเว็บต่อไปนี้ในโพสต์นี้:

ฉันชอบทวีตนี้โดย Naomi Niles:

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

เพื่อให้ Conversion ของคุณเพิ่มขึ้นอย่างจริงจัง คุณต้องทำวิจัยเกี่ยวกับ Conversion คุณต้องทำการยกของหนัก

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

เหตุใดคุณจึงควรสงสัยกรณีศึกษาสีปุ่ม button

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

นี่คือเวอร์ชันดั้งเดิม:

และนี่คือปุ่มใหม่:

ไม่แปลกใจเลยที่จำนวน Conversion เพิ่มขึ้น เมื่อพิจารณาจากกรณีก่อนหน้านี้ อาจกล่าวได้ว่าหากพวกเขาเปลี่ยนปุ่มเป็นสีแดง ปุ่มอาจแปลงได้ดียิ่งขึ้น ก็ไม่เชิง

มาดูต้นฉบับกันอีกครั้ง คุณเห็นสิ่งที่ ควร จะมี แต่ไม่มี? ต้นฉบับปุ่มหาย! CTA “ซื้อเลย” หายไปจากการออกแบบ คุณสามารถมองเห็นปุ่มใหม่ได้อย่างชัดเจน ไม่ว่าจะเป็นสีเขียว แดง เหลือง หรือหลายสี

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

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

Monetate ซึ่งทำการทดสอบปุ่มสีน้ำเงินกับสีส้ม ได้กล่าวไว้ว่า:

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

ในกรณีของ RIPT Apparel พวกเขาทดสอบเวอร์ชันสุดท้ายด้วยปุ่มสีเหลือง:

Conversion เพิ่มขึ้นอีก 6.3% สีเหลืองเต้นสีเขียว? ไม่ไม่ไม่.

สีของปุ่ม CTA สร้างความแตกต่างเล็กน้อยในตัวเอง

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

ก็ขึ้นอยู่กับสิ่งที่เราเคยเห็น Bing เพิ่มขึ้นของรายได้ $ 80 ล้านโดยการหาสีที่แน่นอนของสีฟ้าสำหรับการเชื่อมโยงของพวกเขา ผู้คนคุ้นเคยกับการเห็นลิงก์สีน้ำเงิน เมื่อเวิลด์ไวด์เว็บเกิดขึ้นครั้งแรก สีน้ำเงินคือสีของลิงก์ (วิศวกรของ Microsoft ที่ทำงานเกี่ยวกับเรื่องนี้ยอมรับด้วยว่า “…มันเป็นสีฟ้าค่อนข้างคล้ายกับที่ Google ใช้”)

ไม่มีสีที่ดีที่สุดสำหรับการแปลง ในกรณีของปุ่มสีเหลือง พวกเขายังเพิ่มความเร่งด่วน (“$10 เฉพาะ 24 ชั่วโมง”) ซึ่งแสดงให้เห็นครั้งแล้วครั้งเล่าเพื่อเพิ่ม Conversion ในกรณีของ Bing และ blue มันเป็นพลังของการประชุมในทางปฏิบัติ

กลับไปที่ HubSpot

เช่นเดียวกับตัวอย่างของ HubSpot ลองดูอีกครั้ง:

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

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

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

บทสรุป

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

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

เครดิตภาพ