แนวทางปฏิบัติที่ดีที่สุดสำหรับรูปภาพฮีโร่: 6 สิ่งที่ต้องพิจารณา

รูปภาพฮีโร่เป็นแบนเนอร์หลักบนเว็บไซต์ ซึ่งมักจะวางไว้อย่างเด่นชัด อยู่เหนือครึ่งหน้า - ด้านหน้าและตรงกลาง

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

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

1. ใช้รูปภาพที่เกี่ยวข้อง

ในขณะที่เราใช้เวลาออนไลน์มากขึ้นกว่าที่เคย ช่วงความสนใจของเราลดลงอย่างรวดเร็ว การศึกษาจากมหาวิทยาลัยเทคนิคแห่งเดนมาร์กสรุปว่าช่วงความสนใจโดยรวมของเราแคบลง (sciencedaily.com) แม้ว่าเวลาเฉลี่ยที่ใช้บนหน้าเว็บโดยเฉลี่ยในทุกอุตสาหกรรมคือ 62 วินาที แต่ผู้เยี่ยมชมมากกว่า 50% ใช้เวลาน้อยกว่า 15 วินาทีในหน้าเว็บ (time.com)

ภาพฮีโร่ของคุณต้องขยายคุณค่าของคุณ – สิ่งที่คุณพยายามจะสื่อสาร ถามตัวเองด้วยคำถามต่อไปนี้:

• คุณกำลังพยายามกระตุ้นอารมณ์อะไร
• รูปภาพของคุณเชื่อมต่อกับ USP / ESP อย่างไร
• รูปภาพสอดคล้องกับเนื้อหาของเว็บไซต์หรือไม่

เราได้รวบรวมตัวอย่างบางส่วนไว้ด้านล่างเพื่อแสดงวิธีที่ภาพฮีโร่สามารถทำเช่นนี้ได้

HubSpot: การใช้ภาพประกอบเป็นพื้นหลังของฮีโร่ HubSpot เป็นตัวอย่างทั้งด้านการเติบโตและที่ให้บริการแก่ทั้ง SMB และบริษัทระดับองค์กร

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

เกษตรกรออร์แกนิกริเวอร์ฟอร์ด: ตัวอย่างที่ดีของการใช้ประโยชน์จากภาพที่เกี่ยวข้องกับผลิตภัณฑ์ที่แท้จริงของผักออร์แกนิก ภาพมีความเกี่ยวข้องอย่างใกล้ชิดกับผลิตภัณฑ์และ USP

2. ความคมชัดคือกุญแจสำคัญ

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

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

3. ใช้รูปแบบที่เหมาะสม

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

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

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

เครื่องมือออนไลน์หลายอย่างสามารถช่วยคุณบีบอัดภาพได้:

• Tinyjpg.com: สูงสุด 20 ภาพ แต่ละภาพสูงสุด 5 MB
• Compressor.io: รองรับ jpg, png, gif, svg, webp สูงสุด 10 MB
• Imagify.io: ขนาดไฟล์อัปโหลดสูงสุด 2MB
• Shortpixel.com: สูงสุด 50 ไฟล์และสูงสุด 10MB

4. สร้างการเชื่อมต่อทางอารมณ์

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

เมื่อเราสังเกตการแสดงออกทางสีหน้าของอารมณ์ เรามักจะเลียนแบบมัน ตามรายงานที่ตีพิมพ์ในวารสาร Trends in Cognitive Sciences ไม่ใช่แค่รอยยิ้มหรือรอยยิ้มเท่านั้น แต่การแสดงออกทางสีหน้าทั้งหมดของเราเป็นโรคติดต่อ

อันที่จริง สมองประมวลผลภาพได้เร็วกว่าข้อความ 60,000 เท่า และ 90% ของข้อมูลที่ส่งไปยังสมองนั้นเป็นภาพ (t-sciences.com) เราเป็นสิ่งมีชีวิตที่มองเห็นได้ และด้วยการใช้สิ่งเร้าทางอารมณ์ ซึ่งรวมถึงใบหน้าทางอารมณ์และภาพที่ชวนให้นึกถึง เราสามารถกระตุ้นความรู้สึกและความสัมพันธ์เชิงบวก ไม่เพียงแต่ช่วยให้ผู้ชมของคุณถอดรหัสข้อความที่คุณต้องการได้เร็วและแม่นยำยิ่งขึ้น

5. เป็นของแท้และสมจริง

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

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

แบรนด์อย่าง Dove และต่อมา Target ประสบความสำเร็จในการใช้ 'คนจริงๆ' ในการโฆษณาของพวกเขาในปีที่ผ่านมา และด้วยเหตุผลที่ดี: มันคุ้มค่าที่จะเป็นของจริง

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

6. ทดสอบและเพิ่มประสิทธิภาพ

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

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

ในการทดสอบที่ดำเนินการโดย Crazyegg เวอร์ชันที่ชนะได้เพิ่มยอดขายโดยผู้ซื้อทั่วโลกถึง 29.7% ในอดีต ฉันเคยใช้เครื่องมือต่อไปนี้เพื่อทดสอบรูปแบบต่างๆ ของรูปภาพ:

• Google เพิ่มประสิทธิภาพ (ฟรี)
• เพิ่มประสิทธิภาพ
• ไข่บ้า

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