ปุ่ม CTA สีไหนขายดีกว่ากัน และคำในปุ่มที่ควรเลี่ยง
ความจริงเบื้องหลังสี CTA ที่คนพูดถึงกันเยอะ และหลักการเลือกคำในปุ่มให้คนกล้ากด
อ่านประมาณ 7 นาที
"ปุ่มสีแดงขายดีกว่าสีเขียว" เป็นประโยคที่หลายคนเคยได้ยินและเชื่อตามกันมา แต่ความจริงแล้วเรื่องสีปุ่ม CTA (Call-to-Action) ซับซ้อนกว่านั้นมาก และไม่มีสีไหนที่ "ดีที่สุด" สำหรับทุกสถานการณ์ บทความนี้จะอธิบายหลักการที่แท้จริงเบื้องหลังการเลือกสีปุ่ม และสิ่งที่สำคัญกว่าสีมากคือคำที่ใช้ในปุ่ม
ความจริงเรื่องสีปุ่ม CTA
การทดสอบ A/B หลายครั้งในอดีตที่ถูกอ้างถึงบ่อยๆ (เช่นกรณีปุ่มสีแดงชนะสีเขียว) มักถูกเข้าใจผิดว่าเป็น "กฎ" ที่ใช้ได้ทุกที่ ทั้งที่ความจริงแล้วผลลัพธ์นั้นเกิดจาก "ความแตกต่างของสี" เมื่อเทียบกับพื้นหลังของหน้านั้นๆ ไม่ใช่เพราะสีแดงมีพลังวิเศษ
หลักการที่ถูกต้องกว่าคือ ปุ่ม CTA ต้องมีสีที่แตกต่างจากทุกอย่างรอบข้างอย่างชัดเจน (Contrast) เพื่อให้สายตาคนอ่านเห็นปุ่มได้ทันที โดยไม่ต้องตั้งใจมองหา ถ้าเว็บของคุณใช้โทนสีฟ้าเป็นหลัก ปุ่มสีส้มหรือเหลืองอาจโดดเด่นกว่าปุ่มสีฟ้าเข้มอีกเฉด แต่ถ้าเว็บใช้โทนสีขาว-เทาเป็นหลัก ปุ่มสีฟ้าสดหรือเขียวก็อาจโดดเด่นพอแล้ว
สรุปสั้นๆ
คำในปุ่มสำคัญกว่าสีที่หลายคนมองข้าม
ถ้าให้เลือกระหว่างเปลี่ยนสีปุ่มกับเปลี่ยนคำในปุ่ม งานวิจัยด้าน UX ส่วนใหญ่ชี้ไปทางเดียวกันว่าคำในปุ่มส่งผลต่ออัตราการคลิกมากกว่าสีอย่างมีนัยสำคัญ เพราะคำในปุ่มบอกคนอ่านตรงๆ ว่า "กดแล้วจะเกิดอะไรขึ้น"
คำที่ควรเลี่ยง
- "ส่ง" หรือ "Submit" — ไม่บอกอะไรเลยว่าลูกค้าจะได้อะไรตอบแทน ฟังดูเป็นภาระมากกว่าโอกาส
- "คลิกที่นี่" — บอกแค่การกระทำ ไม่บอกผลลัพธ์ที่จะได้รับ
- "ซื้อเลย" เพียวๆ โดยไม่มีบริบท — ในบางกลุ่มเป้าหมายอาจฟังดูกดดันเกินไปสำหรับสินค้าที่ต้องใช้เวลาตัดสินใจ
คำที่ควรใช้แทน
- ระบุผลลัพธ์ที่จะได้รับ เช่น "เริ่มเรียนตอนนี้" แทน "สมัคร" หรือ "รับสิทธิ์ส่วนลด" แทน "ยืนยัน"
- ใช้มุมมองบุคคลที่หนึ่ง เช่น "เอาคอร์สนี้ให้ฉัน" แทน "รับคอร์สนี้" — งานวิจัยหลายชิ้นพบว่ามุมมองบุคคลที่หนึ่งเพิ่มอัตราการคลิกได้จริง เพราะรู้สึกเหมือนเป็นการตัดสินใจของตัวเอง ไม่ใช่คำสั่งจากใคร
- ลดความเสี่ยงที่รับรู้ได้ เช่น "ลองใช้ฟรี" แทน "สมัครสมาชิก" ถ้ามีช่วงทดลองใช้จริง
ขนาดและตำแหน่งที่มีผลไม่แพ้สี
นอกจากสีและคำ ขนาดปุ่มก็มีผลจริง ปุ่มที่เล็กเกินไปบนมือถือทำให้กดพลาดหรือมองไม่เห็นชัด ควรมีขนาดที่กดง่ายด้วยนิ้วโป้ง (ไม่ใช่แค่เมาส์) และมีพื้นที่ว่างรอบปุ่มมากพอไม่ให้ปะปนกับองค์ประกอบอื่น สำหรับตำแหน่ง ควรมีปุ่ม CTA ปรากฏซ้ำหลายจุดตลอดหน้า ไม่ใช่แค่จุดเดียวด้านล่างสุด เพราะคนอ่านบางคนตัดสินใจซื้อได้ตั้งแต่ยังอ่านไม่ถึงครึ่งหน้า
คำถามที่พบบ่อย
ต้องใช้สีเดียวกับสีแบรนด์เสมอไหม?
ไม่จำเป็นเสมอไป ถ้าสีแบรนด์กลมกลืนกับพื้นหลังจนปุ่มไม่โดดเด่น การใช้สีคู่ตรงข้าม (Complementary Color) เฉพาะสำหรับปุ่ม CTA มักได้ผลดีกว่า
ควรมีปุ่ม CTA กี่จุดในหนึ่งหน้า?
ไม่มีจำนวนตายตัว แต่โดยทั่วไปควรมีอย่างน้อยหลังทุกส่วนสำคัญ เช่น หลัง Hero, หลัง Benefits, หลัง Offer และท้ายสุดของหน้า เพื่อให้คนอ่านที่พร้อมซื้อในทุกจุดมีทางกดได้ทันทีโดยไม่ต้องเลื่อนกลับไปหา
ปรับสีและข้อความปุ่ม CTA ได้อิสระในตัวแก้ไขของ Khaipage ทดลองหลายแบบแล้วดูผลจริงจากแดชบอร์ด
เริ่มสร้างเว็บไซต์ฟรี →