43 اشتباه مهم در طراحی سایت

6223 بار
جمعه, 05 مهر 1392 ساعت 20:37
ارزیابی شما
(2 رای)
43 اشتباه مهم در طراحی سایت - 4.5 out of 5 based on 2 votes

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

43-اشتباه-در-طراحی-سایت

  1. کاربران باید طی چند ثانیه بفهمند که سایت چه هدفی دارد: جلب توجه! یکی از مهم ترین ارزش های یک سایت در اینترنت است. اگر بازدیدکننده در چند ثانیه تشخیص ندهد، سایت شما در چه رابطه ای طراحی شده و چه هدفی دارد، به احتمال زیاد از سایت خارج می شود. سایت شما باید به او بیان کند که چرا در سایت شما باید و بیشتر آن را بررسی کند. البته این توضیح بصری باید بسیار سریع صورت گیرد!
  2. محتوا را قابل اسکن کنید: ما در مورد اینترنت صحبت می کنیم، نه یک کتاب، پس لازم نیست شما مقدار زیاد متن در سایت خود قرار دهید. به احتمال زیاد کسانی که به سایت شما سر می زنند، در آن واحد زمانی به دنبال انجام کارهای دیگر نیز هستند. آنها باید سریعاً سایت شما را اسکن کرده و به نتیجه گیری برسند. دسته بندی های منوی سایت، هدر، بدنه اصلی سایت به او جنبه های ویژه سایت شما را نشان می دهند. هر چیزی که به خواننده اجازه دهد اهداف و محتوای سایت را فیلتر کند، مفید خواهد بود.
  3. از فونت های عجیب قریب و غیرقابل خواندن استفاده نکنید: مطمئنا بعضی از فونت ها ظاهری پیچیده به سایت شما می دهند، اما آیا تمام فونت های خوانا هستند؟ اگر هدف اصلی شما ارائه پیام و خوانده شدن آن هستید، پس باید کاری کنید که پیام با راحتی هر چه بیشتر خوانده شود.
  4. از فونت های کوچک استفاده نکنید. این مسئله با اشتباه قبلی نیز در ارتباط است. شما باید مطمئن شوید که خواننده می تواند به راحتی محتوا را بخواند. مرورگرها قابلیت زوم کردن دارند اما اگر من بخواهم از آن برای خواندن یک سایت استفاده کنم، دیگر به آن سایت سر نخواهم زد.
  5. کاری نکنید هر بار صفحه های جدید در مرورگر باز شود. من خودم چنین کاری را در اولین وب سایتم انجام داده بودم. منطق پشت آن ساده بود. اگر من یک پنجره جدید برای لینک های خارجی در مرورگر باز کنم، کاربر هرگز از سایت من خارج نمی شود. اشتباه است! بگذارید خود کاربر تصمیم بگیرد که لینک ها چطور باز می شوند. به همین دلیل است که مرورگرها کلید برگشت به صفحه قبلی را تعبیه کرده اند. نگران آن نباشید که بازدیدکنندگان را به وب سایتی دیگر می فرستید. اگر او به سایت شما تمایل داشته باشد، به آن بر می گردد.
  6. سایز پنجره کاربر را تغییر ندهید: کاربر باید کنترل مرورگر خود را بدست داشته باشد. اگر شما سایز صفحات مرورگر را تغییر دهید، احتمالا باعث خراب شدن تصویر در کامپیوتر وی می شوید و در بدترین وضعیت اعتبار خود را پیش او از دست می دهید.
  7. تا زمان الزام، از ثبت نام کردن خودداری کنید: بگذارید روراست بگویم، وقتی من در حال گشتن زدن در اینترنت هستم تنها به دنبال کسب اطلاعات هستم و نه چیز دیگر! تا زمانی که لازم نیست مرا مجبور نکنید تا حتما ثبت نام کرده و ایمیل و اطلاعات دیگر را به شما ارائه کنم(یعنی تا زمانی که پیشنهاد شما آنقدر عالی نباشد که من بخواهم فرآیند خسته کننده ثبت نام را انجام دهم.)
  8. هیچ وقت بدون رضایت کاربر، او را ثبت نام نکنید (برای هر چیزی!). هیچ وقت، زمانی که کاربر در سایت ثبت نام کرد، به طور خودکار برای او خبرنامه نفرستید. فرستادن ایمیل هایی ناخواسته، روش خوبی برای دوست شدن با کاربران نیست.
  9. بیش از حد از فلش در سایت خود استفاده نکنید. علاوه بر افزایش زمان لودینگ(بارگذاری)، استفاده بیش از حد از فلش می تواند باعث اذیت شدن بازدیدکنندگان شود. تنها زمانی از فلش استفاده کنید که باید خصوصیات غیر قابل اجرا در صفحات استاتیک را بکار ببرید.
  10. موسیقی پخش نکنید! در سال های اولیه طراحی و توسعه وب، همیشه تلاش بوده است که موسیقی با موفقیت در وب سایت اجرا شود. فکر می کنید نتیجه چه بوده است؟ شکست تحقیر آمیز! پس لطفا در سایت خود موسیقی پخش نکنید.
  11. اگر باید یک فایل صوتی پخش کنید، بگذارید کاربر خودش پخش آن را شروع کند. فرض کنید شما باید برای کاربر سخنرانی کرده یا با استفاده از فایل صوتی او را هدایت کنید. این مسئله مشکلی ندارد. تنها مطمئن شوید که کاربر کنترل امور را در دست دارد. بگذارید او کلید پخش"play" را دست داشته باشد. شما نباید موسیقی را سریعا پس از ورود به صفحه به سمت او پرتاب کنید.
  12. صفحه خود را با نشان ها پر نکنید: اول از همه، نشان های شبکه ها باعث می شود سایت غیرحرفه ای به نظر برسد. حتی اگر در مورد نشان های پاداش و قدردانی یا گواهینامه ها نیز صحبت کنیم، شما تنها باید آنها را در صفحه "درباره ما" قرار دهید.
  13. از ساختارهای پیچیده در صفحه اصلی وب سایت خود استفاده نکنید: هر چه مراحل کمتری برای دسترسی به محتوا برای کاربر وجود داشته باشد، بهتر است. .
  14. مطمئن شوید که جزئیات لازم تماس با شما در سایت قرار گرفته است: هیچ چیز بدتر از سایتی نیست که اطلاعات تماس خود را قرار نداده باشد. این مسئله نه تنها برای بازدیدکنندگان بد است، بلکه به خود شما نیز صدمه می زند. حتی ممکن است شما توانایی بازخوردگرفتن از کاربران را نیز به طور کامل از دست دهید
  15. دکمه کلیدی برگشت (back) را فراموش نکنید. این اولین اصل در ایجاد قابلیت استفاده برای کاربران است. شما نباید این دکمه را تحت هر شرایطی غیرفعال کنید. باز کردن صفحات جدید در مرورگر باعث از بین رفتن قابلیت برگشت می شود. همین طور لینک های جاوا اسکریپت خاص نیز می توانند چنین مسئله ای را به همراه داشته باشند.
  16. از متون چشمک زن (blinking) مگر اینکه کاربر شما به سال 1385 در زمان سفرکرده باشد . از ساختارهای
  17. از ساختارهای URL پیچیده خودداری کنید: یک ساختار URL ساده و مبتنی برکلمات کلیدی نه تنها رتبه بندی شما در موتورهای جستجو افزایش می دهد، بلکه باعث می شود خواننده بسادگی محتوای صفحه شما را قبل از دیدن آن تشخیص دهد.
  18. CSS نسبت به جداول HTML ترجیح داده می شود: جداول HTML برای طراحی لایه صفحه بکار گرفته می شدند. با بوجود آمدن CSS، هیچ دلیلی برای استفاده از جداول HTML وجود ندارد. CSS سریعتر و معتبرتر بوده و خصوصیات بخصوصی دارد.
  19. مطمئن شوید که کاربر می تواند کل وب سایت را بگردد. به همین دلیل است که موتورهای جستجو باعث ایجاد تحول در اینترنت شده اند. احتمالاً حدس زده اید دلیل چیست؟ بلی به خاطر اینکه باعث می شود کاربر راحت تر اطلاعاتی را که بدنبالش می گردد پیدا کند. این مسئله را در سایت خود نادیده نگیرید. 
  20. از منوهای Drop Down خودداری کنید.کاربر باید تمام انتخاب های گشت زنی در سایت را سریعا ببیند. این نوع منوها باعث می شود مسایل پیچیده شده و اطلاعاتی که کاربر واقعا به دنبال آنهاست، از چشم او پنهان بماند.
  21. از سیستم های ناوبری متنی استفاده کنید. ناوبری متنی نه تنها سریع است، بلکه اعتبار بیشتری دارد.
  22. اگر یک فایل pdf را لینک می کنید : آیا تا به حال روی لینکی کلیک کرده اید که باعث هنگ کردن مرورگر شما شده و تنها بعد ازباز شدن فایل pdf در Acrobat Reader پدوباره بکار بیفتد؟ این کار بسیار آزار دهنده است، پس مطمئن شوید که لینک های فایل pdf طوری قرار گرفته اند که افراد راحت آنها را تشخیص می دهند.
  23. با ایجاد ورژن های متفاوت، بازدیدکننده را گیج نکنید: سعی نکنید بازدیدکننده را با ایجاد ورژن های بسیار متفاوت از سایت گیج کنید.
  24. تبلیغات را با محتوا ترکیب نکنید: ترکیب کردن تبلیغات مثل واحدهای Adsense در محتوا شما می تواند آمار کلیک های میانی (کلیک هایی که قبل از ثبت نام زده می شوند) شما را به صورت کوتاه مدت افزایش دهند، اما در طولانی مدت این مسئله باعث کاهش قابلیت خوانده شدن مطالب شما می شود. در ضمن اگر بازدیدکننده اذیت شود، از سایت شما خارج می شود.
  25. از ساختار ساده ناوبری استفاده کنید: بعضی اوقات هر چه پیچیدگی کمتر باشد، ارزش بیشتر می شود. این قانون معمولا در افراد و سلیقه ها صدق می کند. مطمئن شوید که وب سایت شما یک ساختار گشت زنی مشخص دارد. کاربر باید به راحتی بفهمد کجا به اطلاعاتی دست پیدا می کند که به دنبال آن است.
  26. از intro "معرفی ها" خودداری کنید: کاربر را مجبور نکنید تا قبل از رسیدن به محتوا مرتبط کاری انجام داده یا چیزی مشاهده کند. این کار کاملا آزار دهنده است و او تنها زمانی در سایت می ماند که پیشنهاد شما بسیار خاص باشد.
  27. از Frontpage استفاده نکنید. این نکته در ویرایشگرهای ارزان قیمت دیگر HTML نیز صدق می کند. با اینکه به نظر می رسد طراحی وب با این ابزار ساده تر شود، خروجی کدگذاری ضعیفی خواهد داشت که در مرورگرهای متفاوت قابل خواندن نبوده و باگ های زیادی دارد.
  28. مطمئن شوید که وب سایت شما در مرورگرهای متفاوت قابل اجراست. تمام مرورگرها مانند هم نیستند، و تمام آنها نمی توانند CSS و زبان های متفاوت را یکسان اجرا کنند. چه این مسئله خوشایند باشد، چه نه، شما باید وب سایت خود را طوری طراحی کنید که مرورگرهای معروف بازار قابلیت خواندن آن را داشته باشند. در غیر این صورت شما در طولانی مدت، کاربران خود را از دست می دهید.
  29. مطمئن شوید که متن های انکور در لینک ها قرارداده شده اند. من اعتراف می کنم که این اشتباه را تا چند وقت پیش بسیار تکرار می کردم. استفاده از عبارت "click here (اینجا کلیک کنید)" بسیار ساده است، اما کافی نیست. مطمئن شوید که متن های انکور مرتبط را در لینک خود قرار می دهید. این کار به خواننده اطمینان می دهد که مقصد نهایی این لینک چیست و فواید سئو نیز برای سایت های خارجی (مقصد لینک) به همراه دارد.
  30. لینک ها را پنهان نکنید. علاوه بر استفاده از تکست های انکور واضح، کاربر باید بتواند در استاتوس بار ببیند که لینک به کدام مقصد می رود. اگر شما لینک های خود را پنهان کنید(چه به علت اینکه به سایت های خارجی می روند و چه به علت های دیگر) سایت شما اعتبار خود را از دست می دهد.
  31. لینک ها را قابل مشاهده کنید: بازدیدکننده باید بفهمد کدام لینک ها قابل کلیک کردن بوده و کدام این طور نیستند. مطمئن شوید که لینک ها رنگی متضاد با سایر متن ها دارند ( رنگ آبی استاندارد در اکثر اوقات بهتر است). می توانید در زیر لینک ها خط نیز بکشید.
  32. تا زمانی که الزامی نباشد متن های معمولا را رنگی نکرده و زیر آنها خط نکشید. تنها برای اینکه لینک های به راحتی قابل تشخیص شوند، شما از خط کشیدن یا رنگ های متفاوت استفاده ی کنید. اگر متن های دیگر نیز خط دار شده یا رنگی متفاوت داشته باشند، کاربر گیج می شود.
  33. کاری کنید که لینک های کلیک شده، رنگشان عوض شود. این نکته برای افزایش قابلیت استفاده وب سایت بسیار مهم است. لینک هایی که روی آنها کلیک شده است باید رنگشان عوض شود تا کاربر بفهمد چه کارهایی در سایت شما انجام داده است. اگر چنین کاری نکنید، ممکن است کاربر از صفحات یکسان سر درآورده و بعد از گیج شدن، از سایت شما خارج شود.
  34. از GIF و تصاویر متحرک استفاده نکنید، مگر اینکه بنرهای تبلیغاتی به انیمیشن نیاز داشته باشند. این GIF ها باعث غیر حرفه ای جلوه کردن سایت شده و توجه افراد به محتوا را کم می کنند.
  35. مطمئن شوید که از ALT و TITLE برای هر عکس استفاده می کنید: علاوه بر فواید سئو، توضیحات عنوان و ALT نقش مهمی برای کاربران در زمان جستجو دارد.
  36. از رنگ های قوی استفاده نکنید: اگر کاربر بعد از مشاهده سایت شما به مدت 10 دقیقه سر درد می گیرد، احتمالا شمای رنگی سایت شما مناسب نیست. رنگ بندی شما باید هدفمند باشد (یعنی یک حالت روحی ایجاد کرده و باعث شود کاربر بر محتوا تمرکز کند.)
  37. از پاپ آپ استفاده نکنید: این نکته در تمام پاپ آپ ها صدق می کند. حتی پاپ هایی که بعد از تأییدیه کاربر بروز می کنند نیز ایده بدی هستند و باعث تخریب اعتبار سایت می شوند.
  38. از لینک های جاوا اسکریپت خودداری کنید: وقتی کاربر روی این لینک ها کلیک می کند، لینک ها مقدار کمی جاوا اسکریپت را اجرا می کنند. از این لینک ها دوری کنید زیرا معمولا باعث بروز مشکلات برای کاربر می شوند.
  39. از لینک های عملکردی در فوتر استفاده کنید. افراد عادت دارند در صورت پیدا نکردن اطلاعات خاص، به پایین صفحه مراجعه کنند. حداقل بهتر است یک لینک به صفحه اصلی و شاید لینک به صفحه "تماس با ما" قرار دهید.
  40. از صفحات بزرگ و طولانی خودداری کنید: حدس بزنید چرا؟ اگر کاربر ناچار شود مدت زمان زیادی صفحه را پایین کشیده تا محتوای شما را بخواند، به احتمال قوی قید صفحه را می زند. اگر چنین مشکلی در سایت دارید، باید طراحی کوچکتری بکار برده و ساختار گشت زنی کاربر را بهبود بخشید.
  41. از اسکرولینگ افقی استفاده نکنید: با اینکه اسکرولینگ عمودی را می توان کمی تحمل کرد، این مسئله اصلا برای اسکرولینگ افقی صدق نمی کند. رایج ترین رزولوشن صفحه 1024 x 768 پیکسل است، پس مطمئن شوید وب سایت داخل این رزولوشن قرار می گیرد.
  42. از اشتباهات گرامری و املایی خودداری کنید. این اشتباه در طراحی وب جای نمی گیرد، اما یکی از مهم ترین عوامل در کیفیت کلی وب سایت است. مطمئن شوید که لینک ها و متن های شما دارای مشکلات املایی و گرامری نیستند.
  43. اگر از CAPTCHA استفاده می کنید، مطمئن شوید که حروف قابل خواندن هستند. بعضی از سایت ها از فیلترهای CAPTCHA استفاده می کنند تا کامنت ها و فرم های ثبت نام مورد اسپم قرار نگیرند. این کار تنها یک مشکل دارد، اکثر اوقات کاربر باید کل خانواده را صدا کند تا بتواند یک حرف را در عکس تشخیص دهد.

2 نظر در مورد این مطلب

  • زنبیل آباد چهارشنبه, 21 بهمن 1394 ساعت 17:11 ارسال شده توسط زنبیل آباد

    کامل و عالی
    خیلی خوی
    خسته نباشد

  • ایرج یکشنبه, 08 آذر 1394 ساعت 00:58 ارسال شده توسط ایرج

    با سلام و خسته نباشید


    از اطلاعات شما متشکرم

اگر شما در مورد این مطلب نظری دارید در اینجا بنویسید

برای ارسال پیام پر کردن فیلدهای نام، ایمیل و پیام شما الزامی اند.

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