امروزه وب‌سایت‌ها همواره در تلاشند تا در دنیای گسترده آنلاین متمایز و منحصربه‌فرد باشند. برای دستیابی به این هدف، اغلب مرزهای طراحی سایت و استانداردهای تجربه کاربری را گسترش داده و رویکردهای نوآورانه و جدیدی را آزمایش می‌کنند. با این حال، این تمایل به متفاوت بودن گاهی منجر به نادیده گرفتن اصول ساده و اساسی طراحی سایت مؤثر می‌شود. نتیجه آن وب‌سایت‌هایی است که ممکن است استفاده از آنها دشوار باشد یا در تحقق اهداف مورد نظر خود ناکام بمانند. در ادامه، به بررسی پنجاه اشتباه رایج در طراحی سایت می‌پردازیم و توضیحاتی جامع در مورد هر یک ارائه می‌دهیم تا با اجتناب از این اشتباهات، حضور آنلاین کاربرپسندتر و موفق‌تری ایجاد کنید.
اشتباهات ظاهری در طراحی سایت
1. استفاده از اسلایدرها
————————
اسلایدرها به هیچ وجه در طراحی سایت مؤثر نیستند و تعداد کمی از افراد واقعاً محتوای آنها را مشاهده می‌کنند. چرا باید کاربر را مجبور کنید برای دیدن محتوای بیشتر، روی اسلایدر کلیک کند؟ اگر همه مطالب می‌توانند در یک صفحه جا بگیرد، آنها را روی صفحه نمایش دهید.
2. صفحات Splash در طراحی سایت
——————-
صفحات Splash فقط زمان کاربر را هدر می‌دهند و بر سئو تأثیر منفی می‌گذارند. چرا باید کاربر برای ورود به وب‌سایت دوباره کلیک کند؟
3. انیمیشن‌های بارگذاری کند
—————————-
این دست انیمیشن‌ها باعث می‌شوند که کاربر نتواند به سرعت محتوای وب‌سایت را مرور کند. این انیمیشن‌ها می‌توانند آزاردهنده شوند و کیفیت طراحی سایت شما را پایین آورند. توجه کنید که هر عاملی که نتیجه منفی روی تجربه کاربری داشته باشد، در طراحی سایت ممنوع است.
4. مخفی کردن نوار پیمایش
————————-
مخفی کردن نوار پیمایش به تجربه کاربری آسیب می‌زند. نوار پیمایش یا Menu Bar باید به عنوان یک ویژگی ثابت برای ناوبری وب‌سایت‌ها باقی بماند.
5. تغییر رنگ پس‌زمینه هنگام اسکرول کردن
—————————————-
تغییر رنگ پس‌زمینه هنگام اسکرول کردن، حواس کاربر را پرت می‌کند و از محتوای اصلی دور می‌نماید. اگر برایتان مهم است که با محتوا روی مخاطب خود تأثیر بگذارید، این تغییر رنگ نمی‌تواند ابزار مؤثری باشد.
6. استفاده از شکلک‌ها
———————-
استفاده از شکلک‌ها (ٍEmoji) در طراحی وب‌سایت، به ویژه در زمینه‌های حرفه‌ای، غیرحرفه‌ای به نظر می‌رسد. اگر موضوع کاری شما طنز و سرگرمی و…. است، استفاده از شکلک‌ها مانعی ندارد. می‌توانید لیست کاملی از این شکلک‌ها را اینجا پیدا کنید.
7. انیمیشن‌های طولانی در منو
—————————–
افکت‌های انیمیشنی طولانی در منو، زمان کاربر را هدر می‌دهند و تجربه کاربری را مختل می‌کنند.
8. وسط‌چین کردن متن
—————————–
وسط‌چین کردن متن باعث می‌شود که خواندن آن دشوارتر شود. بهتر است از تنظیم چپ یا راست استفاده کنید.
9. فرم‌های بدون برچسب
———————-
جداولی که برچسب و توضیحات ندارند، تجربه کاربری را ضعیف می‌کنند. کاربر باید بداند که هر فیلد برای چه چیزی است.
10. نداشتن لینک به صفحه اصلی در منوها
—————————————
همه کاربران نمی‌دانند که لوگو یک راه قابل اعتماد برای بازگشت به صفحه اصلی است. در طراحی سایت خود حتما منوی «صفحه اصلی» یا «خانه» را در نظر بگیرید.
11. طراحی دکمه‌های مربع
————————
کاربران انتظار دارند دکمه‌ها به صورت عریض طراحی شوند. چشم انسان به اشکالی که نسبت طلایی را رعایت کرده‌اند، عادت دارد. دکمه‌های مربع تجربه کاربری خوبی ارائه نمی‌دهند.
12. عدم وجود نشانه‌گذاری برای منوهای کشویی
——————————————-
اگر منوی شما زیرمجموعه دارد، باید همیشه یک علامت برای نشان دادن آن وجود داشته باشد. در طراحی سایت باید کاربر را راهنمایی کنید.
13. استفاده از زیرمنوهای افقی
——————————
زیرمنوهای افقی برخلاف انتظارات کاربران هستند. کاربران به طور طبیعی انتظار دارند زیرمنوها عمودی باشند و اگر در طراحی سایت زیرمنو افقی باشد، غافلگیر می‌شوند.
14. عدم وجود اطلاعات کافی در صفحه اصلی
—————————————
صفحه اصلی به عنوان مهمترین صفحه وب‌سایت باید اطلاعات کافی درباره‌ی شما و خدماتتان ارائه دهد. در غیر این صورت نمی‌توانید فرد را به اندازه کافی درگیر و تشویق به ماندن در سایت خود کنید.
15. استفاده از انیمیشن‌های بارگذاری غیرضروری
———————————————
انیمیشن‌های بارگذاری باید به حداقل برسند تا کاربر بتواند به سرعت به محتوای وب‌سایت دسترسی پیدا کند. برای وقت و حوصله مخاطب خود احترام قائل شوید.
16. طراحی وب‌سایت به صورت اسلایدی
———————————–
طراحی سایت به شکل اسلایدی (Slideshow) نمی‌تواند به اندازه کافی اطلاعات ارائه دهد. این کار به تجربه کاربری آسیب می‌زند.
17. استفاده از انیمیشن‌های بارگذاری برای بارگذاری محتوا
——————————————————–
استفاده از انیمیشن‌ها برای بارگذاری محتوا فقط زمان کاربر را هدر می‌دهد.
18. استفاده از فیلدهای جداگانه برای نام و نام خانوادگی
——————————————————-
در فرم‌های کوچک و متوسط، ترکیب این دو فیلد به افزایش نرخ تبدیل (CTR) کمک می‌کند.
19. طراحی سایت بدون صدا
——————————-
وب‌سایت‌هایی که به‌طور خودکار صدا پخش می‌کنند، تجربه کاربری را آزاردهنده می‌کنند. اجازه دهید کنترل نمایش ویدیو یا پخش صدا در اختیار کاربر باشد.
20. استفاده از متن‌های حروفی بزرگ
———————————-
استفاده از حروف بزرگ در متون باعث ایجاد تجربه کاربری ضعیف می‌شود. البته این مطلب در مورد زبان‌های لاتین صدق می‌کند.
21. نداشتن لینک‌ها در فوتر
—————————
لینک‌ها در فوتر (Footer) باید وجود داشته باشند زیرا کاربران به آنها نیاز دارند. برای کاربردی شدن طراحی سایت لازم است که در فوتر به جاهای دیگر لینک وجود داشته باشد.
22. استفاده از انیمیشن‌های غیرضروری
———————————————-
انیمیشن‌های غیرضروری می‌توانند باعث حواس‌پرتی کاربران شوند و تجربه کاربری را مختل کنند. تا می‌توانید از تصاویر غیرمتحرک و سبک استفاده نمایید.
23. طراحی سایت با پیمایش عمودی
————————————–
این نوع طراحی کاربر را سردرگم می‌کند. مردم عادت به دیدن وب‌سایت به این شکل ندارند. بهتر است طراحی سایت شما متعارف باشد.
24. استفاده از متون توییتر‌مانند
———————————
این نوع متون برای کاربران آزاردهنده است و باعث سردرگمی می‌شود.
25. نداشتن دکمه‌های واضح برای درخواست عمل
——————————————
دکمه‌های درخواست عمل (Call to Action) باید به‌وضوح مشخص باشند تا کاربران بتوانند به راحتی با آنها تعامل کنند.
26. نداشتن تصاویر باکیفیت
————————–
تصاویر باید باکیفیت و مرتبط با محتوا باشند. تصاویر بی‌کیفیت تجربه کاربری را ضعیف می‌کنند. البته همیشه مراقب سایز تصاویر باشید تا زمان بارگذاری را طولانی نکند.
27. استفاده از انیمیشن‌های شلوغ
——————————–
انیمیشن‌های شلوغ می‌توانند باعث حواس‌پرتی کاربران شوند و تجربه کاربری نامطلوبی به همراه داشته باشند.
28. نداشتن فضای کافی بین عناصر
——————————-
فضای خالی کافی بین عناصر طراحی سایت باعث می‌شود که وب‌سایت مرتب‌تر و قابل خواندن‌تر باشد.
29. طراحی وب‌سایت‌های با پیمایش افقی
————————————-
پیمایش افقی تجربه کاربری را مختل می‌کند و کاربران را گیج و ناراحت می‌نماید.
30. استفاده از فونت‌های غیرقابل‌خواندن
—————————————
فونت‌ها باید قابل‌خواندن و مناسب برای وب‌سایت باشند. فونت‌های کوچک و غیرمعمول باعث سردرگمی می‌شوند. هرگز خوانایی را فدای زیبایی و خاص بودن نکنید.
اشتباهات محتوایی در طراحی سایت
31. نداشتن اطلاعات تماس واضح
—————————–
اطلاعات تماس باید به وضوح در وب‌سایت قرار گیرد تا کاربران به راحتی بتوانند با شما ارتباط برقرار کنند. داشتن راه‌های ارتباطی متعدد بر اعتبار شما می‌افزاید.
32. استفاده از رنگ‌های مشابه برای دکمه‌ها
——————————————————-
رنگ دکمه‌های درخواست عمل (Call to Action) باید با دیگر عناصر متمایز باشد تا توجه کاربران را جلب کند.
33. نداشتن نشانه‌گذاری مناسب برای لینک‌ها
——————————————
لینک‌ها باید به وضوح مشخص باشند تا کاربران بدانند به کجا منتقل می‌شوند. متنی که پیوند به آن متصل می‌شود باید گویای محتوای مقصد باشد.
34. طراحی سایت شلوغ
———————————-
طراحی‌های شلوغ و شلوغ می‌توانند باعث سردرگمی و حواس‌پرتی کاربران شوند. الگوهای موفق طراحی سایت همگی ساده هستند.
35. استفاده از رنگ‌های تند و غیرمتعارف
—————————————
رنگ‌های تند و غیرمتعارف می‌توانند تجربه کاربری را مختل کنند و باعث حواس‌پرتی شوند.
36. نداشتن فضای سفید مناسب
—————————
فضای زمینه مناسب باعث می‌شود که وب‌سایت مرتب‌تر و قابل‌خواندن‌تر باشد.
37. استفاده از انیمیشن‌های طولانی برای بارگذاری
————————————————
انیمیشن‌های طولانی برای بارگذاری می‌توانند باعث خستگی کاربرانو سررفتن حوصله آنها شوند.
38. تنظیم نبودن طراحی سایت برای اندازه‌های مختلف صفحه
—————————————————-
وب‌سایت باید به‌طور خودکار به اندازه‌های مختلف صفحه (موبایل، تبلت یا دسکتاپ) پاسخ دهد تا تجربه کاربری بهتری فراهم نماید. اگر سایتتان برای موبایل مناسب نیست، اصلا به سئو امیدوار نباشید.
39. استفاده از تصاویر بی‌ربط
—————————–
تصاویر باید با محتوای وب‌سایت مرتبط باشند. تصاویر بی‌ربط تجربه کاربری را تحت الشعاع قرار می‌دهند. به شعور مخاطب احترام بگذارید.
40. نداشتن اطلاعات کافی درباره‌ی خدمات
—————————————
کاربران باید به‌راحتی بتوانند درباره‌ی خدمات شما اطلاعات کافی کسب کنند.
41. استفاده از دکمه‌های کوچک
—————————–
دکمه‌ها باید اندازه مناسبی داشته باشند تا کاربر به راحتی بتواند با آنها تعامل کند.
42. نداشتن نشانه‌گذاری مناسب برای فیلدهای فرم
———————————————-
فیلدهای فرم باید به وضوح مشخص باشند تا کاربر بداند چه اطلاعاتی را باید وارد کند. در اینجا تمایز رنگی و توضیحات اضافی می‌تواند راه‌گشا باشد.
43. استفاده از طراحی‌های غیرمعمول
———————————-
طراحی سایت غیرمعمول یک شمشیر دو لبه‌ست.ممکن است به جذابیت کار بیفزاید یا اینکه کاربر را ناراحت و گیج کند. متاسفانه احتمال وقوع حالت دوم بیشتر است.
44. نداشتن اطلاعات کافی در مورد شرکت
————————————-
کاربران باید به‌راحتی بتوانند درباره‌ی شرکت شما اطلاعات کسب کنند. قرار دادن نشانی، شماره تلفن ثابت، ایمیل رسمی و شبکه‌های اجتماعی به اعتبار شما در چشم مردم می‌افزاید.
45. استفاده از فونت‌های غیرمعمول
———————————
فونت‌های غیرمعمول می‌توانند باعث سردرگمی و دشواری در خواندن شوند. همیشه اولویت با خوانایی است.
46. نداشتن نقاط تماس واضح
————————–
نقاط تماس باید به وضوح در وب‌سایت قرار گیرد تا کاربران به راحتی بتوانند با شما تماس بگیرند.
47. استفاده از رنگ‌های مشابه برای عناصر مختلف
———————————————-
یکی از بهترین راه‌ها برای جداسازی عناصر متمایز در طراحی سایت، استفاده از رنگ‌های مختلف است. دقت کنید که می‌توانید برای حفظ سادگی و زیبایی از طیه‌های مختلف یک رنگ در جهت ایجاد تمایز استفاده کنید.
48. نداشتن نشانه‌گذاری مناسب برای لینک‌ها
——————————————
لینک‌ها باید آشکارا مشخص باشند تا کاربران بدانند به کجا منتقل می‌شوند.
49. نداشتن اطلاعات کافی در مورد محصولات
—————————————-
کاربران باید به راحتی بتوانند درباره محصولات شما اطلاعات کافی کسب کنند. دسته‌بندی پیچیده و تو در تو می‌تواند گاهی مضر باشد.
50. طراحی سایت بدون هدف
——————————-
هر سایت باید هدف مشخصی داشته باشد. بدون هدف، وب‌سایت به‌سادگی بی‌اثر خواهد بود. این شاید مهمترین و رایجترین نکته در بین مطالب بالا باشد.
با اجتناب از این 50 اشتباه در طراحی سایت، می‌توانید وب‌سایتی مؤثرتر، آسان‌تر برای استفاده و مفیدتر بسازید.
