5 عناصر أساسية لتصميم صفحة 404 Error ناجحة

ما هي الرسالة 404 ؟

هي رسالة غالبا ما نراها في حالة البحث عن موضوع ما وعدم إستطاعة الخادم “server” على إيجاد الصفحة المطلوبة. أو أن الخادم معدل على ألا يكمل الطلب.

morelchocolatier404page

ولكن هل هناك طريقة معينة يجب إستخدامها في صفحة 404 ؟ ، وما الغرض من ذلك؟

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

– وللأسف، فالعديد من المصممين يختارون الصفحة الإفتراضية لـ 404  عن جهل وإستخفاف بأنها جزء أساسي من تصميم الموقع..

image015

مع العلم انه يمكن استخدامها بشكل مذهل، فهي ليست مجرد صفحة عادية … إنها فرصة.

    وأن نختار ما نقوله بعناية.

  • إليك هنا 5 عناصر مهمة وواجبة لتصميم صفحة 404 ناجحة :
  1. الحرفية في كتابة رسالة الخطأ :

    – فبالطبع ، أهم جزء في صفحة 404 هي رسالة الخطأ. يجب أن تكون رسالة الخطأ مع إعتذار وبعض الإقتراحات المفيدة للمستخدم.
    نحاول أن نقدم تفسيراً لما حدث من خطأ، على سبيل المثال “إن الرابط الذي نقرته قد يكون خاطئاً” أو “أن المحتوى قد تم حذفه”.
    الرسالة مهمة جدا لدى المستخدم، لذا فإختيارها بعناية مهم للغاية.- بعض المستخدمين من الشخصيات الحساسة، وعندما لا يجدوا الأمور على ما يرام، فأنت بالتأكيد في مأزق كبير، واللوم يقع مباشرة على كتفك، وهذا ما يجعل للغتنا أهمية، فقد بدأت علاقته معنا بالتوتر، وليس علينا زيادة التوتر، نحن نريد الفوز به مرة اخرى، لذا يجب تجنب وضع أي لوم عليه، وأن نختار ما نقوله بعناية.The-Many-Faces-Of…-Page-not-found-copystarbucks

  2. مربع البحث :

    – لقد كان المستخدم يحاول العثور على شئ ما على موقعك، وتعلم جيداً انه لم يجده، فلنقل أنه على إستعداد ان يعطيك فرصة ثانية، هل ستغتنمها أم لا؟
    – حسناً .. تأكد من وجود صندوق “مربع” بحث، يعمل بشكل جيد.
    مربع البحث أمر لابد منه، فالزائر لم يجد ما يبحث عنه، أنت بحاجة لوضعه على الطريق الصحيح، لابد من إصلاح ما تم، من خلال وسيلة سهلة للبحث عن تلك الحلقة المفقودة.
    صدقوني .. هذا الصندوق الصغير يصنع العجائب في إعادة كسب ثقة المستخدم
    * هناك إستثناء وحيد لهذه القاعدة .. هو إذا كان الموقع صغير جدا، “صفحة واحدة” مثلا، فإن البحث سوف ينتج عددا ضئيلا من النتائج، في هذه الحالة إنتقل للنصيحة التالية.
    youcastr-impressive-404-pagesjamiehuskisson

  3. قائمـة التصنيفات Category List :

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

  4. قدم مواضيعك المميزة :

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

  5. الروابط الأساسية :

    – آخر عناصرنا .. ما نود التنويه عنه، هو إدراج بعض الروابط الرئيسية لصفحات مختلفة على موقعك، فوضع وصلات للصفحات الرئيسية لموقعك يمكن ان يكون إغراء مستخدم تائه على موقعك وإقناعه بالبقاء لفترة اطول، ليعرف من أنت وما تقوم به.
    – مع الوضع في الإعتبار أن إضافة رابط الموقع الرئيسي “Home Page” أو روابط التنقل الأخرى مثل ” About us – Posts – Archive ” وغيرها .. لن يكون فكرة سيئة على الإطلاق.
    ux-booth404-11

* أتمنى أن تكون مدركاً لقيمة تلك الصفحة، فمهمتنا كمصممين أن نقدم الأفضل لمن نصمم لهم 🙂 .

– مترجم + إجتهاد شخصي عن موقع www.webdesignerdepot.com
Five essential elements of a successful 404 error page

مقالات ذات صلة

7 تعليقات

  1. Moody Boles
    14 أكتوبر,2014 في 10:14 م - Reply

    موضوع مميز ورائع شكرا لمجهودك

    • Ahmed Zakareya
      15 أكتوبر,2014 في 12:18 ص - Reply

      شكرا لك 🙂

  2. سامر الاحمدي
    14 أكتوبر,2014 في 11:03 م - Reply

    يا رجل اللغة ركيكة ججدا جدا جدا جدا من ترجمة قوقل للموقع مباشرتا
    انصحكم بالكتابة بلغة مفهومة

    • Ahmed Zakareya
      15 أكتوبر,2014 في 12:20 ص - Reply

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

  3. Mustafa Ismail
    18 أكتوبر,2014 في 9:51 م - Reply

    موضوع مميز وايضا اعجبتني صفحة الخطأ الخاصة بموقعكم 🙂
    http://www.fwasl.com/4444

  4. best sleeper sofa
    19 أكتوبر,2014 في 2:08 م - Reply

    موضوع مميز وايضا اعجبتني صفحة الخطأ الخاصة بموقعكم 🙂
    http://www.fwasl.com/4444

  5. Soud Slim
    25 نوفمبر,2014 في 6:38 م - Reply

    فعلا العناصر ممتازة جدا ومهمة للغاية 🙂