مراقب روندهای جدید طراحی وب‌سایت باشید!

روندهای جدید طراحی وب‌سایت مانند روندهای مد هستند، همواره می‌آیند و می‌روند. گاهی برخی روندها برای همه یکسان هستند و همواره باید روی آن‌ها تاکید کرد؛ مانند طراحی ریسپانسیو. اما دیگر روندها کاملا متفاوت هستند و بستگی به نیازهای کسب‌وکار شما دارد که از آن‌ها استفاده کنید یا نه؟!

با در نظر گرفتن موارد گفته شده، اجازه دهید در مورد برخی از ترفندهای جدید که ممکن است شما بخواهید از آن‌ها استفاده کنید بیشتر صحبت کنیم:

قرار دادن همه‌چیز پشت یک منوی همبرگری

از آن‌جایی‌که استفاده از دستگاه‌های تلفن‌همراه به امری عادی تبدیل شد، طراحان شروع به استفاده از ناوبری‌های ساده و پنهان کردن آن‌ها زیر منوی همبرگری کردند. این روند که در سال ۲۰۱۶ بیش از پیش موردتوجه قرار گرفته به وب‌سایت‌های نسخه دسکتاپ نیز نفوذ کرده است.

به عنوان مثال، وب‌سایت Squarespace از یک منوی همبرگری صرف‌‌نظر از نوع دستگاه موردنظر استفاده می‌‌کند.

منوی همبرگری

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

برای سایت‌های تجارت‌الکترونیک و سایت‌های خبری که در آن‌ها کشف موضوعات و تجربه‌ی کاربرای بسیار مهم است، این روش کارا نیست. زیرا کاربران مجبور به باز کردن منو ناوبری و اصطکاک غیرضروری می‌شوند.

منوی همبرگری در مجله تایم

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

حتی اگر طراحی و زیبایی ناوبری عمومی سخت باشد، بسیاری از سایت‌ها هنوز هم از این نوع ناوبری استفاده می‌کنند چون معتقدند از طریق این نوع ناوبری کاربران به سرعت آن‌چه را که در سایت وجود دارد، درک خواهند کرد.

بنابراین این رفتار کاربران شما و نوع کسب‌وکار شما است که مشخص می‌کند یک منوی همبرگری برای سایت شما خوب است یا نه؟

اسلایدرهای صفحه‌ی اول وب‌سایت

امروزه در سایت‌های بسیاری اسلایدرها را مشاهده می‌کنیم، آن‌ها از لحاظ بصری به سایت‌ها جلوه می‌بخشند، اما استفاده از آن‌ها مضرات بسیاری برای سایت‌ها دارد.

اسلایدر وب

اسلایدر جزو روندهای موردعلاقه‎‌ است اما شما باید چند چیز را راجع‌به آن‌ها بدانید: ۱) اسلایدرها برای سئوی وب‌سایت شما مضر هستند، ۲) آن‌ها بر روی عملکرد و لودینگ سایت شما تاثیر منفی خواهند داشت، چون از جاوا اسکریپت و جی کوئری استفاده می‌کنند. ۳) یک اسلایدر هیچ ارزشی از لحاظ سئو، محتوا و غیره ارائه نمی‌کند فقط به زیبایی سایت شما می‌افزاید.

علاوه بر این‌ها مطالعات سال ۲۰۱۳ نشان داد که تنها یک درصد از مردم روی اسلایدرها کلیک می‌کنند. همه‌ی مواردی که گفتیم به معنای این نیستند که شما نباید از اسلایدرها استفاده کنید، بلکه بدین معنا هستند که شما برای استفاده از اسلایدرها باید دلایل خوبی داشته باشید. آن را بهینه‌‎سازی کنید و اجازه ندهید به تجربه‌ی کاربری طرح شما آسیب برساند.

پیمایش‌های منطبق

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

در مورد پیمایش‌های منطبق به این موارد توجه کنید: ۱) مانند اسلایدرها، آن‌ها سئوی شما را خراب خواهند کرد. ۲) به دلیل استفاده از گرافیک و جاوااسکریپت عملکرد وب‌سایت شما را پایین خواهند برد. ۳) مطالعات سایت کاربردپذیری نشان می‌دهد که با این‌که پیمایش‌های منطبق سرگرم‌کننده‌تر از سایر سایت‌ها هستند اما کاربران کمی از آن‎‌ها احساس رضایت دارند و یا آن‌ها را دوست دارند.

