White Space: วิธีเพิ่มจำนวน Conversion สูงสุดและผลกระทบด้วย Less

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

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

พื้นที่สีขาว: มันคืออะไรและทำไมคุณถึงควรใช้?

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

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

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

จิตวิทยาเบื้องหลังการออกแบบพื้นที่สีขาว

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

• เพิ่มความสามารถในการอ่าน
• ปรับปรุงโฟกัส
• ความเข้าใจที่มากขึ้นของข้อเสนอ
• ปรับปรุงประสบการณ์ผู้ใช้

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

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

หน้า Landing Page หลังคลิกไม่มีช่องว่าง

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

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

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

องค์ประกอบใดบ้างที่พื้นที่สีขาวสามารถช่วยเพิ่มประสิทธิภาพได้

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

หัวข้อข่าว

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

BigMarker สร้างหน้า Landing Page หลังการคลิกทดลองใช้ฟรีพร้อมพื้นที่ว่างมากมายตลอด สกรีนช็อตนี้แสดงครึ่งหน้าบน ซึ่งแสดงให้เห็นว่าพาดหัว และแบบฟอร์ม ดึงดูดความสนใจในทันทีด้วยการออกจากเพจ:

ภาพหน้าจอซอฟต์แวร์

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

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

นาฬิกาจับเวลาถอยหลัง

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

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

แบบฟอร์มการจับตะกั่ว

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

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

ปุ่ม

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

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

บริการของบริษัท

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

ที่ครึ่งหน้าล่าง Comporium Media Services เน้นบริการเพิ่มเติมของพวกเขาด้วยรูปเคารพและข้อความน้อยที่สุด:

คำรับรองจากลูกค้า

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

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

ป้ายบริษัท

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

เพื่อสาธิต Alteryx จะแสดงลูกค้าและพันธมิตรรายใหญ่ที่สุดของพวกเขาในครึ่งหน้าล่างบนหน้า Landing Page ทดลองใช้ฟรีหลังคลิก:

หมายเหตุสุดท้ายเกี่ยวกับการออกแบบเว็บพื้นที่สีขาว

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

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

หน้า Landing Page หลังคลิกถัดไปของคุณจะใช้ประโยชน์จากพื้นที่สีขาวอย่างไร

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

เมื่อรู้สิ่งนี้แล้ว คุณจะเน้นองค์ประกอบใดในหน้า Landing Page ถัดไปหลังการคลิก

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