نگاهی گذرا به کارهایی که نباید انجام داد! نمونه های طراحی وب سایت بد ما را مرور کنید و با تفاوت های طراحی وب سایت خوب و بد آشنا شوید.
طراحی یک وب سایت به طور مستقیم بر تجربه کاربر تأثیر می گذارد. یک سایت با طراحی ضعیف کمتر احتمال دارد که بازدیدکنندگان را وادار به انجام یک عمل کند، مانند خرید یک محصول یا پیوستن به یک لیست پستی.
در واقع، اگر صفحه به آهستگی بارگیری می شود یا به سختی می توان آن را پیمایش کرد، 95 درصد بازدیدکنندگان در عرض چند ثانیه آن را ترک خواهند کرد.
اگر نتایجی را که می خواهید از یک صفحه وب دریافت نمی کنید، مانند افزایش تبدیل و کاهش نرخ پرش، طراحی را ارزیابی کنید.
چند اشتباه وجود دارد که متاسفانه متداول هم است . سعی کنید از تکرار هر یک از این پنج نمونه طراحی وب سایت بد خودداری کنید.
طراحی بد وب سایت چگونه است؟
یک صاحب کسب و کار معمولی ممکن است تفاوت بین طراحی وب خوب و بد را درک نکند، به همین دلیل است که بسیاری از وب سایت ها با طراحی های وحشتناک و ناکارآمد ختم می شوند.
در حالی که روند طراحی دائما تغییر می کند، اجزای اساسی یک وب سایت وجود دارد که جهانی باقی می مانند، از جمله:
- تصویر برندینگ و طراحی سایت
- طراحی متناسب با صنعت
- ساختار اطلاعاتی مناسب ، ناوبری و لینک ها
- چیدمان تمیز
- سازگاری ، طراحی واکنشگرا
کاربران نباید حدس بزنند که چگونه یک صفحه را در وب سایت شما پیدا کنند. همه چیز باید به وضوح سازماندهی
شود، منوهای ساده و ویژگی های ناوبری.
یک طرح تمیز نیز توصیه می شود. اگر صفحه مملو از اطلاعات، گرافیک و ویدیو باشد، بارگذاری آن بیشتر طول می‌کشد و خواندن آن سخت‌تر می‌شود.
سازگاری کمتر نگران کننده است، زیرا اکثر سایت ها اکنون از طرح های واکنش گرا استفاده می کنند که با اندازه صفحه نمایش کاربر مطابقت دارد. با این حال، برای اطمینان از بارگیری صحیح عناصر بر روی دستگاه های مختلف، اغلب به آزمایش کامل نیاز است.
ظاهر بصری وب سایت یک جزئیات ذهنی است، زیرا هر کسی سلیقه خود را دارد. صرف نظر از این، شما نیاز به طراحی مناسب برای صنعت دارید. به عنوان مثال، در حالی که گرافیک های پر زرق و برق ممکن است در یک سایت برای یک خانه تشییع جنازه کار نکنند، ممکن است در سایتی برای یک فروشگاه اجاره مهمانی کار کنند.
هنگام بررسی بدترین اشتباهات طراحی وب سایت، این را در نظر داشته باشید.
1. وب سایت های بدون پیام واضح
یکی از بدترین اشتباهات طراحی که می توانید مرتکب شوید این است که یک پیام واضح در رابطه با هدف وب سایت خود ارائه نکنید. کاربران باید فوراً نام کسب و کار و آنچه را که می فروشند بدانند.
هر چیزی که قبل از اینکه کاربران نیاز به پیمایش بیشتر در صفحه داشته باشند در بالای صفحه در نظر گرفته می شود. ما این را “بخش قهرمان” می نامیم.
منطقه Hero است که باید نام کسب و کار و برخی از نشانه ها در مورد آنچه می فروشند درج شود. بالای صفحه نیز باید نوعی ناوبری را ارائه دهد.
بازدیدکنندگان وب سایت در عرض چند ثانیه نظرات خود را در مورد کسب و کار شکل می دهند. اگر کاربران نیاز به پیمایش در صفحه داشته باشند تا بدانند شرکت چه کاری انجام می دهد، احتمالاً صفحه را ترک خواهند کرد.
2. عناصر زیادی که صفحه را به هم ریخته است
علاوه بر یک پیام واضح، سایت باید یک طرح واضح داشته باشد. اگر صفحه بهم ریخته باشد، پیمایش آن سخت می شود و باعث می شود بازدیدکنندگان آن را ترک کنند.
برخی وب‌سایت ها طبقه‌بندی‌شده حاوی فهرست‌هایی است که بدون ساختار کنار هم قرار گرفته‌اند. لیست ها به دسته ها تقسیم نمی شوند و مانند یک پازل با هم هماهنگ می شوند.
دارای عناصر بسیار متفاوتی است، ممکن است هدف سایت را نادیده بگیرید. طراح حداقل نیم دوجین عنصر متحرک را در بالای صفحه قرار داده است، که حرکت در صفحه را فوق العاده سخت می کند.
امکان نمایش مطالب زیاد بدون بهم ریختگی صفحه وجود دارد. برای یک نمونه طراحی وب خوب که دارای چندین محصول است، به Amazon یا AliExpress نگاه کنید. در حالی که هر دو سایت حاوی یک طومار بی پایان از محصولات هستند، به جای اینکه مانند یک موزاییک در کنار هم قرار گیرند، در شبکه‌هایی سازماندهی شده‌اند.
به غیر از شلوغ کردن صفحه با انبوهی از پیوندها، برخی از سایت‌ها مملو از پنجره‌های بازشو، تبلیغات شناور، بارگذاری خودکار ویدیوها و سایر عناصری هستند که توجه بازدیدکنندگان را پرت می‌کنند.
3. صفحات بدون بهینه سازی موبایل
اکثر ترافیک اینترنت در دنیای اکنونی از دستگاه های تلفن همراه می آید، با این حال هنوز بسیاری از وب سایت ها ابتدا برای رایانه های رومیزی ساخته شده اند.
اگر وب سایت برای دستگاه های تلفن همراه بهینه سازی نشده باشد، اکثر بازدیدکنندگان تجربه کاربری خوبی نخواهند داشت.
اکنون بسیاری از سایت‌ها دارای طراحی واکنشگرا هستند که به صفحه وب اجازه می‌دهد عناصر را بر اساس عرض صفحه دستگاه کاربر تنظیم کند. سایت همچنین ممکن است عناصر را مخفی کند، فونت ها را تغییر دهد یا پس زمینه ها را در صورت شناسایی صفحه کوچکتر حذف کند.
این جزئیات به سایت اجازه می دهد روی هر دستگاهی کار کند. در حالی که طراحی های واکنش گرا رایج هستند، هنوز سایت های زیادی وجود دارند که در دستگاه های تلفن همراه قابل خواندن نیستند.
اگر می خواهید نمونه ای از طراحی وب ریسپانسیو را ببینید، تقریباً از هر وب سایتی که متعلق به یک شرکت بزرگ است، مانند نایک یا مایکروسافت، بازدید کنید.
4. عدم وجود ناوبری و لینک های ساده
وقتی کاربران به سایتی می‌رسند، برای مرور منو و یافتن اطلاعات مورد نیاز خود مشکلی ندارند. در وب سایت رسمی دانشگاه فناوری پیشرفته، بالای صفحه با یک نمایشگر متحرک بزرگ حاوی گرافیک های شناور پوشانده شده است.
گرافیک های شناور پیوندهای قابل کلیکی هستند که کلیک کردن روی آنها دشوار است و سرعت بارگذاری صفحه را کاهش می دهد. اگرچه این بسیار نوآورانه است، روش های خلاقانه دیگری برای طراحی وب سایت بدون ایجاد مشکل در مسیریابی وجود دارد.
به جای استفاده از عناصر شناور به عنوان پیوند، دانشگاه فناوری پیشرفته باید روی ایجاد منویی متمرکز می شد که باز کردن و مرور آن آسان باشد.
در نهایت، سایت‌های زیادی وجود دارند که شامل پیمایش اختلاف منظر و عناصر ویدئویی تعبیه‌شده هستند که بر صفحه غلبه نمی‌کنند و قابلیت ناوبری آن را محدود نمی‌کنند.
5. متن ناخوانا یا دکمه های غیرقابل کلیک
به دلیل نیاز به مرورگر وب، منوی سایت قبلی تقریبا غیرقابل کلیک است. هنگامی که سایت ها برای دستگاه های تلفن همراه بهینه نشده اند نیز این مشکل ایجاد می شود. هنگامی که عناصر برای صفحه نمایش کوچکتر تنظیم نمی شوند، ممکن است با هم همپوشانی داشته باشند یا برای خواندن خیلی کوچک شوند.
اگر قبل از راه‌اندازی وب‌سایت خود، آزمایش دقیق را انجام دهید، اجتناب از این مشکل آسان است. از شبیه سازها یا نرم افزارها برای شبیه سازی نحوه نمایش سایت خود در دستگاه های مختلف تلفن همراه، از جمله جدیدترین گوشی های هوشمند و تبلت ها، استفاده کنید.
چگونه از طراحی بد برای وب سایت خود جلوگیری کنیم
پیشنهاد ما به شما استفاده از خدمات طراحی حرفه ای است . برای آشنایی صفحه طراحی سایت حرفه ای را مطالعه کنید.
اکنون که می دانید به دنبال چه چیزی بگردید، اجتناب از مثال های مورد بحث نسبتاً آسان است. با این حال، اجرای تغییرات لازم ممکن است نیاز به تخصص فنی داشته باشد. در وب برتر ، از طراحان با تجربه UX کمک می‌گیرید که درک می‌کنند برای ایجاد تجربه کاربری بهتر چه چیزی لازم است.
اگر می‌خواهید مطمئن شوید که سایت شما حاوی هیچ‌کدام از نمونه‌های طراحی بد مورد بحث نیست، کار با افراد حرفه‌ای را در نظر بگیرید.
به نظر شما چه چیزی باعث طراحی سایت بد می شود؟