وبلاگ

۶ ویژگی که در طراحی وبسایت شما از قلم افتاده است

در 6 ژوئن، 2017 توسط

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

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

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

با این اوصاف، «چه چیزی را از قلم انداخته‌اید؟»

۱. استفاده از طرحی که مختص به صنعت یا برند شما نیست

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

  •  طراحی به نحوی باشد که در خاطر بازدیدکنندگان بماند و به نوعی «آگاهی از برند شما» را برایشان تداعی کند.
  •  محتوای موجود در سایت باید روایتگر «داستان برند شما» باشد.

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

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

  • انیمیشن‌های شناور یا Hover Animations باعث می‌شوند وبسایت شما علاوه بر حس بهتری که به مخاطب القا می‌کنند، عکس‌ها و متون را در قالب بسیار بهتری نسبت به گذشته نیز ارائه دهند.
  • انیمیشن‌هایی در مقیاس بزرگ مثل Parallax Scrolling و یا پاپ-آپ نوتیفیکیشن‌ها نیز می‌توانند به بهتر شدن رابط کاربری وبسایت شما کمک کنند.
  • انیمیشن‌های بارگزاری یا Loading Animations نیز برای نگه داشتن کاربر در صفحه استفاده می‌شود که در بین سایت‌های یک صفحه‌ای و یا سایت‌هایی با طراحی فلت و مینیمال، استفاده زیادی دارد.
  • وید‌ئوهای کوتاه و انیمیشن‌های موجود در بگراند نیز می‌توانند به شکل اصولی استفاده شوند تا روند بازگویی محتوا را بهتر کنند. دقت کنید که این مورد‌ها نباید موجب حواسپرتی شوند و باید به عنوان عنصری فرعی، به خوانایی محتوا کمک کنند.
همچنین بخوانید:  فوتر؛ بخشی حیاتی در طراحی سایت که نادیده گرفته می‌شود

یک مثال خیلی خوب که شامل تقریبا تمام این موارد می‌شود را می‌توانید در قالب TheGem که اخیرا به وبسایت مشهور Themeforest اضافه شد مشاهده کنید. این تم نیاز شما برای منحصر به‌فرد بودن، خلاقیت، آگاهی و تعامل را با استفاده از المان‌های خاص و صنعتی در زمینه طراحی سایت، برآورده می‌کند. وقتی شما در صفحات دموی این تم گشت و گذار می‌کنید، خواهید دید که چطور می‌توان برای کسب و کار‌های مختلف و حتی صنعت‌های مختلف از این تم‌ها به نحو احسنت استفاده کرد.

۲. عدم استفاده از ویژگی‌های مرسوم در UX و UI

اگرچه ممکن است بازدید کننده وبسایت‌تان نتواند تشخیص دهد که دقیقا چه ایرادی در طراحی سایت شما وجود دارد اما بالاخره ناخودآگاهِ آنها متوجه می‌شود که طراحی سایت شما نسبت به بقیه ضعیف‌تر است. ویژگی‌های Trend در طراحی سایت شما می‌توانند در قالب فرم‌های مختلف ظاهر شوند اما در طول چندسال اخیر، این ویژگی‌ها توانسته‌اند به یکی از ملزومات در طراحی UX و UI وبسایت‌ها تبدیل شوند.

  • Scroll Jacking یکی از این موارد است. وظیفه این ویژگی این است که در هنگام اسکرول کردن شما را به جای مشخصی هدایت کند. مثلا وقتی به سمت پایین صفحه در حال اسکرول هستید، Scroll Jacking شما را دقیقا به اولین کلمه پارگراف بعدی میبرد و اگر یکبار دیگر اسکرول کنید، به پارگراف بعدی خواهید رفت.

  • متریال دیزاین و Flat 2.0: زمانی که گوگل زبان جدید طراحی خود یعنی متریال دیزاین را معرفی کرد، طراحان فرصت را مناسب دیدند تا پلتفرم Flat را توسعه داده با و استفاده از المان‌های مینیمال جدیدی که گوگل با متریال دیزاین معرفی کرد، Flat 2.0 را به وجود آوردند. می‌توانید نمونه‌هایی از Flat 2.0 را در صفحات زیر ببینید که چطور در عین سادگی، ظاهری جذاب و البته کاربردی را پدید آورده‌اند.

  • استفاده از Font Icon ها و فایل‌های SVG: به کمک این ویژگی می‌توان عکس و یا آیکن‌ها را در هر اندازه که مایلید بزرگ کنید بدون آنکه کیفیت فدای اندازه تصویر شود. این مورد مخصوصا در طراحی‌های واکنش‌گرا و طراحی‌هایی مخصوص نمایشگرهای ریتنای اپل کاربردی است.

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

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

