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

เผยแพร่แล้ว: 2021-09-11

ครั้งหนึ่ง ไซต์ที่เลื่อนยาวไม่เป็นที่นิยมอย่างมาก เว็บไซต์ทั้งหมดเกี่ยวกับแนวคิดของ "ครึ่งหน้าบน" ซึ่งเป็นคำที่ตั้งชื่อตามเนื้อหาสำคัญที่ปรากฏเหนือส่วนพับของหนังสือพิมพ์

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

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

“เจ็ดวิธีในการสนับสนุนให้ผู้คนเลื่อนดูต่อไปมีเจ็ดวิธีดังต่อไปนี้

1. เริ่มเข้มแข็ง

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

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

วางเนื้อหาที่น่าสนใจที่สุดของคุณไว้ที่ด้านบนของหน้าและเสนอเหตุผลที่ดีให้พวกเขาอ่านต่อไป

กำลังมองหาวิธีที่ดีที่สุดในการออกแบบไซต์ของคุณสำหรับทั้งลูกค้าและเครื่องมือค้นหาของคุณหรือไม่? มองไม่เพิ่มเติม!

2. สร้างเนื้อหาที่น่าสนใจ

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

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

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

3. ตั้งเป้าหมายให้ชัดเจน

ใช้ก่อนหน้าจอหน้าเว็บเที่ยวบินพร้อมปุ่ม CTA ที่อ่านว่า "นักบิน" และ "ผู้จัดการการฝึกอบรม"
Use Before Flight ที่สร้างโดย Wholegrain Digital ใช้ปุ่ม CTA สองปุ่มที่ครึ่งหน้าบน

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

ซึ่งหมายความว่าคุณควรคำนึงถึงการรวมปุ่ม CTA ไว้ในตำแหน่งต่างๆ ในหน้า จำไว้ว่าไม่ใช่ทุกคนที่จะเลื่อนลงมาด้านล่าง

4. หลีกเลี่ยงก้นปลอม

ภาพหน้าจอของเว็บไซต์ผ้าใบเปล่า
Blank Canvas ที่สร้างโดย Wholegrain Digital ใช้การเลื่อนแบบพารัลแลกซ์เพื่อหลีกเลี่ยงผลกระทบด้านล่างที่ผิดพลาด

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

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

5. จัดทำแผนงานที่ชัดเจน

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

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

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

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

6. สร้างความสุขให้ผู้คนด้วยการโต้ตอบที่สร้างสรรค์

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

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

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

7. อย่าจี้การเลื่อน

ภาพหน้าจอของเว็บไซต์วิธีกุหลาบทอง
วิธีการ – Rose Gold ที่สร้างโดยโฮลเกรนดิจิตอลใช้เอฟเฟกต์การเลื่อนที่สนุกสนานโดยไม่ต้องปิดบังประสบการณ์

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

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


อะไรต่อไป?

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

คุณชอบใช้ไซต์ที่เลื่อนดูยาวๆ ไหม และคุณมีเคล็ดลับดีๆ ในการเพิ่มลงในรายการนี้หรือไม่? บอกฉันในความคิดเห็นด้านล่าง