20+ أمثلة رائعة من 404 صفحة

يمكن أن يؤدي الهبوط على "صفحة غير موجودة" إلى إثارة جنون الزائرين حقًا.

تتمثل إحدى أفضل الطرق لتحسين تجربة مستخدم الزائرين في الحفاظ على تحفيزهم ومشاركتهم في موقعك. يمكن القيام بذلك بتصميم جميل أو محتوى جذاب أو جرعة صحية من الفكاهة. صفحة خطأ إبداعية وذكية تقطع شوطًا طويلاً في تحويل عبوس الزائر إلى ابتسامة. يمكن أن يكون لها أيضًا تأثير إيجابي على مُحسّنات محرّكات البحث الخاصة بك لأنه من خلال توفير الروابط الداخلية والتنقل وحل مشكلة - حتى لو قمت ببساطة بتوفير رابط إلى صفحتك الرئيسية - فإنك تُبقي المستخدم راضيًا وضمن مسار مبيعاتك.

صفحة 404 ، والمعروفة أيضًا باسم "صفحة الخطأ" هي الصفحة التي يتم توجيه المستخدمين إليها إذا نقروا على رابط معطل أو محذوف على موقع الويب الخاص بك.

مع مرور الوقت ، يمكن إزالة الصفحات أو نقلها إلى عنوان URL جديد بدون إعادة توجيه دائمة. إذا حاول المستخدم الوصول إلى هذا الارتباط ، فسيتم إرساله إلى "صفحة 404" لإعلامه بأن الارتباط الذي يحاول الوصول إليه معطل.

عندما يحدث هذا ، من المهم ألا تفقد المستخدم تمامًا ، ولكن بدلاً من ذلك يجب أن تسعى جاهدًا لإبقائه متفاعلًا مع الموقع وتوجيهه بشكل مثالي إلى الرابط الصحيح. تكتسب بعض الشركات إبداعًا حقيقيًا عند تصميم صفحات 404 ، من خلال دمج الرسوم المتحركة والرسوم التوضيحية والعناصر التفاعلية.

كل هذا جيد ، ولكن ليس هناك شك في أن أكثر صفحات 404 فاعلية ولا تنسى هي الصفحات المضحكة. لهذا السبب قررت أن أجمع أطرف الأمثلة ل 404 صفحات على الويب.

تتميز الصفحات "غير الموجودة" الفكاهية بأنها لا تتطلب ميزانيات عالية ، لذا فهي مناسبة للعاملين لحسابهم الخاص والشركات الصغيرة ، وليس فقط للعلامات التجارية الكبيرة.

في هذا المنشور ، سوف نستكشف أكثر الأمثلة المضحكة لصفحات 404 ، ونحلل ما الذي يجعل كل منها يعمل. بمجرد فهمك للاستراتيجيات الكوميدية الأساسية التي تشاركها هذه الصفحات ، ستساعدك على إنشاء صفحة 404 الأصلية الخاصة بك.

فيما يلي 23 نموذجًا رائعًا من 404 صفحة تم إجراؤها بشكل جيد.

الصور المرئية شائعة في صفحات 404 ، لكن الاعتماد فقط على المحتوى يمكن أن يكون له نفس التأثير.

قدم Bluegg نوعًا من النعي لـ "الماعز" ، والتي تشير على ما يبدو إلى صفحة الخطأ الخاصة بهم. سترى العديد من النكات المتعلقة بالموت في 404 صفحة. يمكن أن يعمل نفس النوع من الكمامات مع صفحاتك إذا كنت من محبي الدعابة السوداء.

عنصر المفاجأة هو مفتاح تقديم 404 رواية بنجاح.

أضاف دريفت مقطع فيديو سيلفي منخفض الجودة لدي جي خالد ، ويبدو أنه فقد في البحر. لقد قلبوا الموقف رأساً على عقب من خلال إظهار أن الأمور يمكن أن تكون أسوأ بكثير - فقد يضيع الزائر في البحر مثل منسق الموسيقى.

يُعد عرض سيناريو مبالغ فيه يلقي بظلاله على الظروف الحالية للزائر طريقة رائعة لجعله يشعر بالتحسن.

قال ستيف جوبز ، "الإبداع هو مجرد ربط الأشياء". من الصعب ملاحظة ذلك ، لكن 9Gag أقامت علاقة إبداعية بين واحدة من أشهر الصور المتحركة ، وهي ترافولتا الخلط ، وصفحتهم 404. قد لا تكون النتيجة مضحكة بصوت عالٍ "هاها" ، لكنها مثال رئيسي على ربط أحد الأصول المرئية لعلامتك التجارية بـ "صفحة غير موجودة".

أنشأت Flywheel صفحة 404 مناسبة تمامًا لجمهورها المتطور الموجه نحو المصمم. إن تحويل الرقم "0" إلى ثقب أسود وإضافة "هذا سيء حقًا" يعد دورانًا رائعًا. إنه بسيط ويتجنب محاولة المزاح بصعوبة.