پیمایش منطبق

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

پیمایش منطبق

همان‌طور که می‌بینید سرعت لود این سایت ۱۸.۲ ثانیه است که وحشتناک است، سرعت لود این سایت بسیار کندتر از اکثر سایت‌های تجاری است که به طور متوسط در ۶.۶ ثانیه لود می‌شوند.

بنابراین اگر می‌خواهید سایتی با پیمایش منطبق ایجاد کنید، نگاهی به ارزش‌ها و هدف‌های خود بیندازید؛ آیا داستانی را که می‌خواهید بیان کنید و زیبایی سایت‌تان مهم‌تر از عملکرد آن است؟‌ اگر این‌طور است پس برای جلب توجه کاربران‌تان از این روش استفاده کنید، در غیراینصورت دور آن خط بکشید.

جاوا اسکریپت بیش از حد

امروزه جاوا اسکریپت‎‌ها در همه‌جا مورداستفاده قرار می‌گیرند. پلاگین‌های اجتماعی بسیاری از آن‌ استفاده می‌کنند. با این‌حال جاوا اسکریپت سرعت سایت‌ها را به مقدار زیادی کاهش می‌دهد و همان‌طور که در بالا اشاره کردیم کاربران به هیچ‌وجه تحمل سایت‌های کم سرعت را ندارند.

جاوا اسکریپت قابلیت‌هایی را می‌تواند به صفحه‎‌ی وب‌سایت اضافه کنید که هیچ‌کدام از زبان‌های دیگر قادر به آن نیستند. اما با این وجود استفاده از آن مضراتی نیز دارد که ما به تعدادی از آن‌ها اشاره می‌کنیم:

سرعت بارگذاری: به علت پلاگین‌ها و اسلایدهایی که وجود دارد، جاوااسکریپت زبان به شدت سرعت بارگذاری سایت‌ها را پایین می‌آورد.

امنیت: مانند سایر زبان‌های اسکریپتی، جاوا اسکریپت نیز در صورت اجرای اشتباه می‌تواند امنیت را به خطر بیندازید.

سئو: جاوااسکریپت توسط موتورهای جستجو بررسی نمی‌شود، بنابراین شما در صورت استفاده زیاد ممکن است برخی کلمات کلیدی را در رتبه‌بندی از دست بدهید.

تایپوگرافی‌های پیچیده

شما می‌توانید از فونت‌های مختلفی برای سایت خود استفاده کنید، اما پویانت دو توصیه برای شما دارد:

اول این‌که از فونت‌هایی که ناخوانا هستند و یا ظاهر سایت را به هم ریخته نشون میدن استفاده نکنید و دوم این‌که هرگز بیش از دو نوع فونت در ساختار خود استفاده نکنید. چون ضروری است که فونت‌های شما از یک خانواده باشند و فاصله‌ی مناسبی نسبت به هم داشته باشند.

تایپوگرافی

مردم نسبت به برخی فونت‌ها احساس خاصی دارند، روانشناسی با تایپوگرافی نیز گره خورده است. تمام فونت‌ها را بررسی کنید و بهترین‌ها را انتخاب نمایید. اغلب سایت‌ها این روزها از فونت iran Sans استفاده می‌کنند شما نیز با توجه به این‌که می‌خواهید سایت‌تان سنتی ، مدرن و … دیده شود فونت موردنظر خود  را انتخاب کنید.

بهترین طراحان اغلب بدبین‌های خوبی هستند

در سال‌های اخیر برخی از روندهای جدید طراحی وب‌سایت پدید آمده‌اند. مینیمالیسم، طراحی پاسخگو و بسیاری از روندهای دیگر به طراحان کمک می‌کنند تا بهترین طرح‌ها را پیاده‌سازی کنند. اما این روندهای جدید ممکن است مشکلاتی نیز به وجود آورند. هنگامی که یک روند جدید یافت می‌شود، باید آن را از زوایای گوناگون بررسی کرد تا مطابق با خواسته‌های کاربران باشد.

 

سعید مداحی

من سعید مداحی، موسس وب سایت پویا نت و مدیر عامل شرکت پویا وب، به همراه تیم دبیر خانه پویا نت روزانه مقاله هایی در زمینه بازاریابی اینترنتی و افزایش فروش از طریق اینترنت، طراحی وب سایت و سئو در این وب سایت قرار میدهیم. امیدواریم که مفید واقع شود.