۳. عدم استفاده از دکمه‌های کاربردی

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

همچنین بخوانید:  ۵ چیزی که به صفحه اول وب‌سایت شما تعلق دارد

۴. عدم استفاده از سرچ در سایت

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

۵. عملکرد ضعیف و کند

امروزه سایت‌های مدرنی را شاهد هستیم که از نظر ظاهری بسیار خوب به نظر می‌رسند اما در عمل کند هستند و در موتورهای جست و جو نیز جایگاه خوبی ندارند. دلیل این اتفاق، وجود اسکریپت‌ و ریکوئست‌های زیاد و همینطور عدم بهینه بودن تصاویر و نبود ویژگی کش کردن است. سایت‌های دیگر (برای مثال تم TheGem که معرفی کردیم) علاوه‌بر زیبایی، توجه زیادی به بهینه سازی سایت دارند که نتیجه آن، عملکرد و پرفورمنس خیلی خوب سایت و همینطور بالا رفتن رتبه سایت در Google Ranking خواهدبود.

از نکات کلیدی برای افزایش سرعت سایت می‌توانیم به موارد زیر اشاره کنیم:

  • استفاده از اندازه مناسب تصاویر در طراحی
  • کاهش دادن تعداد اسکریپت‌ها
  • استفاده از ابزار‌های HTML/CSS
  • فعال کردن قابلیت کش کردن سایت

۶. سایت شما روی موبایل درست نمایش داده نمی‌شود

بر اساس مطبی که سایت MarginMedia منتشر کرده، ۴۸ درصد کاربرانی که وارد سایت یک کسب و کار شده و با صفحه‌ای مواجه می‌شوند که روی موبایل عملکرد مناسبی ندارد، به این نتیجه می‌رسند که این کسب و کار آنطور که باید و شاید به مشتریان اهمیت نمی‌دهد. امروزه نداشتن سایتی با طراحی واکنش‌گرا با چیزی مثل «نداشتن سایت» برابری می‌کند. کسب و کارها نیاز دارند که سایتی با طراحی واکنش‌گرا داشته باشند تا با اینکار اعتبار به دست بیاورند. به عبارت دیگر آنطور که Noetiforce نوشته، «طراحی واکنش گرا DNA طراحی مدرن وب به شمار می‌آید.»

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

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

و اینکه حتما لازم نیست یک وبسایت را از نو طراحی کنید. گاهی می‌توانید با خرید تم‌های آماده مثل TheGem و اعمال تغییرات در آن، به نتیجه مورد نظر خود برسید.

اگر نوشته‌ای که خواندید مفید بود، آن را با دوستانتان به اشتراک بگذارید:

دیدگاه‌ها/سوالات کاربران

شما چه دیدگاهی دارید؟

    لطفا نکات زیر را در نظر داشته باشید:

  • لطفا دیدگاه/سوال خود را با زبان و کی‌برد فارسی ارسال کنید
  • لطفا از تبلیغ مستقیم وب‌سایت خود خودداری کنید
  • نظراتی که با چیزی به جز نام ارسال شده باشند تایید نخواهند شد حتی اگر مفید باشند