9 เคล็ดลับการออกแบบ CTA ที่สำคัญสำหรับปุ่มที่ทำให้ผู้คนคลิก

เผยแพร่แล้ว: 2022-08-27
เวลาในการอ่าน: 10 นาที

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

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

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

  1. ทำให้ปุ่มของคุณดูคลิกได้
  2. อธิบายด้วยสำเนาของคุณ
  3. ขนาดและพื้นที่อย่างเหมาะสม
  4. เชื่อมต่อโดยใช้คนแรก
  5. สร้างความเร่งด่วนและใช้กริยาที่แข็งแกร่ง
  6. ลองหัวเรื่องย่อย
  7. รูปแบบการทดสอบ A/B
  8. ให้ความสนใจกับรุ่นมือถือ

ทำให้ปุ่ม CTA ของคุณดูคลิกได้

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

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

ครั้งเดียวที่การออกแบบนี้ใช้งานได้ปกติคือเป็นปุ่มรอง:

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

ที่มา: UX Movement

นี่เป็นอีกตัวอย่างหนึ่งของปุ่ม CTA ที่ไม่สามารถคลิกได้อย่างชัดเจน แน่นอนว่าหน้า Landing Page ของหน่วยงานออกแบบนี้ดูดี แต่คุณจะได้รับการอภัยหากเลื่อนผ่านกรณีศึกษานี้:

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

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

Netflix ใช้ลายเซ็นสีแดงเพื่อดึงดูดความสนใจของคุณ เกือบจะเหมือนป้ายหยุด:

Netflix ใช้ปุ่ม CTA "เริ่มต้นใช้งาน" สีแดงข้างช่องที่อยู่อีเมล

นอกจากนี้ยังสามารถมีสีตัดกันเพื่อให้โดดเด่น เช่นเดียวกับที่ BigCommerce แพลตฟอร์มอีคอมเมิร์ซทำที่นี่:

"7 กลยุทธ์การค้าปลีกเพื่อเอาชนะที่ราบสูงที่เติบโต" ในข้อความสีขาวที่มีพื้นหลังสีน้ำเงิน ปุ่ม CTA สีฟ้าสดใสข้างๆ มีข้อความสีขาวว่า "ดาวน์โหลดคู่มือ"

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

การไล่ระดับสีสามารถทำงานภายในชุดสีของแบรนด์เดียวกันได้ พวกเขาให้ความรู้สึกทันสมัยและอ่อนเยาว์ยิ่งขึ้น:

ปุ่ม CTA แบบไล่ระดับสีม่วงถึงม่วงพร้อมข้อความสีขาวที่ระบุว่า "เริ่มต้นใช้งาน" กับฉากหลังสีกรมท่า

ที่มา: Monday

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

อธิบายด้วยสำเนาของคุณ

หนึ่งในกลยุทธ์การเพิ่มประสิทธิภาพอัตราการแปลงที่ง่ายที่สุด (CRO) คือการเขียนคำโฆษณาที่ยอดเยี่ยม แต่ไม่ใช่แค่กับข้อความชิ้นใหญ่ Microcopy มีความสำคัญและครอบคลุมรายละเอียดปลีกย่อย

คุณมักจะเห็นมันในแบบฟอร์มการติดต่อและแถบอัปเดตสถานะโซเชียลมีเดีย เช่นเดียวกับ Facebook ที่มีชื่อเสียง "What's on your mind?" หรือ "เริ่มโพสต์" ของ LinkedIn

ไมโครคัดลอกสามารถช่วย:

  • บอกผู้ใช้ว่าต้องทำอย่างไร
  • ให้คำแนะนำ
  • ไขข้อข้องใจ
  • ให้บริบท

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

ซึ่งเคยเป็นปุ่ม CTA ของอิมแพ็ค "ดาวน์โหลดฟรี". ไม่ค่อยมีจินตนาการใช่มั้ย?

ที่มา: อิมแพ็ค

แต่ด้วยการอธิบายให้ละเอียดยิ่งขึ้น พวกเขาจึงเพิ่ม Conversion ได้ถึง 78.5% “แสดงวิธีการดึงดูดลูกค้าให้มากขึ้น” ดึงดูดใจมากขึ้นอย่างชัดเจน:

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

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

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

ที่มา: KlientBoost

จากนั้นคุณต้องเน้นย้ำถึงคุณค่าของสิ่งที่คุณมอบให้ และจัดการกับข้อโต้แย้งใด ๆ

จับคู่ความรู้สึกเช่น "ฉันพยายามแล้ว ติดขัด ฉันต้องการความช่วยเหลือ" ขั้นตอนต่อไปที่สามารถดำเนินการได้เช่น "จับคู่ฉันกับนักพัฒนา" จัดการกับข้อโต้แย้งเช่น "ลองใช้ Prisma ใน 5 นาที" ทำให้เฉพาะเจาะจงเช่น "เริ่มทดลองใช้งาน 7 วันในราคา $7"

