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

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

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

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

آیا باید از آنها استفاده کنیم؟

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

استفاده از چرخ و فلک یا نه

معایب

در اینجا برخی از متداول ترین بحث های مربوط به چرخ فلک ها می باشد:

  • بارگیری آهسته: افزودن اسلایدر و چرخ فلک باعث کند شدن زمان بارگیری یک وب سایت می شود که می تواند بازدیدکنندگان را خاموش کند.
  • بد برای SEO : از آنجا که محتوای زیادی در یک نوار لغزنده قرار دارد ، بهینه سازی صفحه و سئو برای تمام آن مطالب دشوار است.
  • حواس پرتی بیهوده: چرخش مکان نما بازدیدکنندگان را از محتوا در اطراف آن پریشان می کند.
  • استفاده از آن دشوار است: اسلایدهای متعدد گزینه های زیادی را برای پیگیری به بازدیدکنندگان ارائه می دهند و اغلب به تلاش زیاد نیاز دارند و دسترسی به داده های مورد نظر را دشوار می کنند.
  • قطع UX: برای بازدیدکنندگانی که پیمایش سریع محتوا را سریع تر ترجیح می دهند ، لغزنده می تواند بر صبر آنها تأثیر بگذارد ، زیرا باید بنشینند و منتظر هر یک باشند لغزش "پیمایش می کند.
  • نرخ ضعیف کلیک: بر اساس برخی مطالعات ، اسلایدرها در تعاملی که به دنبال آن است بی تأثیر هستند (کلیک). در حالی که بازدیدکنندگان ممکن است به خواندن یک یا حتی چند اسلاید علاقه مند باشند ، اکثر آنها هیچ اقدامی نمی کنند.
  • کریه : بسیاری از طراحان فکر می کنند که " لغزنده » و چرخ و فلک ها زشت هستند، مخصوصاً زمانی که عادت داشته باشند ترویج تصاویر و پیام های تبلیغاتی آینده نگر

مزایای

حال ، بیایید نگاهی به استدلال های طرفداران کشویی بیندازیم:

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

روشهای 6 به شما کمک می کند تا کشویی / چرخ فلک را به وبلاگ خود اضافه کنید

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

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

# 1: بهینه سازی قرار دادن

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

کشویی WPmudev آموزش

# 2: به اندازه فکر کنید

آیا شما نیاز به قرار دادن یک نوار لغزنده با عرض کامل دارید یا فضای غیر ضروری را اشغال می کند؟ همیشه هدف لغزنده ، اندازه تصاویر داخل و تعادلی را که می تواند با بقیه عناصر موجود در یک صفحه ایجاد کند ، در نظر بگیرید تا اندازه بهینه آن تعیین شود.

# 3: از محتوای مهم در لغزنده ها استفاده کنید

بازدید کنندگان شما می خواهند محتوایی را ببینند که برای آنها ارزش دارد. اطمینان حاصل کنید که تصاویر و محتوای استفاده شده در اسلایدر شما مأموریت سایت شما را تقویت کرده و بازدیدکنندگان را ترغیب می کند تا آن را به طور کامل مشاهده کنند.

مثال لغزان WPMUDEV

# 4: تصاویر با وضوح بالا را انتخاب کنید

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

# 5: متن را حداقل نگه دارید

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

# 6: به پیمایش توجه کنید

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

مثال کشویی wpmudev

پس چه کاری باید انجام دهیم؟

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

از چه چیزی در خانه استفاده می کنید؟ آیا شما یک الویت دارید ؟ دریغ نکنید که با ما در میان بگذارید.