طراحی سایت

آموزش طراحی سایت

طراحی سایت

آموزش طراحی سایت

طراحی سایت : اشتباهات رایج در طراحی

جمعه, ۲ مهر ۱۳۹۵، ۰۴:۱۰ ب.ظ

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

  • از اهداف تجاری سایت غافل میشن.
  • اشتباه:

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

  • پیشنهاد:

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

  • ندید گرفتن تایپوگرافی سایت و ارجحیت دادن به طراحی:
  • اشتباه:

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

  • پیشنهاد:

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

  • استفاده از مودال ها و پاپ-اپ های تکراری:
  • اشتباه:

ما هممون تو این بمبارون کاربرها با پاپ-اپ ها و مودال ها مقصریم. وقتی موقع گشت زنی کاربر تو سایت، مدام پنجره های مودال و پاپ-اپ پشت سر هم براش باز میشن، دیگه میرن رو اعصابش. درست نیست که تا کاربر وارد سایتتون میشه یه مودال جلو راهش بذارید (مودال ها پنجره های ثابتی هستن که تا کاربر اونا رو نبنده، نمیتونه محتوای سایت رو ببینه). اینجوری تجربه کاربری هم میاد پایین. اگه این اشتباهتونو اصلاح نکنید، مطمئن باشید کاربرها تو ترک سایتتون به مقصد سایت رقیب یه لحظه هم شک نمی کنن.

  • پیشنهاد:

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

  • ناخوانایی سایت:
  • اشتباه:

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

  • پیشنهاد:

برای اینکه تجربه بهتری از مطالعه به کاربرتون بدید، خودتونو جای کاربر بذارید. چند تا سایت های بزرگ رو مطالعه کنید و رنگ و الگو و رنگ هاشو بررسی کنید. میتونید از Adobe Kuler هم استفاده کنید و رنگ های مختلف رو باهاش آزمایش کنید تا خوانایی سایتتونو بهتر کنید.

  • حذف زیادی فضاهای خالی و سفید سایت:
  • مشکل:

زیادی فضاهای خالی سایتتونو حذف می کنید؟ اگه این کارو بکنید، سایت به نظر در هم و شلوغ میاد. انگار از همه جای سایت داره متن و دکمه و نظر و ... میریزه بیرون.
ابزارهای حذف فضای سفید یا whitespace remover بد نیستن ولی هرچیزی به اندازش خوبه. زیادیش، خوانایی سایت رو کم می کنه.

  • پیشنهاد:

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

  • استفاده از کپی های قبلی:
  • اشتباه:

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

  • پیشنهاد:

طراح سایت باید قبل از اینکه طراحی رو شروع کنه براش انواع و اقسام کپی رو خودش آماده کنه یا حداقل چارچوب کپی رو قبلش بسازه. اینطوری میتونه طراحی مؤثر تری داشته باشه.

  • استفاده بیش از حد از عکس و تصاویر متحرک:
  • اشتباه:

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

  • پیشنهاد:

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

  • اهمیت ندادن به کاربران تلفن های همراه
  • اشتباه:

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

  • پیشنهاد:

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

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

نظرات (۰)

هیچ نظری هنوز ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی