เบื้องหลังหน้า Landing Page: หลักประสบการณ์ผู้ใช้ที่กระตุ้น Conversion

เมื่อวานนี้ แคมเปญการตลาดเกือบทำให้เมาส์ของฉันพัง

ยังไง?

ทำให้ฉันหงุดหงิดจนแทบจะเหวี่ยงข้ามห้องไป

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

การใช้งานควรมีความสำคัญสูงสุดในหน้า Landing Page หลังการคลิก

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

ในที่สุด หลังจากคลิกผ่านโฆษณาบนการค้นหาที่เสียค่าใช้จ่าย ฉันก็มาถึงหน้า Landing Page เฉพาะหลังการคลิกจาก HotelTonight ดูเหมือนว่านี้ครึ่งหน้าบน:

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

ฉันเหลือบไปด้านล่างและเห็นราคาบางอย่าง จากนั้นฉันก็เลื่อนลงเพื่อค้นหารายการเพิ่มเติม นี่คือสิ่งที่ฉันเห็น:

มีโรงแรม แต่ไม่มีตัวบ่งชี้ราคาหรือห้องว่าง ดังนั้น ฉันคิดว่าฉันต้องเลือกหนึ่งรายการเพื่อรับรายละเอียดเพิ่มเติม ไม่ต้องการอะไรฟุ่มเฟือย ฉันคลิกที่ชื่อรายการ "Midtown Hotel" เพื่อเรียนรู้เพิ่มเติม

…แต่ไม่มีอะไรเกิดขึ้น

“มาลองอีกครั้ง” ฉันคิด ก่อนจะคลิกคำบรรยายใต้คำบรรยายว่า “No-frills Back Bay base”

…ยังคงไม่มีอะไร.

“ถ้าฉันคลิกที่ป้ายกำกับ 'พื้นฐาน' ล่ะ?”

ไม่มีอะไร.

“บางทีรายชื่อนี้เสีย จะเกิดอะไรขึ้นถ้าฉันคลิกที่ Wyndham Boston Beacon Hill”

อีกครั้งไม่มีอะไร

เมื่อถึงจุดนั้นฉันรู้สึกหงุดหงิด เมามายคลิกไปทั่วทั้งหน้า ความคิดต่อไปของฉัน ฉันก็โพล่งออกมาดัง ๆ ว่า “ฉันขอดูรายการสาปแช่งได้ไหม!”

ทำไมเพจนี้ถึงใช้งานยากจัง?

ความสำคัญของการออกแบบเพื่อประสบการณ์ผู้ใช้

สวยงาม ไม่มีอะไรผิดไปจากหน้านี้ มันดูน่าเชื่อถือพอที่จะทำให้ฉันดูรายชื่อที่ครึ่งหน้าล่าง

แต่การออกแบบเว็บมีมากกว่าการทำให้สิ่งต่างๆ ดูสวยงาม “ความสามารถในการใช้งาน” ของเพจจะอธิบายว่าหน้านั้นมีประสิทธิภาพเพียงใดในการปฏิบัติหน้าที่จากมุมมองของผู้ใช้ ตามที่ Steve Krug ผู้เขียน Don't Make Me Think:

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

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

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

มันไม่ใช่คุณ; มันคือการออกแบบ

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

ออนไลน์ ประสบการณ์ที่ไม่ดีอาจส่งผลร้ายต่อเว็บไซต์ของคุณ จากบิดาแห่งการใช้งานเว็บ Jakob Nielsen:

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

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

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

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

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

อย่างแรก คุณสามารถเรียนรู้วิธีพัฒนาได้ที่นี่ ประการที่สองคุณจะพบในโพสต์บล็อกนี้ และประการที่สาม คุณสามารถค้นพบได้ในทรัพยากรใหม่ของ Instapage: The Ultimate Guide to Building a Persuasive post-clickly:

หลักการใช้งานหน้า Landing Page หลังคลิก

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

ความสม่ำเสมอ

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

อย่าพยายามสร้างเว็บขึ้นมาใหม่

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

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

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

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

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

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

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

บทเรียนที่นี่?

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

ต้อง มีข้อความที่ตรงกันอย่างแน่นอน

อีกสิ่งหนึ่งที่นักออกแบบหลังการคลิกมักจะลืมคือ: หน้า Landing Page หลังการคลิกไม่ใช่ความประทับใจแรกของผู้เยี่ยมชมที่มีต่อแบรนด์ของคุณ — ผู้อ้างอิงคือ นั่นคือเหตุผลที่หน้า Landing Page หลังการคลิกของคุณต้องแสดงตามคำสัญญาที่โฆษณา อีเมล หรือผลการค้นหาที่เสียค่าใช้จ่ายให้ไว้ นี่คือสิ่งที่จะเกิดขึ้นหากไม่เป็นไปตาม Vitaly Friedman ผู้ร่วมก่อตั้งของ Smashing Magazine:

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

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

