وبلاگ کاسپید

طراحی سایت نامناسب نه تنها آزاردهنده است بلکه هزینه است

طراحی سایت نامناسب نه تنها آزاردهنده است بلکه هزینه است

در این پست برای شما بازگو خواهیم کرد که چرا طراحی سایت بد و نامناسب نه تنها آزار دهنده است بلکه هزینه نیز به همراه دارد.

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

طراحی سایت خوب، که با تجربه کاربر (UX) در ذهن ساخته می شوند، نه تنها برای نگه داشتن بازدیدکنندگان در سایت شما توانایی دارند بلکه می توانند نوعی سازگاری که منجر به وفاداری بلند مدت شود نیز ایجاد کنند.

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

مهم ترین اصول برای بهبود طراحی UX سایت خودتان و در نهایت برنده شدن در برابر مخاطبان هدف مورد نظر شما وجود دارد.

  • طراحی سایت برای یک هدف جامع

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

وب سایت های مفید اینکه آنها در چه موردی هستند را کاملا روشن می کنند. پر بازدیدترین وب سایت دنیا را درنظر بگیرید، صفحه اصلی گوگل لازم به ذکر نیست.

طراحی خوب UX، بازدیدکنندگان به سمت یک اقدام روشن متمرکز می کند، چه خرید یک محصول باشد چه ثبت نام برای یک سرویس یا خواندن یک وقفه ی خبری باشد. وب سایت ها بدون هدف جامع اغلب دچار بحران هویت می شوند و در نهایت بازدیدکنندگان خود را در معرض "تناقض انتخاب" قرار می دهند- احساس ناامیدی و خستگی ناشی از داشتن گزینه های بیش از حدی که در اختیارشان می باشد.

  • در طراحی سایت به نحوه خواندن کاربران توجه کنید

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

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

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

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

  • در طراحی سایت برروی ظواهر الزامی سرمایه گذاری کنید

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

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

حتی در اطلاعات تصویری، ما اولویت واضحی برای تصاویر در طول متن داریم. مغز ما تصاویر را 60000 بار سریع تر از کلمات پردازش می کنند، این امر دلیل این است که ما پیش از خواندن به تصاویر نگاه می کنیم. این پردازش در مغز ما آسان تر است.

با دانستن این موضوع، سرمایه گذاری در عکس برداری یا فیلم برداری با کیفیت بالا که به تعریف هرچه بهتر داستان وب سایت شما کمک کند و کلمات را برای جایی که تصاویر ناکام هستند حفظ کند، مهم است.

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

  • پس از طراحی سایت سرعت صفحه خود را بسنجید

وقتی به وب سایت شما مراجعه می شود، بدان معنی است که اگر بارگیری سایت شما بیش از سه ثانیه طول بکشد، تقریباً 40 درصد از ترافیک ورودی شما کناره گیری خواهند کرد.

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

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

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

  • موبایل را فراموش نکنید

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

قسمت ناراحت کننده این است که از سال 2015 ترافیک موبایل بیش از 50 درصد کل ترافیک وب را تشکیل داده است. این بدین معنی است که تقریباً از هر دو نفری که از وب سایت شما بازدید می کنند احتمالاً یک نفر از آنها آن را برروی گوشی هوشمند خود نگاه می کند. آیا تجربه بازدید از وب سایت شما برای آنها نیز همانند افرادی که از لپ تاپ بازدید می کنند به همان اندازه مورد پسند خواهد بود؟

بزرگترین تفاوت میان گوشی های هوشمند و کامپیوترها این است که گوشی های هوشمند نمایش محتوای روی هم قرار گرفته عمودی را پشتیبانی می کنند درحالیکه صفحه نمایش های بزرگتر رایانه امکان تنوع بیشتری در نحوه وب گردی کاربر از طریق یک وب سایت فراهم می-کنند.

دو رویکرد اصلی برای طراحی سایت های سازگار با موبایل وجود دارد: واکنشی یا سازشی. طراحی واکنشی عناصر وب سایت شما را تغییر اندازه می دهد تا با وضوح دستگاه کاربر متناسب شود.

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

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

  • آیا حس می کنید طراحی سایت مجدد از عهده شما خارج است؟

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

خدمات جورسازی حرفه ای مانند Assemble، Upwork، Toptal یا Communo می توانند شما را به سرعت با تخصص مربوطه مرتبط سازند. بصورت ساده به آنها بگویید که چه نوع پروژه ای برای تهیه نیاز دارید و آنها پایگاه اطلاعات حرفه های مهارتی خود را برای یافتن استعداد صحیحی در رابطه با موضوع شما بکار می گیرند.

سخن پایانی

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

24 مرداد 1399
برخی برند های طرف قرارداد با کاسپید
  • زعفران سحرخیززعفران سحرخیز
  • شرکت نیک کالاشرکت نیک کالا
  • صنایع غذایی مارینصنایع غذایی مارین
  • شرکت تهران داروشرکت تهران دارو
  • شرکت زرین غزال (بستنی دایتی)شرکت زرین غزال (بستنی دایتی)
  • شرکت پاکسانشرکت پاکسان
  • فدراسیون فوتبالفدراسیون فوتبال
  • بیمه رازیبیمه رازی
  • چیچکچیچک
  • بهریزانبهریزان
  • برنج آوازهبرنج آوازه
  • پخش قاسم ایرانپخش قاسم ایران
  • لینا نیکلینا نیک
  • عطر بیکعطر بیک
  • امرسانامرسان
  • صنایع غذایی هانیصنایع غذایی هانی
  • نوین زعفراننوین زعفران
  • صنایع غذایی شام شامصنایع غذایی شام شام
  • شرکت ایران گلابشرکت ایران گلاب
  • هتل مارینا پارک کیشهتل مارینا پارک کیش
  • شرکت ایرانکو (سونی)شرکت ایرانکو (سونی)
  • شرکت ساپکوشرکت ساپکو
  • چینی زرینچینی زرین
  • پمپ ایرانپمپ ایران
  • مارگارینمارگارین
  • صنایع غذایی ب.آصنایع غذایی ب.آ
  • جهان ترابر ماهانجهان ترابر ماهان
  • کیش ایرکیش ایر
  • خانه و آشپزخانهخانه و آشپزخانه
  • پارمیداپارمیدا