اشتباهات رایج در طراحی سایت
آیا می دانستید که ۷۵ درصد از اعتبار وب سایت شما به طراحی آن مربوط می شود؟ اگر اشتباهات طراحی وب سایت بسیار زیاد باشد، بازدیدکنندگان ممکن است شرکت شما را کمتر قابل اعتماد بدانند. چه در حال ساخت یک سایت از ابتدا باشید و چه سایت موجود خود را به روز می کنید، اجتناب از این اشتباهات به کسب و کار شما اجازه می دهد تا به دلایل درست به صورت آنلاین برجسته شود.
در این مقاله اشتباهات رایج در طراحی سایت را توضیح می دهیم و همچنین راه های عملی برای رفع یا جلوگیری از این خطاها را خواهید آموخت. پس با ما همراه باشید.
عدم الویت دسترسی
در نظر گرفتن دسترسی به عنوان یک فکر بعدی، اشتباه شماره یک طراحی وب است که می توانید مرتکب شوید. به گفته ماریا کلی، مدیر توسعه وب در تیم بازاریابی HubSpot، در اینجا چهار اشتباه اصلی در مورد دسترسی وجود دارد:
کنتراست رنگ ناکافی
متن جایگزین برای تصاویر یا گرافیک وجود ندارد یا نامناسب است
نشانگرهای فوکوس بصری کافی نیست یا از دست رفته است
نام ها یا برچسب های دسترسی مرتبط با محتوا ایجاد کنید
بیایید به هر یک از اینها عمیق تر بپردازیم.
کنتراست رنگ یک خطای دسترسی است که اغلب نادیده گرفته می شود. اغلب، این اشتباه به این دلیل اتفاق میافتد که شرکتها وبسایتهایی را میسازند که دارای پالت رنگ برند خود هستند – که معمولاً با طراحی قابل دسترس ایجاد نمیشوند.
کلی میگوید: «زمانی که طرح رنگی مورد استفاده در یک وبسایت فاقد کنتراست رنگی کافی بین رنگهای پسزمینه و پیشزمینه باشد، درک متن و نمادها، بهویژه برای افرادی که دارای اختلالات بینایی مانند کوررنگی هستند، دشوار است». طبق گزارش سالانه WebAIM در سال ۲۰۲۲، مشکلات تضاد رنگ در بیش از ۸۰ درصد صفحات اصلی مشاهده شد.
متن جایگزین وجود ندارد یا نامناسب است
بازدیدکنندگان سایت که از صفحهخوانها استفاده میکنند، برای توصیف آنچه که تصویر یا گرافیک منتقل میکند، به متن جایگزین تصویر تکیه میکنند. اگر از دست رفته یا به اندازه کافی تصویر را توصیف نمی کند، خوانندگانی را که برای خواندن سایت شما به آن نیاز دارند بیگانه می کنید.
«تصاویر بخشی از محتوای وبسایت شما هستند، بنابراین مهم است که در مورد آنها همان طور فکر کنید که در مورد کپی وبسایت سنتی فکر میکنید: چه اطلاعاتی با گنجاندن تصویر در صفحه شما منتقل میشود؟ اطمینان حاصل کنید که متن جایگزینی که استفاده می کنید همان معنی را می رساند.”
نشانگرهای فوکوس بصری کافی نیستند یا وجود ندارند
بدون شاخص های تمرکز بصری، بازدیدکنندگان نمی توانند سایت شما را با پتانسیل کامل خود تجربه کنند. کلی میگوید: «شاخصهای فوکوس معمولاً به صورت خطوط کلی پیرامون عناصر تعاملی مانند پیوندها و دکمهها ظاهر میشوند.
داشتن یک نشانه بصری واضح از اینکه چه عنصری در صفحه در حال حاضر فوکوس دارد، مهم است، بنابراین کاربرانی که با صفحه کلید در حال پیمایش هستند و میتوانند صفحه را ببینند، دقیقاً بدانند در کجای صفحه قرار دارند و در هنگام تعامل با آن عنصر. فعالان صفحه چه انتظاری دارند؟
نام ها یا برچسب های دسترسی مرتبط با محتوا ایجاد کنید
اگر سایت شما اطلاعات را به صورت بصری منتقل می کند، مراقب کسانی باشید که از فناوری های کمکی استفاده می کنند. کلی میگوید: «هنگام طراحی صفحات و اجزایی که اطلاعات را به صورت بصری منتقل میکنند، همان اطلاعات باید با استفاده از برچسبهای قابل دسترس فناوری کمکی منتقل شوند.
به عنوان مثال، یک روند رایج در طراحی وب، اجزای کارت با دکمه یا پیوند “بیشتر بخوانید” در پایین هر کارت است. اطلاعات مربوط به اینکه هر دکمه با کدام آیتم مرتبط است، به صورت بصری توسط طراحی منتقل میشود، اما برای صفحهخوانها تشخیص این دکمهها در صورتی که برچسبهای قابل دسترسی با جزئیات مرتبط نداشته باشند، به عنوان مثال، “در مورد مرکز بازاریابی بیشتر بخوانید” دشوار است. معمولا سخت است. “
فراموش کردن اهمیت طراحی واکنشگرا
در سه ماهه دوم سال ۲۰۲۲، دستگاه های تلفن همراه بیش از ۵۸ درصد از ترافیک وب سایت های جهانی را به خود اختصاص داده اند – این حتی تبلت ها را هم شامل نمی شود. اگر پیمایش وبسایت شما در موبایل به اندازه رایانه رومیزی آسان نیست، در خطر ناامید کردن بازدیدکنندگان و افزایش نرخ پرش خود هستید.
“کاربران اکنون بیش از هر زمان دیگری از وب سایت ها در چندین دستگاه بازدید می کنند. تلفن، تبلت، لپ تاپ یا حتی تلویزیون. اگر محتوای ما در مورد هر یک از آنها ضعیف به نظر برسد، بازدیدکنندگان اعتماد خود را از دست می دهند و روی سایت کلیک می کنند/ ضربه می زنند. “عصر نقاط شکست اکنون است!”
به گفته شان لندری، دلیلی برای این اتفاق وجود دارد. وب سایت ها اغلب با استفاده از ابزارهای موجود در یک مرورگر وب دسکتاپ ساخته می شوند. یک اشتباه رایج این است که فرض کنید مشتریان شما سایت شما را در قالب دسکتاپ مشاهده می کنند و از در نظر گرفتن کاربران موبایل غفلت می کنند.
به خطر انداختن تجربه کاربر برای زیبایی شناسی
یکی از اشتباهات طراحی وب سایت که در چند سال اخیر شدت گرفته است، اولویت دادن به زیبایی شناسی بر عملکرد است. از آنجایی که اینترنت روز به روز با انفجار عظیم رسانه ها و طراحی جدید در طول سال ها اشباع می شود، برتری تقریباً برای موفقیت ضروری است.
“متاسفانه، این منجر به انفجار استفاده بیش از حد از طراحی و عناصر گرافیکی شده است که روحیه کاربران را افزایش می دهد، اما با هدف واقعی یک وب سایت ارتباطی ندارد.” سرخیو مارتینز
به گفته مارتینز، این خود را به اشکال مختلف نشان می دهد «… از گرایش های طراحی که ارزش پیشنهادی برندها را کمرنگ می کند تا استفاده بیش از حد از انیمیشن، محتوا و گرافیک سنگین که زیبایی شناسی را بهبود می بخشد اما بی فایده است، این به این معنی نیست که سبک مینیمالیسم یا نوبروتالیسم باید پذیرفته شود. این در مورد تعادل و نحوه پشتیبانی فرم از عملکرد است.
عدم سرمایه گذاری در سفارشی سازی
با قدم زدن در مرکز شهر، از کنار یک فروشگاه لباس با ویترینی خلاقانه و جذاب عبور می کنید. این شامل انواع لباس در فروش است و داستانی را با پیشینه و کپی جذاب روایت می کند. سپس از کنار یک مغازه رد میشوید و فقط چند لباس روی مانکنهای ویترین میپوشید – چیزی توجه شما را جلب نمیکند.
وب سایت خود را به عنوان یک فروشگاه آنلاین برای کسب و کار خود در نظر بگیرید. باید نشان دهنده برند شما باشد و احساس منحصر به فردی برای شرکت شما داشته باشد. یکی از مهم ترین اشتباهات طراحی سایت، انتخاب قالب تکراری و سفارشی نکردن آن است.
به عنوان مثال، پیش فرض بنر قهرمان استاندارد می تواند یکنواخت باشد و چشم نواز نباشد. لیندزی دربی میگوید: «همه ما آنها را دیدهایم – تصویری با عرض کامل درست زیر ناوبری، معمولاً با متن سفید یا سیاه و یک دکمه در بالا».
“تصویر یا خیلی روشن است، یا خیلی تاریک است، یا به طور هوشمندانه ای برش داده شده است تا متن قابل خواندن باشد. دلایل مختلفی وجود دارد که چرا فکر می کنم این چیزها در حال حاضر اشتباه هستند. اول، آنقدر رایج است که تبدیل به فرمول و خسته کننده شده است. چیزی که زمانی بود. یک تصمیم طراحی چشم نواز اکنون یکنواخت است.
استفاده از ویژگی هایی که تبدیل نمی شوند
یکی دیگر از اشتباهات رایج استفاده از ویژگی های ناکارآمد است. مهم نیست که یک عنصر چقدر از نظر بصری جذاب است، به یاد داشته باشید که اولویت اصلی اثربخشی وب سایت شما است. دربی میگوید: «یک اشتباه رایج دیگر تکیه بر چرخ و فلکهای چرخشی برای نمایش چند قطعه محتوا در یک سطح است.
تحقیقات زیادی انجام شده است که نشان میدهد کاربران اغلب با چرخ و فلکها ارتباط برقرار نمیکنند، به خصوص در تلفن همراه، جایی که هزینه تعامل بالاست.
نداشتن سلسله مراتب
آیا تا به حال از یک وب سایت بازدید کرده اید و نمی دانید که توجه خود را به کجا متمرکز کنید؟ اگر چنین است، احتمالاً در سایتی هستید که سلسله مراتبی ندارد. لندری می گوید: «همانطور که یک روزنامه از عناوین و زیرعنوان ها برای انتقال اهمیت استفاده می کند، تایپوگرافی وب سایت شما نیز چنین است.
داشتن نظم در وب سایت شما از نظر زیبایی شناسی جذاب است، اما همچنین کاربردی است. مارتینز میگوید: «سازماندهی عناصر وبسایت… به سایت شما ساختار منسجمی میدهد که کاربران را به انجام اقدامات واضح، دستیابی به هدف اولیه و متعاقباً ایجاد یک تجربه یکپارچه سوق میدهد».
حل این مشکل آسان نیست، به خصوص زمانی که شرکت شما مخاطبان زیادی با اهداف متفاوت داشته باشد. با این حال، به گفته مارتینز، بهتر است این کار را انجام دهید زیرا می تواند به طور چشمگیری بر نحوه تجربه کاربران سایت شما تأثیر بگذارد. او به اشتراک میگذارد: «عدم سلسله مراتب کاربران را سردرگم میکند و آنها را از دستیابی به اهدافشان باز میدارد.
ناوبری نامشخص
ناوبری پاک می تواند اصطکاک تجربه بازدیدکنندگان شما را هنگام فرود در سایت شما کاهش دهد، به همین دلیل است که ناوبری نامشخص چنین مشکلی است.
Devia Pinzon میگوید: «هرچه کسبوکارهای بیشتر و بیشتر به دنیای دیجیتال منشعب میشوند، محتوای وبسایت شلوغتر و پیچیدهتر میشود، ناوبری و یکپارچهسازی واضح در نقاط تماس متعدد و سفرهای کاربر، انتقال آرام از بازدیدکنندهای برای اولینبار به طرفدار را تضمین میکند. .
عدم ارتباط موثر با هدف کسب و کار شما
هنگامی که بازدیدکنندگان وارد وب سایت شما می شوند، باید بتوانند تصویر واضحی از آنچه شرکت شما انجام می دهد دریافت کنند. و اگر آن تصویر حتی کمی تار است؟ حدس زدید – بازدیدکنندگان ممکن است سایت شما را رها کنند.
لندری می گوید: «اولین کاری که یک بازدیدکننده وب سایت هنگام بارگذاری سایت شما انجام می دهد این است که تعیین کند آیا به مقصد مناسب رسیده است یا خیر. “آیا سایت شما به وضوح نشان می دهد که چه محصول یا خدماتی را ارائه می دهد؟”
وب سایت شما باید اعتبار کسب و کار شما را افزایش دهد. اگر هدف کسبوکار شما را نشان نمیدهد و به بازدیدکنندگان اطمینان نمیدهد که در مکان مناسبی هستند، طراحی مجدد وبسایت احتمالاً مناسب است.
چگونه اشتباهات طراحی سایت را برطرف کنیم؟
اکنون که رایج ترین اشتباهات طراحی وب سایت را پوشش دادیم، بیایید در مورد چگونگی رفع آنها بحث کنیم. نگران نباشید: آگاهی نیمی از نبرد است. اکنون که می دانید از چه چیزی اجتناب کنید، می توانید شروع به ایجاد سایتی کنید که از بهترین شیوه های طراحی وب پیروی می کند.
۱. دسترسی را اولویت اصلی خود قرار دهید
کلی میگوید: «دسترسی به وب به معنای در دسترس قرار دادن وبسایتها و اطلاعات موجود در آنها برای همه است، بنابراین مهم است که هنگام طراحی وبسایتها به درستی آن را دریافت کنید». هنگامی که ما این اشتباهات رایج در دسترسی را در طراحی وب سایت مرتکب می شویم، موانع قابلیت استفاده برای میلیون ها نفری که با نوعی معلولیت زندگی می کنند ایجاد می کنیم. حتی اگر سایت شما شگفت انگیز به نظر برسد، اگر محتوا یا اقدامات خاصی برای بخشی از بازدیدکنندگان شما قابل دسترسی نباشد، پتانسیل کامل خود را برای برآورده کردن اهداف و نیازهای تجاری شما برآورده نخواهد کرد.”
در اینجا چند راه عملی برای رسیدگی به مشکلات دسترسی طراحی وجود دارد.
ایجاد پرسونای کاربر متناسب با نیازهای مختلف کاربران
مطمئن شوید که پرسونای شما در طراحی سایت شما جامع و قابل دسترسی است. «در مورد دسترسی زودهنگام و اغلب فکر کنید. کلی میگوید هنگام طراحی وبسایتها، یکی از اولین گامها اغلب ایجاد «شخصیتهای» کاربر است که به اطمینان از پاسخگویی سایت به انواع نیازهای کاربر کمک میکند. اطمینان از اینکه شخصیتهای شما دارای تواناییهای متنوعی هستند، یکی از راههای اطمینان از در نظر گرفتن دسترسی در تمام مراحل پروژه است.
خود را در مورد بهترین شیوه های دسترسی آموزش دهید
در مورد بهترین شیوه های دسترسی که باید در حین کار روی پروژه های خود به خاطر داشته باشید، بیشتر بیاموزید. کلی میگوید: «انبوهی از منابع، چکلیستها و راهنماها برای نحوه طراحی، ساخت و آزمایش وبسایتها برای دسترسی وجود دارد. می توانید با بررسی چک لیست ما برای ایجاد یک سایت در دسترس شروع کنید یا پروژه خود را به ما بسپارید.
۲. مطمئن شوید که وب سایت شما دارای طراحی ریسپانسیو است
با طراحی وب سایت ریسپانسیو، می توانید مطمئن باشید که هرچقدر بازدیدکنندگان به سایت شما دسترسی داشته باشند، تجربه یکپارچه خواهند داشت. خوشبختانه ساخت یک وب سایت واکنش گرا آنقدرها هم که به نظر می رسد دشوار نیست – و اگر از سیستم مدیریت محتوا مانند وردپرس استفاده می کنید، حتی می توانید از قالب های سازگار با موبایل استفاده کنید.
Devia Pinzon میگوید: «به مهمترین اطلاعاتی که میخواهید بازدیدکنندگان از صفحه حذف کنند، فکر کنید، سپس در نظر بگیرید که در بزرگترین و کوچکترین صفحه ممکن چگونه به نظر میرسد. “هدف شما این است که مطمئن شوید بازدیدکنندگان بدون در نظر گرفتن دستگاه، درک یکسانی از محتوای شما دارند.”
هنگامی که نسخه موبایل سایت خود را ایجاد کردید، هنوز کاملاً تمام نشده اید. لندری یادآوری می کند: “حتماً همیشه سایت خود را روی تلفن خود آزمایش کنید.” آزمایش سایت ممکن است اشکالاتی را نشان دهد که قبلاً متوجه آن نبودید.
۳. جذابیت زیبایی شناختی را با تجربه کاربری یکپارچه متعادل کنید
ما می دانیم چه اتفاقی می افتد وقتی یک وب سایت زیبایی شناسی را در اولویت قرار دهد و عملکرد را در درجه دوم قرار دهد. یک وب سایت موفق جذابیت بصری را با یک تجربه کاربری یکپارچه متعادل می کند که به بازدیدکنندگان اجازه می دهد صفحات را پیمایش کنند و آنچه را که به دنبال آن هستند بیابند.
به گفته مارتینز، دستیابی به این امر تا حد زیادی به ارتباط و همسویی موثر تیم بستگی دارد. مارتینز می گوید: “تیم های طراحی باید به استراتژی وفادار بمانند و اطمینان حاصل کنند که طراحی از اهداف اصلی کاربران پشتیبانی می کند و هماهنگی خوبی با تیم های توسعه، محتوا و SEO وجود دارد.”
۴. در مورد طراحی سایت آگاه باشید و از خلاقیت نترسید
فقط به این دلیل که وب سایت های زیادی را با طراحی یا چیدمان خاص می بینید، به این معنی نیست که مجبور باشید. دربی در مورد منطقه ناوبری فرعی به اشتراک می گذارد: «درباره آنچه باید در این نقطه بسیار ارزشمند قرار گیرد، زیاد فکر کنید.
پرسیدن سوالاتی از خود در مورد اهدافتان برای فضا راه موثر دیگری برای درک اینکه چه چیزی برای آن فضا بهتر است است. «آیا تصویرسازی معنادار است یا صرفاً تزئینی؟ آیا طرح برای تشویق کاربر به خواندن یا اقدام طراحی شده است؟ آیا چیز جالبی وجود دارد که ممکن است برای چند ثانیه توجه آنها را جلب کند؟
اگر این بخش مناسب نباشد، کاربران شروع به پرش از این بخشهای مهم میکنند و سعی میکنند به محتوای معنادار واقعی زیر بروند. این یک فرصت از دست رفته برای طراحان وب و بازاریابان است که اغلب با ارزش ترین CTA های خود را در بنر بالا قرار می دهند.
از طرف دیگر، ممکن است تصمیم بگیرید که طرح بندی سایت خود را به طور کامل تغییر دهید، بنابراین هیچ تصویری در زیر ناوبری نمایش داده نمی شود. بیش از ۷۰ درصد از کسب و کارها روی طراحی سرمایه گذاری می کنند تا شرکت خود را از رقبا متمایز کنند، بنابراین از انجام کاری که هیچ کس دیگری در صنعت شما انجام نداده است نترسید.
۵. اطلاعات مهم را در قسمت هایی که نرخ تبدیل پایینی دارند قرار ندهید
اگر می دانید یک ویژگی تبدیل نمی شود یا بازدیدکنندگان به آن توجه نمی کنند، مطمئن شوید که اطلاعات مهم را در آن دفن نمی کنید. (یا بهتر است آن را به طور کامل حذف کنید.) اگر وب سایت شرکت شما دارای چرخ فلک است، مطمئن شوید که بهترین روش ها را در نظر گرفته اید.
دربی میگوید: «چند چیزهایی که میتوان در مورد تجربه چرخ و فلک بهبود داد، استفاده از کنترلهای بسیار قابل مشاهده، محدود کردن تعداد اسلایدها، و قرار دادن مهمترین اطلاعات در اولویت است.