ความชัดเจน

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

สำเนาควรเขียนเพื่อความเข้าใจ

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

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

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

ปุ่ม CTA ควรแจ้งให้ผู้เข้าชมทราบว่าการคลิกจะทำอะไรได้บ้าง

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

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

สำหรับ ebook เกี่ยวกับการออกแบบหน้า Landing Page หลังการคลิก ให้ลองใช้ "ส่ง ebook ของฉัน" เป็นคำกระตุ้นการตัดสินใจ หรือแม้แต่อะไรที่เจาะจงกว่านี้ เช่น "Make me a design pro" นี่คือตัวอย่างจาก Amy Porterfield:

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

ป้ายแบบฟอร์มและข้อเสนอแนะควรเป็นคำอธิบาย

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

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

ข้อเสนอของคุณควรเข้าใจง่าย

ทำไมผู้คนถึงใช้จ่ายมากขึ้นด้วยบัตรเครดิต? เพราะการใช้จ่ายเงินให้ ความรู้สึกเหมือนจริงมากขึ้น

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

พิจารณาการทดลองวิจัยที่ดำเนินการในระหว่างช่วงการศึกษาทางการเงินสำหรับพนักงานของ ING ผู้เข้าร่วมสองกลุ่มถูกถาม:

1. ถ้าพวกเขาจะลงทะเบียนในแผน 401k
2. พวกเขาเต็มใจที่จะเก็บออมเป็นประจำเท่าไร

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

ผลที่ได้คือการเพิ่มการลงทะเบียน 20% ในกลุ่ม 2 และการเพิ่มจำนวนที่ผู้คนจะประหยัดได้ 4%

สิ่งนี้หมายความว่าอย่างไรสำหรับข้อเสนอหน้า Landing Page หลังการคลิกของคุณ

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

สำหรับข้อเสนอบางรายการ อินโฟกราฟิกทำงานได้ดีที่สุด สำหรับคนอื่น วิดีโออธิบายหรือช็อตฮีโร่จะทำงานได้ดีกว่า

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

กระชับ

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

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

ข้อความควรได้รับการปรับให้เหมาะสมสำหรับการลากผ่าน

“กำจัดคำครึ่งหนึ่งในแต่ละหน้า แล้วกำจัดคำที่เหลือครึ่งหนึ่ง” Krug กล่าวในหนังสือของเขา เมื่อคุณลดสำเนาหน้า Landing Page หลังคลิกลง 50% แล้ว สิ่งสำคัญคือต้องทำให้ส่วนที่เหลือเป็นแบบ skimmable เพราะ คนไม่ชอบอ่าน

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

ลำดับชั้นของภาพควรสื่อถึงความสำคัญ

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

ทำไม?

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

• ใหญ่กว่า = สำคัญกว่า
• ตำแหน่งที่สูงขึ้น = สำคัญกว่า
• ความเปรียบต่างที่มากขึ้น = สำคัญกว่า

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

แบบฟอร์มของคุณควรสั้นที่สุดและง่ายต่อการกรอก

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

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

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

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

ควรขจัดความฟุ้งซ่าน

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

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

เมื่อเรามีตัวเลือกให้คลิกที่หน้าเว็บมากเกินไป หลักการที่เรียกว่ากฎหมายของฮิกก็เข้ามามีบทบาท Miles Soegaard อธิบายอย่างชัดเจนในบล็อก Interaction Design Foundation:

Hick's Law เป็นแนวคิดง่ายๆ ที่บอกว่ายิ่งคุณนำเสนอตัวเลือกให้ผู้ใช้ของคุณมีทางเลือกมากเท่าใด พวกเขาก็จะใช้เวลาตัดสินใจนานขึ้นเท่านั้น

แต่นักวิจัย Sheena Iyengar ได้ค้นพบว่าทางเลือกที่มากเกินไปสามารถทำได้มากกว่าการเพิ่มเวลาในการตัดสินใจ

โดยเฉพาะอย่างยิ่งในการทดลองหนึ่ง เธอและเพื่อนร่วมงาน Mark Lepper ได้จัดโต๊ะแสดงสินค้าที่ร้านขายของชำ โดยมอบส่วนลด 1 ดอลลาร์ให้กับผู้ที่ชิมแยมขวดใดก็ได้ ในวันแรก พวกเขาเสนอสเปรดที่แตกต่างกัน 24 แบบให้กับนักช้อป วันที่สองเสนอเพียง 6

เมื่อสิ้นสุดการทดสอบ พวกเขาพบว่าจอแสดงผลขนาดใหญ่ได้รับความสนใจมากขึ้น แต่กลับสร้างยอดขายได้น้อยลง 10 เท่า

นอกจากนี้ เมื่อมีคนเสนอทางเลือกมากขึ้น เธอพบว่าพวกเขามีแนวโน้มที่จะ:

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

