۵ مورد از اشتباهات رایج طراحی سایت که باید بدانید!
وبسایتم را با دقت و بر اساس استانداردها طراحی کردهام. ظاهر خوبی هم دارد. اما چرا بازخورد جالبی از کاربران نمیگیرم؟ اشکال کجاست؟ در این مطلب ۵ تا از اشتباهات رایج طراحی سایت و راه برطرف کردنشان را میبینیم. در این مطلب همراه ما باشید تا شاید کلید حل مشکل سایت شما هم در همین موارد باشد و به سایتی برسید که تجربه کاربری فوقالعادهای را برای کاربران رقم میزند.
۱/ ظاهر نامناسب سایت
برای چه کسی طراحی میکنید؟ احتمالاً یک سری اطلاعات را درباره مخاطبان هدف از کارفرما گرفتهاید. اما شاید این اطلاعات کافی نیستند که نتیجه مورد نظر را نمیگیرید.
کار نهایی کیست؟ چه چیزهایی میتوانند آنها را کنجکاو کنند که بیشتر در سایت بمانند یا با آن تعامل کنند؟ چرا این کاربران باید وقت ارزشمند خود را در سایت شما صرف کنند؟ خیلی اوقات خروجی کار طراحان صرفاً یک سایت زیبا است. اما آیا این سایت دقیقاً برای همان جامعه هدف مناسب است؟
یادتان باشد که شما فقط ۳ ثانیه فرصت دارید که توجه اولیه کاربر را جلب کنید. در غیر این صورت او را (احتمالاً برای همیشه) از دست میدهید.
راه حل
پاسخ سؤالات بالا بیشتر از هر چیزی در طراحی شما است. یعنی اِلِمانهای سایت را طوری طراحی کنید که برای مخاطبان هدف جذاب باشد. جذاب بودن به تنهایی کافی نیست، همهچیز باید مناسب پرسونا (مشخصات و ویژگیهای مخاطبان) باشد.
میتوانید سری به رقبا بزنید؛ به خصوص رقبای موفقتر. ببینید آنها از چه عناصر و رنگهایی استفاده کردهاند. آیا سایتشان مینیمال است یا برعکس، پر از جزئیات متنوع است؟ یادتان باشد که هرگز از روی آنها کپی (یا حتی نزدیک به کپی) نکنید. بلکه فقط ایده بگیرید و به سبک خودتان آن ایده را اجرا کنید.
۲/ عدم امکان تعامل کاربر
کاربران وقتی وارد سایتی میشوند که تعاملی است، از وقت گذراندن در آن لذت میبرند. چرا این لذت را به آنها ندهیم؟ یکی از اشتباهات رایج طراحی سایت این است که آن سایت به اندازه کافی تعاملی نیست. پس اگر قسمتهای تعاملی سایتتان کم هستند یا دور دسترساند، باید در طراحی آنها تجدید نظر کنید.
راه حل
صفحات فرود و به خصوص صفحه اصلی سایتتان را بازنگری کنید. ببینید کاربران چه راههایی برای تعامل دارند. مثلاً اگر یک صفحه فرود مختص معرفی یک دوره آموزشی است، احتمالاً کاربر وارد این صفحه میشود تا اطلاعات دوره را ببیند. حالا اولین تعاملی که به آن نیاز دارد چیست؟ بله، ثبت نام در دوره. پس دکمه ثبت نام در دوره باید به شکلی واضح جلوی چشم باشد.
در مورد صفحه اصلی هم همینطور است. نیازهای کاربران را حدس بزنید و به سادهترین شکل به آنها پاسخ بدهید. مثلاً کاربری که وارد سایت میشود شاید کنجکاو باشد در مورد این کسبوکار بیشتر بداند. پس به دنبال صفحه «درباره ما» میگردد. بنابراین این گزینه حتماً باید به عنوان یک گزینه مستقل در منوی اصلی سایت باشد.
یا به عنوان یک مثال دیگر، فرض کنید یک وبسایت دارید که در حوزه سئو کار میکند. دستهای از کاربران وارد سایت شما میشوند تا خدمات و تعرفههایتان را بدانند. پس باید آدرس این صفحه را در منوی اصلی یا جای دیگری که در معرض دید است قرار دهید. دسته دیگری از کاربران هم میخواهند از شما مشاوره رایگان بگیرند. پس میتوانید در همان صفحه اصلی فرمی قرار دهید تا کاربر بتواند فوراً فرم را پر کند و از شما مشاوره بگیرد.
۳/ استفاده نکردن از الگوهای آشنا
اینجا منظور ما از «الگو» ظاهر سایت نیست؛ بلکه منظور «معماری اطلاعات» سایت است. این که چه دستهبندیهایی داشته باشید، محتواهایتان را چطور شاخهبندی کنید و هر چیزی که به نحوه چینش محتواهای سایت مربوط میشود.
ممکن است کاربر وارد سایت شود و با چینشی مواجه شود که برای او آشنا نیست. در این صورت سردرگم میشود یا وقتش را برای پیدا کردن اطلاعات مورد نیازش هدر نمیدهد و سایت را ترک میکند.
راه حل
در این مورد از اشتباهات در طراحی سایت، باز هم میرسیم به رصد کردن رقبا! به سایت رقبا بروید و ببینید اطلاعات چطور نمایش داده میشوند؟ در صفحه اصلی چه اطلاعاتی دارند؟ محصولاتشان را چطور دستهبندی کردهاند؟ بر اساس مدل؟ رنگ؟ قیمت؟ یا… . احتمالاً متوجه میشوید که با وجود تفاوت سایتهای مختلف، یک الگوی کلی در آنها تکرار شده است. شما هم از همان الگو ایده بگیرید.
اما شاید در حوزهای کار میکنید که رقبای قدرتمندی ندارید. در این صورت این الگو را پیدا نمیکنید. پس خودتان را جای مخاطب بگذارید یا از الگوها کلیتر استفاده کنید. مثلاً اغلب سایتها فوترهایی دارند که شامل دستهبندیهای مهم و اطلاعات تماس است. یا اکثر سایتها در صفحه اصلی توضیحاتی کلی و مختصر را میدهند.
۴/ کُند بودن سایت
ما میتوانیم پاراگرافها درباره اهمیت سرعت سایت بگوییم و باز هم حرف برای گفتن داشته باشیم. سرعت بارگذاری سایت آنقدر مهم است که نباید فدای هیچ چیز دیگری شود. به خصوص نسخه موبایل سایت اگر سرعت کمی داشته باشید، شما بیش از نیمی از کاربران را از دست میدهید. پس اگر سایت کُند است، اولویت را بر رفع همین مشکل بگذارید و در موارد دیگر به دنبال اشتباه در طراحی سایت نباشید.
راه حل
در وهله اول تصاویر و رسانههای دیگر را تا جای ممکن کم کنید. درست است که محتواهای بصری بسیار تعاملی هستند، اما نباید از حد بگذرند؛ به خصوص اگر حجم سرور خیلی بالا نیست، سعی کنید تعداد کمی از این محتواها را داشته باشید.
نکته بعدی این که اگر محتواهای بسیار زیادی در سایت خود دارید (مثل فروشگاههایی که محصولات مجازی میفروشند، مانند ویدئوهای آموزشی) سعی کنید هاست دانلود را جداگانه تهیه و این فایلها در آن هاست آپلود کنید. این کار سرعت سایت را به طور محسوسی افزایش میدهد.
۵/ یکپارچه نبودن
از لوگو گرفته تا آیکونها، پالت رنگی، تصاویر، فونت و… همه باید در خدمت برند و کاملاً یکپارچه باشند. به طوری که تکتک صفحات سایت با هم رابطه بصری درستی داشته باشند. این که هر بخش یا صفحه سایت را در سبک یا حال و هوای متفاوتی طراحی کنیم، احتمالاً بدتری تصمیمی است که میتوانیم برای سایت بگیریم.
راه حل
قبل از طراحی سایت، یک سند تهیه کنید از پالت رنگی سایت، فونتها و هر متغیر دیگری که باید در تمام صفحات استفاده شود. بعد هر یک از عناصر را مطابق با همین ویژگیها طراحی کنید. در انتخاب گرافیکهایی مانند تصاویر و آیکونها هم یک سبک ثابت داشته باشید.
برای مثال اگر تصاویر صفحه اصلی از نوع پیکسلی هستند، در صفحات دیگر هم از تصاویر پیکسلی استفاده کنید و نه وکتورها. یا اگر آیکونهای بالای سایت لبههای گردی دارند، تمام آیکونها را در تمام صفحات با لبههای گرد انتخاب کنید. یا برای مثال در کل سایت ترجیحاً فقط دو فونت داشته باشید.
البته این نکته فقط در مورد عناصر بصری نیست. در مورد متنها هم باید یک زبان مشترک را استفاده کنید. مثلاً اگر متنهای صفحه اصلی را با زبان رسمی نوشتهاید، در صفحات دیگر به سراغ زبان عامیانه نروید و برعکس. برای سایت خود یک شخصیت بسازید و این شخصیت را به کاربران نشان دهید.
در آخر
حالا که اشتباهات رایج طراحی سایت را میدانید، احتمالاً مشکل کمتری برای پیشرفت سایت خود خواهید داشت. اما اگر مایلید که مهارتهای فنی خود را هم ارتقا دهید، پیشنهاد میکنیم که از آموزشهای دسته وب خانه فتوشاپ استفاده کنید. برای مثال در دوره آموزش طراحی سایت با المنتور، نحوه راهاندازی وبسایتهای فروشگاهی را از صفر تا صد آموزش خواهید دید.
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیری
دیدگاهتان را بنویسید