แถบด้านข้างกำลังจะสูญพันธุ์หรือไม่?

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

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

แถบด้านข้างกำลังจะสูญพันธุ์หรือไม่?

มาดูกันว่าทำไมแถบด้านข้างถึงสูญเสียความนิยมในบางแวดวงในขณะที่ยังมีชีวิตอยู่และเตะคนอื่น!

การสร้างเว็บไซต์และการเลือกเค้าโครง

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

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

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

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

แล้วคุณจะรู้ได้อย่างไรว่าไซต์ของคุณต้องการแถบด้านข้าง (หรือสองแถบ)

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

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

• ตัวเลือกการสมัครสมาชิก
• กระทู้ที่เกี่ยวข้อง
• การเลือกใช้
• ประวัติผู้แต่ง
• โฆษณา

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

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

วิวัฒนาการจากสามคอลัมน์เป็นสองแถบด้านข้างและกลับมาอีกครั้ง

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

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

ลองดูที่เว็บไซต์สำหรับ Grain Edit พวกเขามีเลย์เอาต์สามคอลัมน์ที่เป็นเลย์เอาต์สองแถบด้านข้าง แต่ก็ทำได้ดี เนื้อหาหลักอยู่ทางซ้าย และแถบด้านข้างทั้งสองอยู่ทางขวา แถบด้านข้างเหล่านี้ไม่เปลี่ยนแปลงทั่วทั้งไซต์ เฉพาะเนื้อหาทางด้านซ้ายเท่านั้นที่เปลี่ยนแปลง

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

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

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

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

เค้าโครงบล็อกแบบคลาสสิกยังคงครองราชย์สูงสุด แต่ในระดับใด

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

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

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

“ไม่มีการเคลื่อนไหวในแถบด้านข้าง” และวิธีหลีกเลี่ยง

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

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

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

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

แถบด้านข้าง การแปลง และการทดสอบ A/B

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

Neil Patel จาก Crazy Egg เป็นเชียร์ลีดเดอร์สำหรับแถบด้านข้าง แต่ใช้เฉพาะใน Neil Patel Blog ของเขาเองเท่านั้น บล็อก Crazy Egg ไม่มี เขาอาจทำการทดสอบ A/B อย่างต่อเนื่องบนแถบด้านข้างของเขา

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

บทสรุป

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

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