طراحی سایت جذاب
چگونه وب سایت خود را با طراحی UX جذاب کنیم
UX تجربه الکترونیکی کاربر است ، تجربه شخصی که با یک وب سایت ، برنامه یا محصول فیزیکی ارتباط برقرار می کند. طراحی شایسته UX زمانی است که کاربر از کار با نرم افزار یا یک شی بر روی رابط سایت شما و ناوبری بر روی آن بالا می رود. طراحی خوب ، تجربه خوب ، فروش خوب.
این مقاله برای شرکت ها ، کارآفرینان فردی ، مشاغل آزاد ، شهروندان خود اشتغالی و هرکسی که وب سایت خود را دارد مفید خواهد بود.
قوانین UX را بیاموزید: این قوانین به شما کمک می کنند تا از لحاظ عاطفی کاربران را "گره بزنید" و کار طراح را ماهرانه ارزیابی کنید. بیایید نگاهی به اصول اولیه UX بیندازیم که می تواند برای افزایش کارایی وب سایت شما و وفاداری بیشتر بازدیدکنندگان شما به کار رود.
هوا اضافه کنید
فضای داخلی اتاق و طراحی سایت هم باید فضای خالی داشته باشد. به شما کمک می کند تا روی عناصر مهم تمرکز کنید. یک "دیوار" ، یک سنگ فرش ، یک صندلی راحتی ، یک میز ، یک زیر کشو ، یک تخت ، یک سنگ فرش دیگر ، یک کمد لباس - یک متر در امتداد دیوارهای آپارتمان های شوروی نباید خالی باشد. و در پس زمینه یک فرش قرار دارد. در دهه 1990 سایت ها به یک شکل بودند: پس زمینه رنگی ، انبوهی از عناصر ، بنرهای اسیدی. این کار را اینگونه انجام ندهید.
فضای سفید اطراف متن و عنوان ها 20? توجه کاربر را افزایش می دهد. فضای سفید باعث می شود سایت تازه ، باز و مدرن به نظر برسد. اگر نام تجاری شما با این مورد مطابقت دارد ، از "هوا" در طراحی خود استفاده کنید تا احساسات دلخواه را به کاربر منتقل کنید.
عیب "هوا" در طراحی این است که فضای آن را نیز اشغال می کند. اگر محتوای زیادی را روی یک صفحه قرار می دهید (یکباره قابل مشاهده است ، بدون پیمایش) ، شکاف های خیلی زیاد می توانند اطلاعات با ارزش را جمع کنند. شما باید تعادل پیدا کنید: مهمترین مورد را روی صفحه نگه دارید و آن را با فضایی احاطه کنید که باعث برجسته شدن تصویر یا متن می شود.
"هوا" اگر طرح از رنگ های ناسازگار استفاده کند و خواندن متن دشوار باشد ، بعید به نظر می رسد. شما می توانید از بین پالت های چهار رنگ از پیش ساخته شده انتخاب کنید ، ColorScheme طرح های رنگی ایجاد می کند ، Adobe Color رنگ ها را بر اساس هماهنگی رنگ مخلوط می کند و رنگ ها را از تصاویر استخراج می کند.
سرعت بارگذاری وب سایت را کاهش دهید
یکی از ناخوشایندترین پدیده ها برای همه کاربران اینترنت بارگذاری طولانی صفحه است. موافقم ، این بسیار آزار دهنده است. غالباً وقت انتظار نداریم و به سادگی چنین سایتهایی را با سرعت پایین تعطیل می کنیم. طبق بخش ، 5 ثانیه اضافی بارگذاری صفحه 20? نرخ پرش را افزایش می دهد. ابزارهای رایگان PageSpeed به شما کمک می کنند سرعت بارگیری سایت دسک تاپ و موبایل خود را بهینه کنید.
تصاویر "سنگین" یکی از دلایل اصلی بارگذاری طولانی صفحه است. برای فشرده سازی تصاویر خود بدون از دست دادن کیفیت ، سرویسی مانند Optimizilla یا Compressor را امتحان کنید .
از فراخوان های جذاب برای اقدام استفاده کنید
نشانه های دیداری به شما کمک می کند تا محتوای مهم را پیدا کنید. و تماس های واضح بیان شده برای اقدام به کاربران امکان می دهد تا به راحتی در سایت گشت بزنند و آنچه را که می خواهند در مکان مورد انتظار به دست آورند.
هنگام ایجاد دکمه برای وب سایت خود ، روانشناسی رنگ را در نظر بگیرید. بازاریابان در Maxymiser توانستند 11 درصد افزایش تعداد کلیک روی دکمه پرداخت را بدست آورند. برای انجام این کار ، آنها تغییرات رنگ دکمه و پیام های دعوت به عمل را آزمایش کردند. رنگهای مختلف معانی مختلفی دارند. چه چیزی می خواهید به کاربران خود منتقل کنید: اعتماد ، تجربه ، هوش؟
آزمایش A / B را انجام دهید تا انتخاب براساس معیارهای عینی انجام شود. اینکه شما و دوستانتان رنگ دکمه را دوست دارید ، نرخ تبدیل بالای این گزینه را تضمین نمی کند.
متن روی دکمه ها باید شامل یک فعل یا دعوت به عمل باشد. کلمات نه تنها باید یک پیام ، بلکه احساس درست را نیز منتقل کنند. بدون ارتباط عاطفی - هیچ عملی. تماس های خود را پررنگ ، حساس به زمان (به عنوان مثال با کلمه "اکنون") ، عمل گرا انجام دهید.
پیوندها را از هم متمایز کنید
وقتی پیوندی را اضافه می کنید ، به کاربر می گویید: روی آن کلیک کنید! اطمینان حاصل کنید که پیوندها با نشانه های تصویری به راحتی قابل شناسایی هستند. متن زیرخط دار و حروف رنگی توجه شما را جلب می کند و به شما کمک می کند بفهمید این یک پیوند است.
هر چه متن پیوند طولانی تر باشد ، مشاهده آن آسان تر است. به جای "درباره قابلیت های CRM Megaplan اینجا بیاموزید " بنویسید " درباره قابلیت های CRM Megaplan اطلاعات کسب کنید ".
پیوندهایی را که کاربر قبلاً دنبال کرده علامت گذاری کنید. معمولاً آنها با سایه تیره از آنچه بازدید نشده است متمایز می شوند. پیوندها را با یک خط نقطه گذاری علامت گذاری کنید که با کلیک روی آنها صفحه جدیدی باز نمی شود.
از تصاویر مناسب استفاده کنید
عکسهای پرطرفدار سهام را در سایت خود قرار ندهید. کاربران به راحتی آنها را شناسایی می کنند: این باعث کاهش اعتماد می شود و باعث می شود محصولاتتان را متوسط و غیر منحصر به فرد بدانید. شرکت حمل و نقل جایگزین تصاویر سهام با عکس متحرک واقعی خود و یک کامیون متحرک ، تبدیل صفحه را افزایش داد. تعداد برنامه ها 45? افزایش یافت !
هیچ عکاسی از سهام نمی تواند مارک ، محصولات و خدمات شما را به طور کامل نشان دهد - فقط تصاویر خودتان می توانند این کار را انجام دهند. سعی کنید عکس هایی با کیفیت خوب بگیرید اما اگر ناقص به نظر می رسند نگران نباشید. برای مشتری ، گشودگی و انسانیت شما بسیار مهمتر از یک تصویر کامل است.
تصاویر نباید خیلی کوچک باشند: مرورگر آنها را متناسب با عرض مشخص شده و کیفیت را خراب می کند. اندازه مطلوب 900-1000 پیکسل عرض و 600-700 پیکسل طول است. نسبت ها 4: 3 ، 3: 2 ، 1: 1 است.
اطلاعات را با نمادها برجسته و تقسیم کنید
نشانگرهای دیداری به خواننده کمک می کند تا به سرعت اطلاعات مورد نیاز خود را بدست آورد: نحوه حل مشکل ، ویژگی های اصلی و مزایای محصول. این باعث جذابیت بیشتر پیشنهاد شما می شود.
آیکون ها مهمترین نکاتی را که می خواهید به کاربر منتقل کنید بدون اینکه گرفتار اصطلاحات شوید ، متقاعد می کنند. از آیکون های غیر استاندارد و مشخصی استفاده کنید که دقیقاً نماد ویژگی های شما هستند. مانند عکس ها ، از الگوهای عکس موجود در سهام بیش از حد مراقب باشید.
عناوین خود را بهینه کنید
عناوین و محتوای سایت شما باید آنچه مشتریان بالقوه شما به دنبال آن هستند را در نظر بگیرد. درج کلمات کلیدی در عناوین و عنوان های فرعی برای جذب مخاطب علاقه مند از اهمیت برخوردار است.
موتورهای جستجو عناوین بیشتری را نسبت به سایر مطالب ارائه می دهند ، بنابراین بهینه سازی صحیح آنها می تواند باعث بهبود رتبه بندی جستجو شود اما مهمتر از همه ، عناوین کاربر را در سایت راهنمایی می کنند ، "خزیدن" و یافتن محتوا را آسان می کنند.
عنوان ها و زیرعنوان های خود را با توجه به علایق و اهداف خواننده خود بنویسید. عناوین بهینه شده برای جستجوگرها ممکن است مورد توجه ربات ها قرار بگیرند ، اما آنها مشتری شما نخواهند بود.
صفحات را با یکدیگر آشتی دهید
در صفحات مختلف ، همه چیز باید در همان قالب باشد: اندازه عنوان ، قلم ، نوع دکمه ، فاصله ، ترتیب عناصر ، سبک تصاویر و عکس ها. طراحی باید به طور کلی - در همان صفحه و در صفحات مختلف به نظر برسد. یک تغییر شدید در طراحی می تواند اعتماد کاربر به سایت شما را کاهش دهد - فرد باید به وضوح درک کند که کجاست.
صفحه خطای 404 را سفارشی کنید
خوب است اگر مفید نباشد و هیچ لینک خرابی در سایت وجود نداشته باشد. اما وقتی کاربر ناخواسته ادرس سایت را کپی کرده و کاراکتر را از دست می دهد ، این خطا ظاهر می شود. با استفاده از ابزرا مدیریت وبسایت گوگل بررسی لینک های خراب در سایت خود را انجام دهید .
صفحه خطای 404 را آموزنده کنید. بسته به مشخصات سایت ، پیوندهایی به بخشهای اصلی منو / گروه کالاها و خدمات / انتشارات اخیر / فرم جستجو / صفحه اصلی ارائه دهید. یک طراحی سرگرم کننده نیز صدمه ای نمی زند - از این نمونه 404 صفحه الهام بگیرید .
سایت خود را برای دستگاه های تلفن همراه بهینه کنید
مدت هاست که این یکی از عوامل اصلی در سئو سایت است . طبق موسسه تحقیقات بازار GfK Group ، در سال 2018 سهم کاربران بزرگسال اینترنت همراه در روسیه 61? بود - دسک تاپ فقط 39? بود.
موتورهای جستجو موقعیت سایتهایی را که برای مشاهده از طریق تلفن هوشمند یا رایانه لوحی ناخوشایند هستند پایین می آورند. ببینید آیا سایت شما از طریق یک خزنده Google بهینه شده است یا خیر .
نتیجه گیری
از کاربران خود مراقبت کنید. درباره راحت تر کردن آنها برای خواندن ، پیمایش ، جستجو ، پیگیری پیوندها ، ثبت سفارش - هم از طریق رایانه و هم از طریق تلفن هوشمند. این یک سرویس است و اغلب مهمتر از قیمت پایین است.
فضای کافی در صفحات باقی بگذارید. این از دست دادن فضا نیست ، بلکه استفاده شایسته آن است: نگاه بهتر در 2-4 عنصر احاطه شده توسط فضا متمرکز است . برای موتورهای جستجو باید سریع ، بصری و بهینه باشد. نشانگرهای بصری قوی ترتیب دهید - نمادهای طراحی اصلی ، دکمه های تماس برای عمل ، عکسهای واقعی محصولات ، دفتر و کارمندان. سپس افراد به سایت شما می آیند و می گویند: "UX چه طرحی است!"