محتوى Slack 404 مباشر في صلب الموضوع ، لكنهم أضافوا رسمًا متحركًا للخلفية مصورًا بانوراميًا ، حسنًا ... غريب جدًا لدرجة أنه يعمل. أنت تهبط في عالم يشبه أحلام Xanadu مع حيوانات المزرعة التي تحوم. لا علاقة لصفحة مفقودة بخلاف حقيقة أنك إذا كنت هناك - فأنت بالتأكيد تضيع.

في هذا المثال ، نرى رسم كاريكاتوري لطيف للهامبرغر على الزلاجات يحمل علامة آسف. إنه دليل على أن الصورة تساوي ألف كلمة. يعد استخدام التوضيح طريقة رائعة لجعل صفحة 404 بارعة بدون كلمات.

يربط Woodger أيضًا بذكاء الزائر بمحفظة أعماله بالسطر "ربما كنت تبحث عن عملي التوضيحي ..."

على الرغم من أنه يبدو أنه يحتوي على بعض الأخطاء ويظهر HTML عارية ، إلا أن موقع Conan O'brien لا يفشل في التسلية ، باستخدام سلسلة من الصور المتحركة لتسليط الضوء على مأزق Andy و Conan.

كان كوميدي سنترال ذكيًا بما يكفي لعرض عدة شخصيات من عروضهم ولإسناد اقتباس متعلق بصفحة 404 لكل واحد. على سبيل المثال ، يظهر تريفور نوح من The Daily Show بوجه مرتبك واقتباس متعلق بجزء "Moment of Zen" من عرضه.

كان عليّ فقط عرض هذا المثال ، لأنها صفحة 404 لمتحف صغير لتاريخ الجنازة. أنا متأكد من أنه ليس لديهم ميزانية ضخمة لتصميم الويب ، ومع ذلك فقد تمكنوا من ابتكار صفحة 404 إبداعية بقبر مفتوح ، لإخبار الزائرين: "لقد ارتكبت خطأ فادحًا! الصفحة التي تبحث عنها قد اختفت في الآخرة.

HBO's 404 هي واحدة من المفضلة لدي. يوضح كيفية استخدام النكات الداخلية للحصول على ضحكة مكتومة. في هذه الحالة ، أضافوا صورة "كبح حماسك" خلف الأحرف 404 ، وأضافوا النص: "يبدو أن هذا الرابط جميل ، وجميل ، ومكسور جدًا." أي شخص شاهد العرض سيحصل عليه على الفور.

يوضح مثال New Yorker كيفية الحصول على أصل علامة تجارية مضحكة بالفعل تتعلق بالضياع ، وعرضها على صفحة 404. الكارتون مأخوذ من إصدار عام 2011 يعرض فأرًا يرتدي نظام تحديد المواقع العالمي (GPS) - الكارتون المثالي لاستخدامه في صفحة "لم يتم العثور على الصفحة".

إليك تصميم صفحة 404 آخر أصلي وغير متوقع. تحتوي Blizzard Entertainment على نافذة مكسورة ، وقائمة يبدو أنها سقطت ، واتهامًا: 'Grats (تهانينا). انت عطلتها.'

كان لدى عاصفة ثلجية قوية "الوقاحة" لقلب الموائد وإلقاء اللوم على الزائر. يمكنك الخروج منه لأنه الرد المعاكس تمامًا للنبرة الاعتذارية المتوقعة التي تقرأها عادةً في 404 صفحة. في الوقت نفسه ، من الصفة الإنسانية أن تتهم شخصًا آخر بخطئك. إنه مثل طفل صغير يقبض عليه أحد الوالدين بسبب سكبه الحليب ثم إلقاء اللوم على والده.

كما رأينا بالفعل ، فإن رسم روابط غير متوقعة بين الأشياء التي تبدو غير مرتبطة يتطلب البراعة والفكاهة. لن تربط عادةً موقع مواعدة بـ "صفحة غير موجودة". تقوم eharmony بهذا الأمر جيدًا من خلال تقديم رسالة مفادها أن "الصفحة غير متوفرة" ، على عكس مليون أغنية فردية أخرى.

تحتوي صفحة Distilled's 404 على محادثة بريطانية هزلية مليئة بعبارات مثل "old chap" و "blasted". يسمون 404 "رسالة الخطأ الرابعة والأربعمائة" ، وهو أمر مضحك بحد ذاته.

في حين أن اللهجات تمثل حاليًا قضية مثيرة للجدل في الكوميديا ​​(كما يشهد منشئو عائلة سمبسون) ، إلا أنها لا تزال مضحكة بشكل دموي. لحسن الحظ ، لا تزال اللكنة الإنجليزية الفاخرة هدفًا مثيرًا للضحك مقبولاً.

المقطر هم أنفسهم بريطانيون ، مما يجعل الصفحة بأكملها أكثر سخافة. لقد ذكرني بالرسم التخطيطي لأربعة يوركشاير من قبل مونتي بايثون ، والذي لطالما أصابني بالصدمة.

تعد صفحة الخطأ هذه واحدة من أطرف الصفحات ، وذلك على وجه التحديد لأنها شخصية للغاية. يتطلب الأمر أيضًا الهبوط على "صفحة غير موجودة" إلى أقصى الحدود من خلال إظهار المذنبين الأربعة المحتملين من فريق التطوير ومنحك الفرصة لاختيار الصفحة التي سيتم فصلها من العمل بسبب هذا "الفشل غير المقبول". إنه خارج الحائط ، إنه يثبت أن هذه الشركة لديها روح الدعابة ويمكنها أن تسخر من نفسها.

يقدم IMDB صفحة خطأ تبدو بسيطة ولكنها مدروسة جيدًا تتكيف مع اقتباسات الأفلام الشهيرة مع رسائل الخطأ. لمحبي الأفلام الذين يترددون على IMDB ، فإنه يوفر تجربة ممتعة ويحثهم على تحديث الصفحة لقراءة المزيد من الاقتباسات.

على الرغم من أن هذه ليست صفحة 404 الأكثر إقناعًا ، إلا أنها تحصل على نقاط لتقديم تجربة إبداعية وتفاعلية ذات طبيعة مرئية أيضًا.

يعد استخدام المخططات في الواقع فكرة جيدة لهذه الصفحات. سواء كانت مخططات انسيابية أو مخططات ven-charts أو أي مخطط آخر يمكنك التفكير فيه. إنها تعمل لأنها طريقة مختلفة تمامًا لعرض الصفحة غير المتاحة. أتساءل عما إذا كان الرسم البياني الدائري سيعمل أيضًا.

جمهور Github هم من المطورين العبقريين. مشهدهم المستوحى من حرب النجوم والذي يظهر تعويذة Octocat والاقتباس "هذه ليست صفحة الويب التي تبحث عنها" هو رسالة متطابقة لجمهورهم. لاحظ أيضًا كيف أنه من خلال وضع شريط البحث في المنتصف ، فإنها توفر حلاً ممتازًا للتنقل من هذه الصفحة.

تمكنت CSS Tricks من مفاجأة الزوار باستخدام بساطتها المطلقة. لا يوجد نص ، ولا رسائل ، فقط صفحة فارغة بها نسخة مع الكشف عن كود CSS في الخلفية. إنهم ينجحون في توصيل رسالة بدون كلمات ، وهو أمر صعب للقيام به. إنه مشابه لماذا لا تزال الأفلام الصامتة تجعلنا نضحك اليوم لأنها تعتمد على الفكاهة غير اللفظية.

تحتوي هذه الصفحة على جميع عناصر صفحة 404 مسلية. صورة عملاقة لجورب ممزق مع ابتسامة مرسومة على إصبع القدم ، في إشارة إلى كل الجوارب المفردة التي يفقدها الناس في الغسيل. على الرغم من أنه لا علاقة له بالموقع الفعلي ، إلا أنه سخيف للغاية ولهذا السبب يعمل.

تُعرف Taco Bell بأنها علامة تجارية تعرف كيف تكسر نكتة على وسائل التواصل الاجتماعي. تضحك صفحتهم 404 أيضًا ، من خلال رسوم التاكو المتحركة والنص السخيف: "الصفحة التي كنت تبحث عنها غير موجودة (إلا إذا كنت تبحث عن صفحة بها رسم متحرك لكسر تاكو وسكب الفاصوليا حرفيًا. إذا كان هذا هو إنها موجودة بالتأكيد ، وقد وجدتها بالتأكيد.)

أخيرًا وليس آخرًا ، تم إنشاء هذه الصفحة 404 المرحة بدون ميزانية أو تأثيرات خاصة تقريبًا. كما لو أن الهبوط على رابط معطل ليس أمرًا محرجًا بدرجة كافية ، ينتقل ستيف لامبرت إلى المستوى التالي من خلال تقديم "أكثر الصفحات محرجًا 404 لم يتم العثور عليها على الإنترنت". وتعرض الصفحة مقطع فيديو لامبرت وهو يغمغم الزائر بغرابة. ذكرني الفيديو باللحظات المحرجة في وادي السيليكون.

على الرغم من أنه ليس في فئة "مضحك" ، يمكنك شراء قالب SHOCK وتعيينه لصفحة 404 الخاصة بك.

SHOCK هو الحد الأدنى من الصفحة قريبًا ، والتي تحتوي على 6 أنماط خلفية لأي أذواق.

لقد رأينا مجموعة متنوعة من صفحات 404 المضحكة. أن تكون مرحًا ليس بالمهمة السهلة ، وحتى أفضل العلامات التجارية ذات الميزانيات الأعلى تفشل أحيانًا في ذلك. آمل أن تلهمك هذه الأمثلة لإنشاء صفحات الخطأ الخاصة بك التي ستجعل زوارك ينفجرون في الضحك.

إذا كنت ترغب في إنشاء صفحة 404 خاصة بك ، فتأكد من مراجعة ميزة تصميم صفحة 404 السريعة الخاصة بـ Elementor .