مجموعة من 10 لا يصدق تصميم صفحات 404 مضحك ومضحك

المادة التي كتبها:
  • تصميم الموقع
  • تحديث: Nov 20 و 2017

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

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

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

الأسباب الرئيسية لبناء صفحة خطأ 404 مخصصة

لتعزيز والحفاظ على الثقة

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

للحفاظ على انخراط المستخدمين

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

الحصول على تصميم موقع أفضل

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

قائمة 10 صفحات 404 للخطأ المبتكر لإلهامك

Acodez

صفحة خطأ 404 في Acodez.in - استنادًا إلى شخصية موضحة مخصصة - التميمة الشركة - "Acodie".

CSSChopper

CSSChopper

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

المترو

المترو

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

عاصفة ثلجية ترفيه

عاصفة ثلجية قوية الترفيه

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

عارضة العلامة التجارية للتسوق

عارضة، العلامة التجارية للتسوق

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

كلية فكاهة

كلية-فكاهة

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

AGENS

AGENS

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

أنا سوف ويلكي

I-ص-هل-Wilki

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

القماش وزارة الدفاع

وزارة الدفاع، القماش

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

Audiko

Audiko

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

حول WHSR ضيف

كتب هذا المقال مساهٍ ضيف. وجهات نظر المؤلف أدناه هي خاصة به ، وقد لا تعكس آراء WHSR.