5 نکته مهم در طراحی صفحات 404 کاربردی

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

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

بنابراین تنها راهی که شما میتوانید مخاطبان خود را از این بابت دلگرم کنید این است که آنها را به صفحاتی مناسب از سایت خود هدایت کنید. البته هرچه این امر خلاقانه تر اتفاق بیفتد احتمال بازگشت کاربر به سایت شما بیشتر خواهد بود.

در این مقاله به شما چند تکنیک طراحی صفحات 404 را آموزش می دهیم که با رعایت آنها می توانید صفحاتی خلاقانه و کاربردی را طراحی کنید.

1. مسئله پیش آمده را به کاربر توضیح دهید.

به وضوح خطای رخ داده شده را برای کاربران شرح دهید. آنها حق دارند که بدانند به چه دلیلی با این صفحه مواجه شده اند. توصیه می کنیم این صفحه را تنها با نمایش کلمه 404 به اتمام نرسانید و حتما پیامی را به کاربران منتقل کنید.

به عنوان مثال می توانید از متن زیر الگو بگیرید:

“متاسفانه صفحه مورد نظر شما به یکی از دلایل زیر یافت نشد!

• ممکن است  صفحه مورد نظر شما پاک شده باشد.
• ممکن است صفحه مورد نظر به آدرس دیگری منتقل شده باشد.
• ممکن است آدرس وارد شده هرگز وجود نداشته باشد.”

همانطور که در نمونه بالا مشاهده می کنید، تمامی دلایلی که می تواند باعث نمایش صفحه 404 شده باشد به کاربر اعلام شده است.

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

• به زبان ساده با مخاطبان ارتباط بگیرید.

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

رایج ترین لینکی که می توانید در صفحات 404 قرار دهید، لینک “بازگشت به صفحه نخست” سایت شماست.

• ابزارهای مناسب را برای بهبود وضعیت فراهم کنید.

شما می توانید با بکارگیری یک گرافیک حرفه ای، این صفحه را برای کاربران خود جذاب کنید و در نهایت آن ها را برای بازگشت به سایت ترغیب کنید. برای جلوگیری از خروج کاربران می توانید از ابزارهایی همچون موارد زیر استفاده کنید:

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

• هماهنگی با سایر صفحات را حفظ کنید.

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

• لینک های از دست رفته را بهبود بدهید.

بهترین راه برای اینکه کاربران را از صفحات 404 دور نگه دارید این است که دائما لینک های موجود در سایت را بررسی کنید و آنها را بهبود دهید.

ایده آل ترین زمان برای بررسی لینک ها حداقل یک بار در ماه است. سعی کنید ماهانه زمانی را برای بررسی لینک تصاویر، ویدئوها، پیوند ها، مقالات و غیره پیش بینی کنید. این کار باعث می شود بازدید کنندگان شما به تعداد دفعات کمتری با صفحات 404 روبرو شوند.

هیچ کس دوست ندارد با صفحات 404 روبرو شود اما به هر حال اتفاق میفتد.

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

آیا شما توانسته اید با رعایت تکنیک های فوق صفحات 404 منحصر بفردی را طراحی کنید ؟

در پایین این مطلب می توانید سوالات و پیشنهادات خود را در این رابطه با دیگران به اشتراک بگذارید.

منبع انگلیسی :

How To Design a 404 Page That Keeps Visitors On Your Site

چگونه رنگ مناسب را برای برند خود انتخاب کنیم؟

همانطور که می دانید انتخاب رنگ بندی مناسب برای هر برند یا کسب و کاری یک امر بسیار ضروری است.

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

پینترست را بررسی کنید!

پینترست (Pinterest) یک منبع فوق العاده برای دریافت ایده های مختلف می باشد. همانطور که در میان مطالب کاربران در سایت پینترست پیمایش می کنید سعی کنید به رنگ بندی های استفاده شده در طراحی ها دقت کنید. بهترین راهکار برای گرفتن ایده و انتخاب رنگ مناسب این است که در پینترست، مخاطبان خود را شناسایی کنید و از رنگ هایی که آن ها در محتوای خود استفاده کرده اند الهام بگیرید.

نکته قابل توجه اینکه سعی کنید از انتخاب رنگ های رقبای خود یا حتی رنگ های نزدیک به آنها جدا خودداری کنید. پیشنهاد می دهیم هنگام این کار تمایلات و سلایق خود را نیز در نظر بگیرید. به عنوان مثال شما رنگ های تیره یا شاد را می پسندید ؟

جستجو در مطالب سایت پینترست می تواند تا حد زیادی در انتخاب رنگ به شما کمک کند.

از ابزار انتخابگر رنگ استفاده کنید

بعد از اینکه توانستید در میان طرح های دیگران ایده های جذاب و الهام بخشی بگیرید، شما به ابزاری نیاز دارید تا کد رنگ های منتخب خود را بدست آورید. برای این کار می توانید از ابزاری همچون Adobe Color CC استفاده کنید. با استفاده از این ابزار شما می توانید کد رنگ قسمت های مورد نظر خود را در تصاویر بردارید و یک مجموعه رنگ ایجاد کنید. از انتخاب رنگ های متنوع نترسید. سعی کنید تا حدی با رنگ های مختلف بازی کنید تا در نهایت به یک مجموعه رنگ مناسب برای برند و زمینه فعالیت خود دست پیدا کنید.

با روانشناسی رنگ ها آشنا شوید

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

شما چه چیزی دوست دارید ؟

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

در قسمت نظرات بگویید زمینه فعالیت شما چیست و شخصا به چه رنگ هایی علاقه دارید ؟

