การออกแบบส่วนหัว: การคิดนอกกรอบ

มีมากกว่า 1.2 พันล้านเว็บไซต์ทั่วโลกตามการสำรวจ Netcraft มกราคม 2020 เว็บเซิร์ฟเวอร์ เป็นผลให้มีความอุดมสมบูรณ์แบบดิจิทัล – ผู้บริโภคที่ค้นหาผลิตภัณฑ์หรือบริการที่เฉพาะเจาะจงมักจะมีหลายร้อย (หรือหลายพัน) เว็บไซต์ให้เลือก

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

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

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

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

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

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

องค์ประกอบส่วนหัวของเว็บไซต์
ระลึกถึงองค์ประกอบต่อไปนี้ของหัวในขณะที่สร้างของคุณ

การสร้างแบรนด์: รวมโลโก้และ / หรือภาพการสร้างแบรนด์ไว้ในส่วนหัวเพื่อให้ผู้เข้าชมสามารถระบุธุรกิจและการเชื่อมโยงของแบบฟอร์มได้อย่างรวดเร็ว

คำกระตุ้นการตัดสินใจ (CTA): ส่วนหัวบางส่วนมี CTA สั้น ๆ เช่นการสมัครจดหมายข่าวหรือทดลองใช้ฟรี ที่สำคัญ? ตรวจสอบให้แน่ใจว่า CTA เหล่านี้มีขนาดเล็กเรียบง่ายและตรงประเด็น

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

เครื่องมือการนำทาง: รวมลิงก์การนำทางไปยังหน้าเว็บไซต์อื่น ๆ หากเหมาะสม – อาจเป็นลิงก์ไปยังหน้าผลิตภัณฑ์รายการขายหรือหน้าลงทะเบียน

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

แนวทางปฏิบัติที่ดีที่สุดของส่วนหัว
เพื่อให้แน่ใจว่าส่วนหัวของคุณมีผลกระทบให้ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดในการออกแบบส่วนหัว

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

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

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *