การออกแบบ 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 ส่วนบุคคลเป็นวิธีที่ไม่ยุ่งยากในการแจ้งให้ลูกค้าทราบว่าจะเกิดอะไรขึ้นเมื่อพวกเขาคลิกปุ่ม ตัวอย่างเช่น ในอีเมลด้านล่าง เครื่องแต่งกายจะเข้าใจทันทีว่าการคลิกปุ่ม "จองจุดของคุณ" จะนำพวกเขาไปยังหน้าการจอง ดังนั้นพวกเขาจะคลิกก็ต่อเมื่อพวกเขาสนใจจริงๆ ที่จะจองหรือค้นหาข้อมูลเพิ่มเติมเกี่ยวกับมัน
ดังนั้น หากคุณมี 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 ได้ง่าย
ในตัวอย่างข้างต้น CTA สีแดงโดดเด่นจากพื้นหลังสีเข้ม ดังนั้นจึงไม่มีความเสี่ยงที่ผู้ใช้จะไม่สังเกตเห็น CTA
Kimp Tip: สีและความแตกต่างของสีทำงานในลักษณะที่ยุ่งยาก บางครั้งสีที่มีคอนทราสต์สูงสุดอาจทำให้ปวดตาเมื่อนำมารวมกัน หากต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับชุดสีและวิธีเลือกสีที่ตัดกัน โปรดดูบล็อกของเราเกี่ยวกับวงล้อสีและชุดสี
4. ระวังความทึบของการออกแบบ CTA
อีกเหตุผลหนึ่งที่ทำให้การออกแบบ CTA ของคุณไม่เป็นที่รู้จักนั้นอาจเป็นเพราะรูปแบบพื้นหลังและความโปร่งแสงของการออกแบบ CTA ของคุณ CTA ที่โปร่งใสหรือโปร่งแสงอาจหายไปในพื้นหลังที่มีผู้คนหนาแน่น ในกรณีเช่นนี้ ปุ่มทึบจะทำให้ CTA ปรากฏขึ้น หรือคุณสามารถเพิ่มรายละเอียดปลีกย่อย เช่น การเน้นรอบๆ CTA ในการออกแบบด้านล่าง รายละเอียดเช่นนี้ช่วยเสริมรูปลักษณ์ของ CTA และดึงดูดความสนใจ
ต้องการสร้างแบนเนอร์ที่สะดุดตาสำหรับแคมเปญดิจิทัลของคุณหรือไม่? ติดต่อ กับทีมงาน Kimp ได้แล้ววันนี้
5. ใช้ช่องว่างเชิงลบเพื่อประโยชน์ของคุณ
การเพิ่มพื้นที่เชิงลบรอบ CTA ของคุณสามารถเพิ่มการแปลงได้ประมาณ 230% นั่นเป็นเพราะการใช้พื้นที่เชิงลบอย่างมีประสิทธิภาพจะลดความยุ่งเหยิงรอบ ๆ CTA และนำความสนใจไปที่พื้นที่ดังกล่าว
ในหน้า 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 รายการ เมื่อใดก็ตามที่พวกเขาเห็นปุ่มสีเขียวที่คล้ายกันบนเว็บไซต์ พวกเขารู้ว่าเป็นลิงก์ที่คลิกได้เพื่อไปยังขั้นตอนอื่น
สร้างการออกแบบ CTA ที่คุ้มค่าต่อการคลิกด้วย Kimp
CTA ทำให้การออกแบบการตลาดส่วนใหญ่รู้สึกสมบูรณ์โดยพาลูกค้าไปในทิศทางที่ตั้งใจไว้ ดังนั้น อย่าลืมเพิ่มลงในอีเมล หน้า Landing Page โฆษณาแบนเนอร์ และการออกแบบทางการตลาดอื่นๆ ทั้งหมดที่ CTA รู้สึกว่ามีความเกี่ยวข้อง CTA ยังปรากฏในโฆษณาสิ่งพิมพ์และที่นี่ส่วนใหญ่จะเป็นที่อยู่เว็บไซต์หรือข้อมูลติดต่อของธุรกิจ แต่ถึงกระนั้น พวกเขาจำเป็นต้องโดดเด่นจากการออกแบบที่เหลือ เพื่อให้ลูกค้าดำเนินการตามที่คุณต้องการ หากเพิ่ม CTA โดยไม่ยุ่งกับโครงสร้างของการออกแบบหรือหากเข้าใจว่าจะใช้ CTA ที่ใดและดูเหมือนจะทำให้คุณสับสนอย่างไร ให้ปล่อยให้เป็นเรื่องของนักออกแบบ เลือกการสมัครสมาชิก Kimp ลงทะเบียนตอนนี้เพื่อทดลองใช้งานฟรี