ใน TED Talk เธอกล่าวโดยเฉพาะ:

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

ดูสิ่งทั้งหมดด้านล่างสำหรับประเด็นที่น่าสนใจอื่นๆ ที่เกี่ยวข้องกับการเพิ่มประสิทธิภาพทางเลือก:

ความน่าเชื่อถือ

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

อำนาจของคุณควรได้รับการสื่อสารผ่านการออกแบบ

เมื่อประเมินอำนาจของใครบางคน นักจิตวิทยา Robert Cialdini เสนอว่าเรามองหาสามสิ่งโดยเฉพาะ:

• Titles – Dr., Prof., Ph.D., ประธาน, ผู้ก่อตั้ง, CEO, ผู้เชี่ยวชาญในอุตสาหกรรม
• เสื้อผ้า: เครื่องแบบ, ชุดสูท, ชุด (ชุดทหาร, ชุดราคาแพง, เสื้อกาวน์)
• เครื่องประดับ: เครื่องประดับที่มาพร้อมกับบทบาทบางอย่าง (เช่น ตราตำรวจ ศาสนา สายประคำ รถสวย ฯลฯ)

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

หากเพจของคุณดูเหมือนสร้างในปี 2002 โดยนักศึกษาฝึกงานที่ออกแบบเว็บด้านข้าง คุณจะไม่พบว่ามีเผด็จการ ตัวอย่างเช่น เว็บไซต์นี้ดูเหมือนเว็บไซต์ของ Suzanne Collins ผู้เขียนหนังสือขายดีของ Hunger Games หรือไม่

มันเป็นไปไม่ได้ใช่มั้ย?

ทำได้ และมันเป็นอย่างนั้นจริงๆ

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

ป้ายความน่าเชื่อถือควรปรากฏอย่างเด่นชัด

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

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

นี่เป็นตัวอย่างที่ดีจาก HomeBay:

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

ความสะดวก

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

หากเพจของคุณไม่ปฏิบัติตามกฎเหล่านี้เพื่อความสะดวก อัตราตีกลับของเพจจะเพิ่มขึ้น

หน้าของคุณควรโหลดอย่างรวดเร็ว

ข้อมูลจาก Google ระบุว่า 53% ของผู้คนจะละทิ้งหน้าหากใช้เวลาในการโหลดนานกว่าสามวินาที และจากตรงนั้น ความน่าจะเป็นของการเด้งกลับยิ่งสูงขึ้น:

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

• ลดขนาดองค์ประกอบของหน้า จากข้อมูลของ Google 70% ของหน้าที่ทดสอบมีขนาดเกิน 1MB, 36% เป็น 2MB และ 12% มีขนาดเกิน 4MB ด้วยการเชื่อมต่อ 3G ที่รวดเร็ว 1.49MB ใช้เวลาประมาณ 7 วินาทีในการโหลด สาเหตุมีองค์ประกอบของหน้ามากเกินไป (รูปภาพ พาดหัว ปุ่ม ฯลฯ)
• สร้างงบประมาณประสิทธิภาพ กำหนดว่าคุณต้องการโหลดหน้าเว็บได้เร็วแค่ไหน หรือที่เรียกว่า "งบประมาณ" จากงบประมาณนั้น ให้กำหนดองค์ประกอบที่คุณสามารถรวมไว้ในเพจของคุณเพื่อให้เป็นไปตามนั้น
• ลดขนาดรูปภาพ. Favicons โลโก้ และรูปภาพผลิตภัณฑ์สามารถสนับสนุน ⅔ ของขนาดหน้าได้อย่างง่ายดาย หน้าที่มีการแปลงสูงมีรูปภาพน้อยกว่า 38%
• ใช้ JavaScript น้อยลง JS หยุดการแยกวิเคราะห์โค้ด HTML ซึ่งจะทำให้ผู้เข้าชมสามารถแสดงหน้า Landing Page หลังคลิกช้าลงได้ โปรแกรมอย่าง AMP และ AMP สำหรับโฆษณาทำให้นักพัฒนามีเฟรมเวิร์กในการสร้างหน้าเว็บโดยไม่ต้องใช้ JavaScript ทำให้โหลดได้ในแทบจะในทันที

หากต้องการทราบเคล็ดลับเพิ่มเติมเกี่ยวกับวิธีเพิ่มความเร็วหน้า Landing Page หลังการคลิก โปรดอ่านโพสต์นี้

ช่วงการเข้าถึงควรมีความสำคัญ

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

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

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

ประสบการณ์ผู้ใช้จะแตกต่างกันไปในแต่ละหน้า

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

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

เพื่อเริ่มต้นการทดสอบและปรับแต่งประสบการณ์ผู้ใช้หน้า Landing Page หลังการคลิกอย่างง่ายดาย ลงชื่อสมัครใช้การสาธิต Instapage Enterprise วันนี้