ความคิดของ UX เกี่ยวกับการใช้วิดีโอเป็นพื้นหลัง

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

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

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

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

พื้นหลังวิดีโอในหน้าแรกของ Smith

เหรียญสองด้าน

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

ข้อดีของพื้นหลังวิดีโอ

ดึงดูดสายตา:

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

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

Conveys Complex สินค้า/บริการ:

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

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

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

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

ช่วยเพิ่ม SEO:

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

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

พื้นหลังวิดีโอในหน้าแรกของ Standard Film

ข้อเสียของพื้นหลังวิดีโอ

เวลาในการโหลดช้าลง:

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

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

ไม่เหมาะกับมือถือ:

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

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

มีองค์ประกอบมากเกินไปในหน้า:

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

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

พื้นหลังวิดีโอในหน้าแรกของ Hurtigruten

พื้นหลังวิดีโอทำถูกต้อง

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

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

สอดคล้องกับแบรนด์ของคุณ:

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

ทำงานได้ดี:

การสร้างวิดีโอเป็นทรัพยากรด้วยตัวมันเอง มันก็จะเสียของได้ไม่ดีเอาซะเลย ต่อไปนี้คือบางสิ่งที่ต้องพิจารณา:

• คุณภาพสูง – โดยไม่คำนึงถึงความยาวหรือขนาดของวิดีโอ วิดีโอควรมีคุณภาพสูงเสมอ (เช่น ด้านเนื้อหา) ผู้เยี่ยมชมไซต์จะไม่มีทางเลือกอื่นนอกจากต้องดูวิดีโอของคุณเมื่อเชื่อมโยงไปถึงหน้าเว็บของคุณ ตรวจสอบให้แน่ใจว่ามันคุ้มค่าแก่การดู
• บีบอัด – วิดีโอที่บัฟเฟอร์แบ่งประสบการณ์สำหรับผู้เยี่ยมชม นอกจากนี้ยังทำให้รู้สึกว่าเว็บไซต์โหลดช้า ลองถ่ายวิดีโอความละเอียด 720p ด้วย 24 หรือ 25 เฟรมต่อวินาที ทดสอบบิตเรตของคุณระหว่าง 750k ถึง 1250k
• โอเวอร์เล ย์ – สิ่งนี้สามารถช่วยแก้ไขวิดีโอคุณภาพต่ำหรือวิดีโอคุณภาพสูงที่ใหญ่เกินกว่าจะสตรีมได้อย่างราบรื่น ภาพซ้อนทับสามารถช่วยอำพรางความไม่สมบูรณ์บางอย่างได้ โดยให้สีหรือลวดลายที่เหมาะสม วางตำแหน่ง div ไว้หลังวิดีโอของคุณโดยตรง คุณยังสามารถใช้ ::after pseudo-element ได้ด้วย ตรวจสอบให้แน่ใจว่าผู้ใช้ยังคงสามารถคลิกขวาที่วิดีโอเพื่อควบคุมได้

ทำหน้าที่เป็นพื้นหลังเท่านั้น:

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

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

สั้นพร้อมวงจำกัด:

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

จำกัดวิดีโอของคุณไว้ที่ 10 ถึง 15 วินาที สูงสุด 30-40 วินาที ขนาดที่เหมาะสมจะต่ำกว่า 6MB หากคุณไม่มีทรัพยากรในการถ่ายวิดีโอภายในองค์กร คุณสามารถค้นหาฟุตเทจออนไลน์ที่วนซ้ำได้อย่างราบรื่น

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

พิจารณาผู้ใช้มือถือ:

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

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