ที่มา: ตัวอย่างการตลาด

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

ปรับขนาดให้เหมาะสมและใช้พื้นที่สีขาว

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

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

Airbnb เป็นหนึ่งในตัวอย่างที่ดีที่สุดของพื้นที่เชิงลบที่ทำถูกต้อง และสีตัดกันเพื่อให้ชัดเจนยิ่งขึ้น:

พื้นหลังสีดำที่มีหัวเรื่องสีขาวตรงกลาง "เปิดประตูสู่โฮสติ้ง" ใต้ปุ่ม CTA สีชมพูที่ระบุว่า "ลองโฮสต์"

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

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

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

หากคุณมีแนวโน้มที่จะเป็นไมเกรน ให้มองออกไปตอนนี้ นี่คือตัวอย่างของวิธีที่จะ ไม่ ทำ:

หน้า Landing Page ที่รกมากพร้อมข้อความและปุ่มทุกที่เกี่ยวกับการเปรียบเทียบวันหยุดล่องเรือ

ที่มา: Justinmind

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

ในทางตรงกันข้าม สิ่งแรกที่คุณเห็นบนหน้า Landing Page ของ Spotify คืออะไร?

ปุ่ม "Go Premium" ขนาดใหญ่ใช่ไหม นั่นคือวิธีการออกแบบเส้นทางผู้ใช้ที่ชัดเจน

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

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

ที่มา: CleverTap

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

เชื่อมต่อโดยใช้คนแรก

การออกแบบ CTA ที่ดีขึ้นสามารถปรับเปลี่ยนได้ในครั้งเดียว บางครั้งคำเดียว

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

Unbounce ค้นพบว่าการเปลี่ยนสำเนาในหน้า Landing Page จาก "เริ่มการทดลองใช้ฟรี 30 วัน" เป็น "เริ่มการทดลองใช้ฟรี 30 วัน ของฉัน " เพิ่มอัตราการคลิกผ่าน 90%

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

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

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

นอกจากนี้ยังสามารถแสดงว่าพวกเขากำลังจะได้รับมูลค่าทันที ชอบในหน้าแรกของ Crazy Egg:

"แสดงแผนที่ความร้อนของฉัน"

ที่มา: Crazy Egg

1-800 Contacts เป็นร้านคอนแทคเลนส์ที่ใหญ่ที่สุดในโลก แต่พวกเขาทำเช่นเดียวกัน พวกเขาตรวจสอบให้แน่ใจว่าปุ่ม CTA มุ่งเป้าไปที่บุคคลเดียวเท่านั้น:

"ค้นหาผู้ติดต่อของฉัน / จัดลำดับผู้ติดต่อของฉันใหม่"

ที่มา: 1-800 ผู้ติดต่อ

มีบริษัทไม่มากที่ใช้เทคนิคนี้ ซึ่งหมายความว่ามันโดดเด่นเมื่อคุณเห็นมัน ดังนั้นทำไมไม่ลองดูล่ะ?

สร้างความรู้สึกเร่งด่วนและใช้กริยาที่แข็งแกร่ง

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

“ซื้อเลย” เป็นแบบคลาสสิก แต่เราทำได้ดีกว่านั้นด้วยการออกแบบ CTA ของเรา

"เริ่มเห็นผลวันนี้! เริ่มเลย"

ที่มา: GoSquared

คุณสามารถลองใช้ถ้อยคำเช่น:

  • “ดูแลตัวเองด้วยวันนี้”
  • “ปลดล็อคส่วนลดตอนนี้”
  • “ดาวน์โหลดฟรีครั้งเดียว”

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

ต่อไปนี้คือตัวอย่างบางส่วนที่ฉันหมายถึง:

ลองสิ่งเหล่านี้: มากกว่าสิ่งเหล่านี้:
ค้นพบ ลงทะเบียน
เชื่อมต่อ ส่ง
เรียกร้อง จ่าย
เข้าร่วม สมบูรณ์
เริ่ม ส่ง
บันทึก ลงทุน
สำรวจ ติดต่อ
หา สนับสนุน

ด้านซ้ายมือดูเหมือนผู้ใช้ของคุณจะ ได้ อะไรจากการคลิก ทางขวามือดูเหมือนจะต้อง สละ เวลาหรือเงิน

คุณสามารถสร้างสรรค์ได้เช่นกัน เช่นเดียวกับโฮมเพจของ Huemor เวอร์ชันนี้:

ปุ่ม CTA ที่ระบุว่า "Launch" และ "Do not press" ด้านล่าง