ما به شما در انتخاب رنگ مناسب کمک میکنیم.

هفت نکته اصولی در طراحی سایت های سبک یا…

“مینیمالیسم” همیشه یکی از موارد مهم در طراحی هر چیزی از جمله طراحی داخلی، طراحی لباس و همچنین وب سایت ها بوده است. حتما تابحال در هنگام سرچ موضوعی در اینترنت با سایت های مختلفی با طراحی و محتوای مختلف و رنگارنگ برخورد کرده اید. این دقیقا همان چیزی است که یک طراح سایت باید هنگام طراحی، در ذهن خود داشته باشد.

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

شما نمی توانید با مشاهده و کپی از ایده های دیگران به یک شخص حرفه ای تبدیل شوید. اما در این مقاله ما با ارائه چند نکته مهم و کاربردی در طراحی سایت های پاک یا اصطلاحا Clean شما را در طراحی سایت های زیبا و اصولی راهنمایی می کنیم. البته این را در نظر داشته باشید که در نهایت این محتوای سایت شما است که به آن جان بخشیده و سایت شما را  زنده نگه می دارد.

1. سعی کنید از اصل “هرچه کمتر، بهتر” استفاده کنید

رعایت این اصل در طراحی Clean، بسیار ضروریست و عدم رعایت آن هرگز قابل قبول نخواهد بود.

این اصل در واقع می گوید که هرگز نباید از عناصر زیادی در صفحات وب استفاده کنید. شاید شما فکر کنید استفاده از عناصر مختلف با تعداد فراوان در وب سایت ها باعث تمایز سایت شما با دیگران می شود اما هرگز اینطور نیست!

البته این موضوع بستگی به نوع وب سایت و محتوای سایت شما دارد اما در هر صورت باید سعی کنید از عناصر و محتوای اضافی خودداری کنید و منظور خود را در خلاصه ترین عناصر و محتوا به مخاطب برسانید.

2. روی محتوای سایت تمرکز کنید

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

خوشبختانه فضای اینترنت فونت های زیبا و جذابی را برای نمایش محتوای وب سایت ها فراهم کرده است. پس تنها کافیست پس از انتخاب یک فونت مناسب، با صبر و حوصله محتوای سایت را در قالب و چیدمان مناسب قرار دهید.

3. فضای سفید در سایت ها بسیار با ارزش هستند

شاید این موضوع از دید طراحان وب بسیار غریب به نظر برسد اما بدانید که این فضاهای سفید در صفحات وب بسیار حائز اهمیت هستند. در طراحی مینیمالیسم، فضای سفید بیشتر یعنی پیچیدگی کمتر و در نهایت پاکیزگی بیشتر در طراحی صفحات وب.

نیازی نیست نگران این مسئله باشید! لذا سعی کنید با انتخاب و بکارگیری عناصر جذاب در صفحات سایت خود، این قضیه را پوشش دهید.

فضاهای سفید در وب سایت باعث می شوند که کاربران محتوای صفحات را بهتر ببینند و مطمئنا این چیزی است که هر طراح سایتی دوست دارد اتفاق بیفتد.

4. از عناصر گرافیکی با تاثیرگذاری بالا استفاده کنید

استفاده از عناصر با تاثیر گذاری بالا در صفحات وب گامی دیگر برای داشتن یک سایت پاکیزه و Clean است.

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

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

در نهایت این موضوع به شما بر می گردد که به چه شکلی علاقه دارید در طراحی سایت خود از تصاویر استفاده کنید. اما توصیه ما این است که از تصاویری استفاده کنید که رنگ بندی آن ها با رنگ بندی سایت و رنگ سازمانی شما همخوانی داشته باشد.

5. از قاب و چارچوب منحصر بفرد استفاده کنید

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

6. هرگز کارایی را فراموش نکنید

در نهایت این موضوع بسیار مهم است که کابران هنگام کا با سایت شما چه احساسی خواهند داشت. شاید این مسئله ساده به نظر برسد اما هرگز نباید جهت یابی احساسات مخاطبان را نادیده بگیرید.

به عنوان مثال شما افراد چپ دست و راست دست را هنگام کار با سایتتان در نظر بگیرید. آیا هر دو گروه افراد احساس خوبی هنگام کار با سایتتان در موبایل خواهند داشت؟

هر چند که شاید این مسئله آن چنان از دید شما حیاتی نباشد اما بهتر است که وب سایت خود را برای تمامی افراد بهینه کرده باشید. توجه داشته باشید که شما با افراد مختلفی سر و کار خواهید داشت.

7. در انتخاب رنگ ها و کنتراست دقت کنید

بعضی از افراد برای طراحی سایت های مینیمالیست از رنگ های سیاه و سفید استفاده می کنند. اما ما توصیه می کنیم شما از هر رنگی بهره بگیرید تا زمانی که رنگ ها تاثیرگذاری محتوای سایت شما تداخلی ایجاد نکنند.

رنگ ها می توانند در سایت شما دو نتیجه مختلف را داشته باشند! می توانند محتوای شما بسیار خوانا و جذاب تر جلوه دهند یا اینکه باعث شوند محتوای شما اصلا دیده نشوند! پس قبل از تصمیم گیری در مورد رنگ ها خوب فکر کنید.

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

این ها تنها برخی از نکات لازم در طراحی سایت های Clean بودند. اما مطمئنا نکات دیگری در این رابطه هستند که خوشحال می شویم که اگر موردی به ذهنتان می رسد که ما در این مقاله فراموش کرده ایم آن را در قسمت نظرات با سایر کاربران به اشتراک بگذارید.

منبع انگلیسی :

Principles of Clean Web Design