Have your own 404 error pages

19. September 2009

خطای 404 در وب‌سایت شما

چند وقت پیش، نیما در وبلاگ عصیان مسابقه ای تحت عنوان "طراحی صفحه خطای 404"  مطرح کرد که با استقبال کاربران مواجه شد و البته یک سری از سایتها و سرویس های اینترنتی فارسی هم با قبول حمایت مالی از این مسابقه به صورت تعیین جایزه برای برندگان، هیجان و رسمیت خوبی به این ایده دادند.
بعد از حدود یک ماه، برندگان این مسابقه توسط یک تیم داوری انتخاب شد و نیما هم طبق قراری که با حامیان داشت، به تفکیک جوایز برندگان رو مشخص کرد. وبلاگ جعبه ابزار هم در همین راستا به نفر اول و دوم بخش جانبی  مسابقه یعنی روزی و اسپایدرمرد، یک دامین هدیه خواهد داد که با این دوستان تماس خواهیم گرفت.
در رابطه با همین مسابقه و طراحی صفحه 404، یک سری نکته به ذهنم میرسه که بهشون اشاره میکنم:

صفحه 404 چیه؟
وقتی از سایت با وبلاگ شما، صفحه ای و یا فایلی درخواست میشه که در واقع اون مورد اصلا وجود نداره، از طرف سرور سایت شما، باید یک پیغام خطا به بازدید کننده فرستاده شه. این پیغام خطا، کد 404 هست که به مرورگر شما فرستاده میشه و اون هم صفحه پیش فرضی که براش تعریف شده به شما نشون میده. مثال زیر، صفحه پیش فرض خطای 404 در اینترنت اکسپلورر هست:


اما میشه این صفحه رو تغییر داد و اون چیزی که خود ما مد نظرمون هست به بازدیدکننده نشون داده بشه؛ برای این کار باید شروع به طراحی کرد و صفحه دلخواه خودمون رو بسازیم، تا به جای اینکه فقط یک کد به مرورگر ارسال شه، با روش های مختلف، به وب سرور خودمون بفهمونیم که اگه چیزی ازت خواستند و نداشتی، این صفحه ای که من میگم رو نشون بدی!

چرا طراحی 404 شخصی؟
برای حرفه ای‌ترشدن و دوستانه بودن سایت شما برای بازدید کننده ها بهتره که برای انواع خطاهایی که امکان داره داشته باشید، یک صفحه شخصی سازی شده هماهنگ با طراحی و قالب سایت خودتون به بازدید کنده نشون بدید. اینجوری کاربر بهتر میتونه در حالتی که خطایی در سایت شما رخ میده، با سایت شما تعامل داشته باشه. به هر حال نبودن یک صفحه در صورت درخواست هم یکی از همین خطاهاست.

تو این صفحه چی باید نوشت؟
مطالب صفحه 404 رابطه مستقیمی با نبوغ و نوآوری شما داره. یک طراحی جالب حتی اگر برای نشون دادن یک خطا باشه در سایت شما، میتونه باعث دلگرمی مخاطب بشه و اون به کارش با سایت شما ادامه بده و برعکس. اما این طراحی، جدا از نوآوری شما، مهمترین نکته ای که باید توش رعایت شه اینه بازدیدکننده سایت شما در صورت برخورد با صفحه 404 شما بدونه که چه اتفاقی افتاده. یعنی نوع خطا و علت اینکه الان کاربر، در این صفحه هست به اون گفته بشه وگرنه دچار سردرگمی میشه.
این صفحه رو تا حد ممکن ساده بسازید. همین که این صفحه متفاوت با ساختار اصلی سایت شما باشه، بازدیدکننده میتونه متوجه بشه که یک اتفاقی افتاده. اما سعی کنید به نوعی مرتبط با سایت شما باشه. مثلا سایت شما اگر در مورد گل و گیاه هست، در صفحه 404 خودتون از عکسهای تام و جری استفاده نکنید. یک طراحی ساده با همون عکسهای گل بسیار مفیدتر خواهد بود.
در صفحه 404 خودتون، بعد از اینکه به بازدیدکننده گفتید چه اتفاقی افتاده، از لینکهایی برای راهنمایی او به جاهای دیگر سایت غافل نشید. اگر در صفحه 404 شما هیچ لینکی حتی یک لینک ساده به صفحه اصلی داده نشه، کاربر مجبوره از دکمه back در مرورگر خودش استفاده کنه و این اصلا مورد پسند کاربران اینترنتی نیست.
اگر میخواهید 404 حرفه ای تری داشته باشید، میتونین از یک سرچ باکس استفاده کنید تا بازدیدکننده در صورتی که به این صفحه رسید، بتونه همونجا جستجوی خودش رو ادامه بده.
خیلی خوبه که لینکی به نقشه سایت شما هم در این صفحه باشه و اگر خیلی دیگه میخواهید حرفه‌ای باشید، به نسبت صفحه ای که کاربر به اشتباه به اون رسیده، در دیتابیس خودتون جستجو کنید و امکاناتی مرتبط رو بهش پیشنهاد بدید.

چجوری از 404 استفاده کنیم؟
فهموندن به سایت که صفحه 404 شما رو نشون بده، بستگی به سرور و یا سرویسی داره که ازش استفاده میکنید. بهتره از هر مدل سرور یا سرویس یا وبلاگی که استفاده میکنید به دستورالعمل های خودش رجوع کنید تا ببینید چجوری میتونین به کاربر، در صورت بروز مشکل، صفحه خطایی که خودتون ساختید رو نشون بدید.

آخرین نکته ای که به ذهنم میرسه اینه که صفحه شما حتما باید حجمش بیشتر از 512 بایت باشه وگرنه مرورگر شما ( IE 5 و IE 6 ) صفحه پیش فرض خودشو نشون خواهد داد.


* این مطالب از خودم میباشد! اگر در اون مورد اشتباهی میبینید، ممنون میشم که اعلام کنید و استفاده از این مطلب آزاد هست و اگر دوست دارید با انصاف باشید، منبع رو هم ذکر کنید.

دسته بندی موضوعی: Web - User Interface
برچسب ها: - -

Comments

9/21/2009 12:54:46 AM #

آقا ممنون دامین رسید Smile تا باشه از این مسابقات و جایزه‌ها... بازم ممنون

Pingbacks & Trackbacks

  1. pingback from: zabet.ir   (29 Sep 2009)

Add comment


(Will show your Gravatar icon)

biuquoteLTR
Loading



Clicky Web Analytics
Subscribe
Follow me