ที่มา: FastCapital360

หรือหน้า Landing Page เก่าของ Humboldt County ที่สร้างความลึกลับ:

กราฟิคของกระต่ายขาวที่เขียนว่า "Follow the magic"

ที่มา: ConEmprendimiento

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

ลองหัวข้อย่อยข้างปุ่มคำกระตุ้นการตัดสินใจของคุณ

บางครั้งคนต้องการสะกิดเล็กน้อย และข้อความเล็กน้อยใต้ปุ่ม CTA ของคุณสามารถช่วยคุณได้ ไม่ใช่ "หัวข้อย่อย" ปกติ แต่มันเป็นวิธีที่ง่ายที่สุดในการอธิบาย

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

หลายครั้งที่พวกเขาใช้เพื่อสร้างความมั่นใจให้กับลูกค้า และพวกเขาสามารถระบุจุดปวดหลักที่ผู้คนอาจมี:

"ทำไมล่ะ มันฟรีตลอดไป"

ที่มา: CoSchedule

CoSchedule เข้าใจดีว่าผู้ใช้อาจคิดว่ามันเป็นเพียงการทดลองใช้ฟรี ดังนั้น "ทำไมไม่? ฟรีตลอดไป” ชี้แจง

คุณสามารถใช้มันเพื่อเพิ่มหลักฐานทางสังคม:

"2,691 บริษัท ลงทะเบียนในสัปดาห์เดียว!"

ที่มา: Basecamp

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

หากคุณมีข้อเสนอพิเศษหรือมูลค่าพิเศษที่มาพร้อมกับบริการของคุณ ให้ใช้หัวข้อย่อยของคุณเพื่อเน้น:

"นอกจากนี้ รับคำแนะนำแบบฟรีๆ กับผู้เชี่ยวชาญ SEO"

ที่มา: Moz

Microcopy เป็นโอกาสที่เสียงแบรนด์ของคุณจะเปล่งประกาย แม้จะเป็นเพียงประโยคเดียว ดังนั้น อย่ากลัวที่จะหน้าด้านเล็กน้อยถ้ามันเข้าได้:

"รับ 17+ แนวคิดทางการตลาดใหม่ที่ดีกว่าสิ่งที่คุณมี"

ที่มา: KlientBoost

คุณยังสามารถระบุได้อย่างเฉพาะเจาะจงว่าจะเกิดอะไรขึ้นหลังจากที่มีคนคลิก บอกพวกเขา:

  • สิ่งที่พวกเขาจะได้รับ (แนวคิดทางการตลาดใหม่)
  • เท่าไหร่ (17+)
  • และทำไมเขาต้องแคร์ (ดีกว่าที่คุณมี)

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

อย่าลืมการทดสอบ A/B

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

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

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

  • ปุ่มสี
  • สำเนา CTA
  • แบบอักษร
  • ตำแหน่งในการออกแบบเพจ
  • ป๊อปอัพ
  • แบบฟอร์มการติดต่อ
การเปลี่ยนสีของปุ่ม "ลองเลย" จากสีน้ำเงินเป็นสีส้ม เพิ่มอัตราการคลิกผ่านจาก 25% เป็น 38%

ที่มา: Snov

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

คุณต้องการค้นหาสิ่งต่าง ๆ เช่น:

  1. องค์ประกอบใดที่พวกเขาพยายามโต้ตอบด้วย
  2. มาจากไหน
  3. เส้นทางผู้ใช้/ช่องทางการซื้อของไซต์ของคุณ
  4. แรงจูงใจของคนที่จะอยู่ที่นั่น

ที่มา: GIPHY

เมื่อคุณได้ข้อมูลนี้แล้ว คุณสามารถทดลองกับสิ่งต่าง ๆ ตามข้อเท็จจริง ไม่ใช่การคาดเดา

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

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

ให้ความสนใจกับรุ่นมือถือ

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

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

หน้า Landing Page สำหรับมือถือของ Spotify - พื้นหลังไล่ระดับสีม่วงพร้อมปุ่ม "ลงทะเบียน" สีเขียว

พื้นที่เชิงลบควรมีความสำคัญ:

Airbnb ใช้พื้นที่เชิงลบเพื่อช่วยให้ปุ่ม "ดูข้อมูลเพิ่มเติม" โดดเด่น

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

"ใช้งานแบบพรีเมียมและปลดล็อกคุณสมบัติเพิ่มเติมตอนนี้" อยู่เหนือ "ปุ่มเรียนรู้เพิ่มเติม" ในหน้า Landing Page สำหรับอุปกรณ์พกพาของ Pocket

ตะโกน บอก CleverTap สำหรับกราฟิกเหล่านั้น

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

บทสรุป

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

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

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

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