เว็บไซต์ธุรกิจกับวิวทิวทัศน์ที่สวยงามนั้นเหมือนกัน เพราะเวลาที่เรากำลังมองและชื่นชมมันนั้น เรามักจะต้องกวาดสายตาขึ้นลง และซ้ายขวา เพื่อที่จะได้ดื่มด่ำความสวยงามของภาพนั้น ๆ ไว้ได้ทั้งหมด เหมือนกับที่เราจะต้องเลื่อนขึ้นลง และเลื่อนหน้าจอไปด้านซ้ายและขวาเพื่อที่จะได้เห็นเว็บไซต์ทั้งหมดและเนื้อหาทั้งหมดบนเว็บไซต์
ดีไซน์ของเว็บไซต์นั้นมีส่วนสำคัญที่ทำให้ผู้ชมเว็บไซต์คิดว่าพวกเขาได้มาถึงจุดสิ้นสุดของหน้าเว็บแล้ว และทำให้พวกเขาไม่ได้เห็นเนื้อหาทั้งหมดของเว็บไซต์ที่ซ่อนอยู่ข้างล่าง เพราะเหตุผลนี้เองที่ทำให้นักออกแบบเว็บไซต์หรือเว็บดีไซน์เนอร์เป็นคนที่สำคัญมาก ๆ เพราะการออกแบบเว็บไซต์ของพวกเขาสามารถนำสายตาและทำให้ผู้เยี่ยมชมเว็บไซต์ไปยังถึงเนื้อหาข้อมูลที่มีประโยชน์ได้โดยการทำสัญญาณหรือชี้นำวให้เห็นว่ามีเนื้อหาอยู่ด้านล่างหรือด้านข้างของเว็บไซต์
หากคุณกำลังประสบปัญหาการที่ผู้คนออกจากเว็บไซต์ก่อนที่จะเลื่อนลงไปถึงเนื้อหาล่ะก็ ติดต่อเราเพื่อให้นักออกแบบเว็บไซต์มืออาชีพช่วยคุณแก้ปัญหานั้น และสร้างเว็บไซต์ที่ทำงานได้ยอดเยี่ยมได้เลย
ภาพลวงตาของความสมบูรณ์เว็บไซต์ธุรกิจคืออะไร (THE ILLUSION OF COMPLETENESS)
มีอยู่สามคำที่เรามักใช้เรียกเอฟเฟคนี้ ได้แก่ the illusion of completeness (ภาพลวงตาของความสมบูรณ์), the false bottom (ด้านล่างปลอม), และ the logical end (จุดจบที่สมเหตุสมผล). ทั้งสามชื่อนั้นหมายถึงจุดที่ผู้ที่เข้ามาชมเว็บไซต์เข้าใจว่าเป็นจุดสิ้นสุดของหน้าเว็บแม้ว่ามันจะมีเนื้อหาอยู่ด้านล่างหรือด้านข้างอีกที่มองไม่เห็นบนหน้าจอ
เรามักใช้คำเรียกเหล่านี้เรียกการออกแบบที่ล้มเหลวในการพาผู้ชมไปยังเนื้อหาเพิ่มเติมที่อยู่นอกพื้นที่ที่มองเห็นอยู่ ปัญหานี้ถือเป็นปัญหาใหญ่สำหรับเว็บไซต์ธุรกิจเลยทีเดียว แถมยังมีเว็บไซต์มากมายเลยที่ไม่รู้ตัวว่ากำลังประสบกับปัญหานี้
สิ่งที่มักทำให้เกิดภาพลวงตาของความสมบูรณ์ในเว็บไซต์ธุรกิจ
1.รูปภาพหรือวิดีโอใหญ่ ๆ
การใช้รูปภาพหรือวิดีโออันใหญ่มาใช้ดึงดูดสายตาบนเว็บไซต์เป็นเทรนด์การออกแบบที่กำลังมาแรงมากทีเดียว แต่หากมีแค่รูปหรือวิดีโอแล้วไม่มี Call-to-Action ที่บ่งบอกว่ามีเนื้อหาต่อล่ะก็ คนก็จะไม่รู้ว่านอกจากรุปหรือวิดีโอแล้ว ยังมีหน้าต่อไปให้ศึกษาอีกนั่นเอง เพราะฉะนั้นการใช้ Call-to-Action อย่าง Get Started หรือ Next จึงสำคัญมาก
2. เส้นกั้นแนวนอนที่ชัดเจน
แค่เส้นหนึ่งเส้นก็มีผลต่อเว็บไซต์ธุรกิจของคุณ เมื่อคุณใส่เส้นแนวนอนมาแบ่งส่วนต่าง ๆ บนหน้าเว็บ มันทำให้ผู้คนคิดว่านี่คือเส้นสิ้นสุดของเว็บ และเสี่ยงมากที่จะทำให้พวกเขาไม่เลื่อนลงต่อไป และไม่ได้อ่านเนื้อหาอื่น ๆ ต่อ
3. พื้นที่ว่างกว้าง ๆ
พื้นที่ว่างเป็นองค์ประกอบสำคัญของเว็บไซต์ แต่การที่มีพื้นที่ว่างมากเกินไปก็อาจเป็นผลร้ายต่อเว็บไซต์ของคุณได้เหมือนกัน
การออกแบบสไตล์มินิมอลเป็นเทรนด์ที่มาแรงมากในช่วงที่ผ่านมา เพราะมันช่วยไฮไลต์เนื้อหาสำคัญ ๆ ได้เพราะไม่มีองค์ประกอบอื่นมารบกวน แต่การมีพื้นที่ว่างมากไปจะทำให้เกิดการเข้าใจผิดว่าได้มาถึงจุดสิ้นสุดของเว็บไซต์แล้วนั่นเอง ผู้ชมต้องการสัญญาณบอกว่ายังมีเนื้อหาอีกด้านล่าง
4. ลูกศรกลับไปด้านบน
ลูกศรกลับไปด้านบนนั้นมีประโยชน์และช่วยผู้ใช้เว็บไซต์ได้มากทีเดียว แต่มันก็เป็นสัญญาณที่ทำให้คิดว่าเนื้อหาในหน้านั้น ๆ หมดแล้วได้ มันจึงสำคัญมากที่จะทำให้ลูกศรนี้ปรากฎออกมาในเวลาที่เหมาะสม
5. คอนเทนต์ไม่ลื่นไหล
การใส่โฆษณาหรือโปรโมชั่นต่าง ๆ ไว้แทรกกลางเนื้อหาสองส่วนรวมถึงการนำปุ่มแชรืไปสู่โซเชียลมีเดียมาใส่ไว้ระหว่างย่อหน้าของเนื้อหาด้วย เพราะมันทำให้ผู้ชมคิดว่าเนื้อหาที่ผ่านมาคือสิ่งสุดท้ายบนหน้านี้แล้วนั่นเอง นอกจากนั้นแล้วมันยังเป็นการดึงความสนใจของผู้อ่านไปจากเนื้อหาอีกด้วย
วิธีหลีกเลี่ยงการการภาพลวงตาของความสมบูรณ์บนเว็บไซต์ธุรกิจ
1. ข้อความสำคัญมาก่อนเสมอ
ผู้เข้าชมเว็บไซต์ใช้เวลาส่วนมากบนเว็บไซต์กับเนื้อหาบน 2 หน้าจอแรกของเว็บไซต์เท่านั้น จากข้อมูลนี้เอง ทำให้เว็บไซต์ของคุณควรที่จะนำเนื้อหาสำคัญที่คุณต้องการให้ผู้คนได้เห็นไว้บนส่วนบนของเว็บไซต์
2. เล็กหน่อยจะดีกว่า
การใช้องค์ประกอบอย่างรูป วิดีโอ หรือ แบนเนอร์ที่มีขนาดใหญ่นั้นอาจทำให้ผู้คนนึกว่านั่นเป็นจุดสุดท้ายของหน้าเว็บได้ เพราะฉะนั้น การทำให้องค์ประกอบเหล่านี้เล็กลงหน่อยและทำให้องค์ในส่วนต่อไปของหน้าเว็บโผล่ออกมานิดหน่อยจะช่วยได้มากทีเดียว
3. ใช้เส้นและพื้นที่ว่างอย่างระมัดระวัง
อย่างที่กล่าวไว้ว่าเส้นแนวนอนและพื้นที่ว่างทำให้คนเข้าใจผิดได้ว่าเนื้อหาในหน้าเว็บได้จบลงแล้ว เพราะฉะนั้นจึงควรออกแบบให้ดี ไม่ใช้พื้นที่ว่างที่ยาวเกินไป และเปลี่ยนจากเส้นยาวที่กั้นเนื้อหาเป็นองค์ประกอบอื่น
4. ระวังเนื้อหาที่มาขัดจังหวะผู้อ่าน
โปรดระวังการขัดความลื่นไหลในการอ่านของผู้ใช้เว็บด้วยการนำเนื้อหาที่ไม่เกี่ยวข้องอย่างโฆษณาหรือปุ่มต่าง ๆ มาขัดจังหวะการอ่านเนื้อหาของคุณ เพราะจะทำให้ผู้อ่านคิดว่าเนื้อหาจบลงแล้ว และออกจากหน้าเว็บไปโดยที่ไม่ได้อ่านเนื้อหาทั้งหมดของคุณ
5. ใช้ตัวชี้นำบอกทิศทางไปหน้าต่อไป
การซ่อนสัญญาณนำทางต่าง ๆ ไว้ หรือการใช้คำบอกทางที่ชัดเจนอาจจะยังไม่พอให้ผู้ใช้เว็บนั้นสังเกตุเห็นได้ แต่การใช้ลูกศรที่มองเห็นได้ง่าย การใช้ตัวเลขบอกจำนวนหน้า หรือการใช้ลิสต์ของหัวข้อหลักมาใช้จะชัดเจนกว่าในการบอกว่ายังมีเนื้อหาอยู่ต่อจากหน้านี้
6. สร้างจังหวะและแพทเทิร์นให้เนื้อหา
การสร้างจังหวะและแพทเทิร์นของเนื้อหานั้นไม่ยากเลย เพียงแค่ทำให้รูปแบบของหัวข้อและตัวเนื้อหาเหมือนกันในทุก ๆ หัวข้อนั่นเอง หรืออีกวิธีหนึ่งที่ทำได้ก็คือ การใช้รูปแบบซ้ำ ๆ กัน แต่แบ่งส่วนด้วนสีพื้นหลังข้อความ การเรียงลำดับด้วยตัวเลข รวมถึงการจัดวางรูปภาพด้วย
การสร้างเว็บไซต์ที่เข้ากับธุรกิจของคุณใช้เวลาและต้องไม่ย่อท้อ ข้อผิดพลาดเพียงเล็กน้อยก็ส่งผลเสียได้มากมายทีเดียวกับภาพลักษณ์ของแบรนด์และเว็บไซต์ และข้อผิดพลาดของภาพลวงตาของความสมบูรณ์ก็เป็นอะไรที่เกิดขึ้นโดยไม่มีสัญญาณเตือนได้ด้วย เพราะฉะนั้นหากคุณต้องการที่จะหลีกเลี่ยงข้อผิดพลาดเหล่านี้ ให้บริษัทออกแบบเว็บไซต์ของเราช่วยคุณได้ทันที
ที่มาข้อมูล: https://www.nngroup.com/articles/illusion-of-completeness/
https://conversionxl.com/blog/false-bottom/
คำถามที่พบบ่อยเกี่ยวกับ Illusion of Completeness
Illusion of Completeness คืออะไร?
Illusion of Completeness คือ UX Pattern ที่ทำให้ผู้ใช้คิดว่าเห็นเนื้อหาครบแล้วทั้งที่ยังมีอีก เช่น มีเส้นแบ่งชัดเจนระหว่าง Section ทำให้ผู้ใช้ไม่ Scroll ลงไปอ่านเนื้อหาด้านล่าง
Illusion of Completeness ทำลาย Conversion อย่างไร?
1. ผู้ใช้ออกจากเว็บก่อนเห็น CTA 2. Lead Generation Form ถูกซ่อน 3. Trust Signal ด้านล่างไม่ได้รับการเห็น 4. Reduce Scroll Depth 30-50% 5. Bounce Rate สูงขึ้น 6. Conversion Rate ลดลง 20-40%
วิธีหลีกเลี่ยง Illusion of Completeness?
1. ใช้ Visual Cue บอกว่ามีเนื้อหาด้านล่าง 2. ปรับ Section Boundary ให้กลืนๆ 3. ใช้ Half-shown Element ที่ Edge หน้าจอ 4. Animated Scroll Indicator 5. Test กับ Heatmap Tool 6. Remove Heavy Section Dividers
Tools ตรวจ Scroll Behavior?
1. Hotjar Heatmap ดู Scroll Depth 2. Microsoft Clarity ฟรี 3. Crazy Egg 4. FullStory User Recording 5. Mouseflow 6. Google Analytics 4 Engagement Metric ฟรีดีที่สุดคือ Microsoft Clarity
