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

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


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

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

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

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

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

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

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

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

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

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

أكوديز

صفحة الخطأ 404 في Acodez.in – استنادًا إلى شخصية مصورة مخصصة – تعويذة الشركة – “Acodie”.

CSSChopper

CSSChopper

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

مترو

مترو

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

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

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

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

متجر ماركة عارضة

متجر غير رسمي للعلامة التجارية

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

فكاهة الكلية

كلية الفكاهة

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

Agens

Agens

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

أنا ويل ويلكي

I-am-Will-Wilki

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

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

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

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

أوديكو

أوديكو

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map