7 เคล็ดลับการออกแบบเกี่ยวกับวิธีการเลือก ปรับเปลี่ยน และปรับปรุงภาพตัวเลื่อนของคุณ

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

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

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

1. เลือกรูปที่ใช่

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

2. ภาพถ่ายความละเอียดสูงเป็นสิ่งจำเป็น

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

3. ทำให้ภาพมืดหรือสว่างขึ้น

เคล็ดลับที่ดีในการทำให้ข้อความบนแถบเลื่อนของคุณมองเห็นได้ชัดเจนยิ่งขึ้นคือการทำให้รูปภาพมืดลง (หรือทำให้สว่างขึ้น) สามารถทำได้ใน Photoshop หรือโปรแกรมแก้ไขภาพอื่นๆ สำหรับบทช่วยสอนนี้ ฉันจะใช้แอปออกแบบฟรีที่ชื่อว่า Canva หลังจากที่คุณลงชื่อสมัครใช้ Canva ให้คลิก "สร้างการออกแบบ" ที่มุมซ้ายบน จากนั้นที่มุมบนขวา ให้คลิก "ใช้มิติข้อมูลที่กำหนดเอง" และป้อนมิติข้อมูลที่แนะนำโดยผู้พัฒนาธีมของคุณ หากไม่มีวิธีแก้ปัญหาที่แนะนำ ให้ไปที่ไซต์สาธิตของธีม WordPress และตรวจสอบรูปภาพ (หรือเปลี่ยนผู้ให้บริการธีม WordPress กับเรา )
คลิก "ออกแบบ!" และไปที่ "อัปโหลด" ในเมนูด้านซ้าย อัปโหลดภาพตัวเลื่อนของคุณแล้วลากและวางบนกระดาน ในเมนูด้านบน ให้คลิกที่ "ตัวกรอง" และลด "ความสว่าง" และ "ความคมชัด" ลง 10-20% หากสีของข้อความบนแถบเลื่อนของคุณเป็นสีขาว คุณต้องการทำให้รูปภาพของคุณเข้มขึ้นเล็กน้อยเพื่อปรับปรุงคอนทราสต์ หากคุณมีข้อความสีดำบนตัวเลื่อนของคุณ คุณต้องการทำตรงกันข้าม

ก้าวไปอีกขั้น เพิ่มสีสันให้กับภาพถ่ายของคุณด้วยสีสันของแบรนด์โดยเลื่อน "Tint" (ฮิว) ไปทางซ้ายหรือขวาเล็กน้อย

4. โอเวอร์เลย์สีกึ่งโปร่งใส

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

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

5. เพิ่มความโกลว์ภายในให้กับรูปภาพของคุณ

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

6. เลือกประเภทไฟล์ที่เหมาะสม

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

7. ความเร็วเพจสำคัญมาก

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

เคล็ดลับพิเศษ: ใช้ขนาดภาพตัวเลื่อนที่แนะนำ

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

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

หากคุณยังคงต้องการใช้รูปภาพที่ใหญ่กว่าที่แนะนำ อย่างน้อย โปรดคำนึงถึงกฎครึ่งหน้าบนที่ดีแบบเก่า

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

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

ข้อเสียของการใช้ Sliders บนเว็บไซต์ของคุณ

ก่อนอื่น มาดูข้อเสียที่สำคัญที่สุดของแถบเลื่อนกันก่อน

ปลั๊กอินตัวเลื่อนน้อยมากที่ตอบสนองต่ออุปกรณ์พกพาได้อย่างแท้จริง

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

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

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

ผู้เยี่ยมชมส่วนใหญ่จะไม่ติดผ่านสองสไลด์แรก

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

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

การควบคุมตัวเลื่อนสามารถพลาดได้ง่าย

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

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

ตัวเลื่อนอาจทำให้ไซต์ของคุณช้าลง

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

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

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

นอกจากนี้ยังควรกล่าวด้วยว่าเนื่องจากผลกระทบต่อเวลาในการโหลดเว็บไซต์ ตัวเลื่อนอาจส่งผลเสียต่อ SEO ของคุณ

ตามนุษย์ตอบสนองต่อการเคลื่อนไหว

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

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

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

ข้อดีของการใช้ Sliders บนเว็บไซต์ของคุณ

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

คุณสามารถแสดงเนื้อหาได้มากขึ้นโดยใช้พื้นที่น้อยลง

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

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

แถบเลื่อนทำให้ง่ายต่อการเพิ่มข้อความลงในรูปภาพโดยไม่ต้องใช้ Photoshop

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

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

แถบเลื่อนบังคับให้ผู้ใช้โต้ตอบกับเว็บไซต์ของคุณ

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

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

แถบเลื่อนเป็นวิธีที่ยอดเยี่ยมในการแบ่งปันงานของคุณ

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

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

คำตัดสิน: คุณควรใช้ Sliders หรือไม่?

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

การใช้ Slider เป็นทางเลือกที่ดีเมื่อใด

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

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

เมื่อคุณไม่ควรใช้ Sliders?

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

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

บทสรุป

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