การออกแบบ CTA – รายละเอียดเล็ก ๆ น้อย ๆ ที่สร้างความแตกต่างอย่างมาก

เผยแพร่แล้ว: 2023-01-19

การออกแบบ CTA – รายละเอียดเล็ก ๆ น้อย ๆ ที่สร้างความแตกต่างอย่างมาก

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

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

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

  • การออกแบบ CTA – แล้วทำไมมันถึงสำคัญ?
    • 1. CTA ทำให้วัตถุประสงค์โฆษณาของคุณชัดเจน
    • 2. ช่วยลูกค้าในการตัดสินใจ
    • 3. ช่วยปรับปรุงการแปลง
  • การออกแบบ CTA: เคล็ดลับเพื่อให้คุ้มค่าต่อการคลิก
    • 1. การปรับแต่งเล็กน้อยกับสำเนาของคุณช่วยได้มาก
    • 2. ทำให้ CTA ของคุณดูเหมือนปุ่ม
    • 3. เลือกสีที่เหมาะสมสำหรับ CTA ของคุณ
    • 4. ระวังความทึบของการออกแบบ CTA
    • 5. ใช้ช่องว่างเชิงลบเพื่อประโยชน์ของคุณ
    • 6. อย่าเพิ่ม CTA มากเกินไป
    • 7. แต่เมื่อมีหลายทิศทาง ให้รักษาความสม่ำเสมอ
  • สร้างการออกแบบ CTA ที่คุ้มค่าต่อการคลิกด้วย Kimp

การออกแบบ CTA – แล้วทำไมมันถึงสำคัญ?

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

1. CTA ทำให้วัตถุประสงค์โฆษณาของคุณชัดเจน

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

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

2. ช่วยลูกค้าในการตัดสินใจ

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

3. ช่วยปรับปรุงการแปลง

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

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

แหล่งที่มา

โอเค แล้ว Black & Blues ของ Louis Armstrong ล่ะ? เหตุใดลูกค้าจึงเห็นสิ่งนี้บนเว็บไซต์ Apple บางทีโลโก้ Apple TV ที่ด้านล่างอาจบอกว่าสารคดีนี้มีอยู่ใน Apple TV แต่แล้วไงล่ะ? หากไม่ใช่สำหรับ CTA "สตรีมเลย" คำตอบข้างต้นส่วนใหญ่จะไม่ได้รับคำตอบ ลูกค้าที่สับสนอาจเพิ่งเลื่อนผ่านไป แต่เนื่องจากปุ่ม CTA ผู้เข้าชมรู้ว่าการคลิกปุ่มจะนำพวกเขาไปยังหน้าการสตรีมบน Apple TV โดยไม่ต้องยุ่งยากใดๆ สิ่งนี้กระตุ้นให้พวกเขาคลิกแถบเลื่อน ที่นั่นเพิ่งเกิดการแปลง!

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

เมื่อทราบข้อเท็จจริงที่ว่า CTA มีความสำคัญในการออกแบบแล้ว เรามาพูดถึงเคล็ดลับการออกแบบ CTA กันบ้าง

การออกแบบ CTA: เคล็ดลับเพื่อให้คุ้มค่าต่อการคลิก

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

1. การปรับแต่งเล็กน้อยกับสำเนาของคุณช่วยได้มาก

คุณควรทราบว่า 90% ของผู้ใช้ที่อ่านบรรทัดแรกในโฆษณาหรือหน้าเว็บอ่านสำเนา CTA ด้วย ใช่สำเนามีความสำคัญ

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

ว่างเปล่า
แหล่งที่มา

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

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

ว่างเปล่า
ออกแบบอีเมลโดย Kimp

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

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

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

2. ทำให้ CTA ของคุณดูเหมือนปุ่ม

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

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

3. เลือกสีที่เหมาะสมสำหรับ CTA ของคุณ

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

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

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

ว่างเปล่า
ออกแบบแบนเนอร์เว็บโดย Kimp

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

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

4. ระวังความทึบของการออกแบบ CTA

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

ว่างเปล่า
ออกแบบแบนเนอร์เว็บโดย Kimp

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

5. ใช้ช่องว่างเชิงลบเพื่อประโยชน์ของคุณ

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

ว่างเปล่า
การออกแบบหน้า Landing Page โดย Kimp

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

6. อย่าเพิ่ม CTA มากเกินไป

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

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

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

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

ว่างเปล่า
แหล่งที่มา
7. แต่เมื่อมีหลายทิศทาง ให้รักษาความสม่ำเสมอ

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

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

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

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

  • รูปร่างและสีของปุ่ม CTA
  • แบบอักษรที่ใช้ในสำเนา CTA
  • การจัดตำแหน่งของสำเนา CTA ภายในปุ่ม
  • การวางแนวปุ่ม CTA

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

ว่างเปล่า
การออกแบบหน้า Landing Page โดย Kimp

สร้างการออกแบบ CTA ที่คุ้มค่าต่อการคลิกด้วย Kimp

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