การออกแบบหน้าเว็บข้อผิดพลาด 10 ที่ไม่น่าเชื่อและเหลือเชื่อ 404

บทความที่เขียนโดย:
  • การออกแบบเว็บไซต์
  • อัปเดต: พ.ย. 20, 2017

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

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

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

เหตุผลสำคัญในการสร้างหน้าข้อผิดพลาด 404 ที่กำหนดเอง

เพื่อยกระดับและรักษาความไว้วางใจ

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

เพื่อให้ผู้ใช้มีส่วนร่วม

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

การออกแบบเว็บไซต์ที่ดีขึ้น

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

รายชื่อ 10 นวัตกรรม 404 หน้าแสดงข้อผิดพลาดสำหรับแรงบันดาลใจของคุณ

Acodez

หน้าข้อผิดพลาด 404 ที่ Acodez.in - ตามตัวอักษรที่แสดงภาพประกอบ - มาสค็อตของ บริษัท - 'Acodie'

CSSChopper

CSSChopper

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

รถไฟฟ้าใต้ดิน

รถไฟฟ้าใต้ดิน

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

ลมแรงบันเทิง

พายุหิมะบันเทิง

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

ร้านค้า Casual Brand

สบาย ๆ ยี่ห้อ-Shop

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

วิทยาลัยอารมณ์ขัน

วิทยาลัยขำขัน

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

Agens

Agens

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

ฉันคือ Will Wilki

I-AM-Will-Wilki แล้ว

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

ผ้า Mod

Mod-ผ้า

“ Mod Cloth” เป็นเว็บไซต์ขายผ้าซึ่งใช้ภาพสุนัขน่ารักที่หน้า 404 เพื่อทำให้หน้านี้เป็นภาพที่มองเห็นได้ชัดเจน การจัดเรียงของลิงก์ & แถบเมนูนั้นโดดเด่นและใช้อย่างชาญฉลาดพร้อมภาพประกอบ ข้อมูลที่เกี่ยวข้องทั้งหมดสามารถดูได้ที่หน้าข้อผิดพลาดนี้โดยไม่ต้องยุ่งยาก นอกเหนือจากรูปภาพส่วนที่เหลือยังเหมือนกับโฮมเพจหมายถึงเมนู & ส่วนท้าย แน่นอนว่าเป็นหน้าเว็บที่ดึงดูดผู้เข้าชมและมีส่วนร่วม ฉันชอบวิธีการแสดงหน้า 404 ของ Mod Cloth

Audiko

Audiko

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

เกี่ยวกับ WHSR Guest

บทความนี้เขียนขึ้นโดยผู้สนับสนุนแขก มุมมองของผู้เขียนด้านล่างนี้เป็นของตนเองหรืออาจไม่สะท้อนมุมมองของ WHSR