Posuvníky a karusely boli trendom dizajnu pred niekoľkými rokmi. Bude pre vás čoraz ťažšie nájsť blog, ktorý ich dnes neponúka.

Niečo sa však zmenilo. Dizajnéri a vývojári začali opustiť posúvače pre statické zobrazovanie. Keď vzrástol záujem o minimalistické vzory a webové stránky s dlhým posúvaním, posuvné bannery sa stali vnímaným rozptýlením a hrozbou pre super jednoduchý dizajn.

A keby sa dizajnéri rozhodli použiť pohyb na webovú stránku, bolo by to v paralaxovom posúvaní, animovaných ikonách alebo vo videoprehrávači.

Napriek tomu existuje niekoľko dizajnérov, ktorí tvrdia, že posúvače a karusely sú efektívnymi dizajnovými prvkami, ktoré pri správnom používaní pomáhajú zlepšiť zapojenie používateľov. Dnes preskúmame platnosť tohto argumentu a poskytneme vám tipy a nástroje, ktoré môžete použiť na zabezpečenie zapojenia používateľov do vašej siete WordPress blog.

Mali by sme ich skutočne používať?

Pre mnohých dizajnérov, ktorí práve teraz hľadajú jednoduchosť, môže byť pre nich ťažké pochopiť, ako je možné rotačný obsah vložiť ideálnym spôsobom.

používanie kolotočov alebo nie

nevýhody

Tu sú niektoré z najbežnejších argumentov týkajúcich sa karuselov:

  • Pomalé zaťaženie: Pridaním posúvačov a kolotočov sa spomalí načítanie webu, čo môže vypnúť návštevníkov.
  • Zlé pre SEO : Pretože toľko obsahu je napchaných do jedného posúvača, je ťažké optimalizovať stránku a SEO pre všetok tento obsah.
  • Zbytočné rozptýlenie: Otáčanie kurzora udržuje návštevníkov rozptýlených z obsahu okolo neho.
  • Ťažké používať: Viaceré snímky poskytujú návštevníkom príliš veľa možností na sledovanie a často vyžadujú príliš veľa úsilia, čo sťažuje prístup k hľadaným údajom.
  • UX prerušuje: Pre návštevníkov, ktorí uprednostňujú rýchle zvislé posúvanie obsahu, môžu posúvače ovplyvniť svoju trpezlivosť, pretože musia sedieť a čakať pri každom šmykľavka "Scrolls.
  • Nízka miera kliknutí: Podľa niektorých štúdií sú posuvníky neúčinné pri interakcii, ktorú vyhľadáva (kliknutia). Aj keď môžu mať návštevníci záujem o prečítanie jednej alebo dokonca niekoľkých snímok, väčšina nepodnikne nijaké kroky.
  • nevzhľadný : Mnoho dizajnérov si myslí, že “ posuvníky » a kolotoče sú škaredé, hlavne keď sú zvyknuté podporovať výhľadové reklamné obrázky a správy.

výhody

Teraz sa pozrime na argumenty priaznivcov posúvača:

  • Šetrič priestoru : Kolotoče môžu zobrazovať veľa informácií na malom priestore.
  • Znížte neporiadok : Pre niektoré weby je dôležité predstaviť rôzne produkty, vzorky, členov tímu a ďalšie. Posuvníky môžu znížiť neporiadok, ktorým mobilní používatelia trpia.
  • Upozorňuje Pridanie pohybu do jazdca môže pomôcť upútať pozornosť návštevníkov.
  • Poskytnuté perspektívy : Niektoré webové stránky obsahujú produkt alebo službu, ktoré je potrebné zvýrazniť z rôznych uhlov pohľadu. Dobrým príkladom tohto prípadu je maloobchodník s telefónmi, ktorý chce zobraziť niekoľko obrázkov svojich mobilných zariadení z viacerých uhlov pohľadu.

Metódy 6, ktoré vám pomôžu pridať posúvače / karusely do vášho blogu

Váš web je navrhnutý tak, aby správne fungoval. To je dôvod, prečo sú mnohé obavy z protikurzov platné. Ak používate posúvač na upokojenie klienta len preto, že ho skutočne chce, alebo preto, že ste si zatiaľ nenašli čas na preskúmanie tipov a nástrojov na jeho správne použitie, môžete by mohlo nakoniec ohroziť výkonnosť vášho webu.

Ak hľadáte angažovanosť používateľov, počas vývoja by ste mali vždy myslieť na užívateľskú skúsenosť. Pri pridávaní posúvača na svoje webové stránky nezabudnite na nasledujúce tipy:

# 1: Optimalizujte svoje umiestnenie

Keď sú posuvníky zvýraznené, nachádzajú sa na samom vrchu domovskej stránky, kde väčšina návrhárov momentálne umiestňuje dôležité obrázky. Ako vývojár WordPress viete, že existujú aj ďalšie oblasti webu, ktoré majú potenciál dobre využívať posuvný obsah.

posúvač WPmudev tutorial

# 2: Premýšľajte o veľkosti

Potrebujete zahrnúť „posuvník“ na celú šírku, alebo bude zaberať zbytočné miesto? Pri určovaní optimálnej veľkosti posúvača vždy zvážte účel posúvača, veľkosť obrázkov vo vnútri a vyváženie, ktoré môže vytvoriť so zvyškom prvkov na stránke.

# 3: v posuvných slovách použite dôležitý obsah

Vaši návštevníci chcú vidieť obsah, ktorý má pre nich hodnotu. Uistite sa, že obrázky a obsah použité v posuvníku posilňujú poslanie vašej stránky a motivujú návštevníkov, aby si ju prehliadli celú.

Príklad posúvača WPMUDEV

# 4: Vyberte obrázky s vysokým rozlíšením

Všeobecne platí, že nie je dobrým zvykom používať na svojom webe obrázky s nízkym rozlíšením alebo nízkou kvalitou. To isté by malo platiť pre „posúvač“ alebo kolotoč, najmä preto, že vplyv týchto prvkov závisí od fotografií, ktoré sú na nich obsiahnuté.

# 5: Udržujte text na minime

Posúvače a karusely sú fantastické na zobrazovanie obrázkov, ale text môže tento zážitok oslabiť. Preťažené obrázky môžu často sťažovať čítanie textov, ktoré sú na nich prekrývané. Ak sa kurzor zmení príliš rýchlo, návštevníci nebudú mať dostatok času na jeho prečítanie. Mali by ste tiež zvážiť, že text vložený do obrázka sa pravdepodobne nebude v mobile správne zobrazovať. Ak je to možné, neuvažujte o použití textov, najmä ak ovplyvňujú kvalitu.

# 6: Venujte pozornosť rolovaniu

Existuje niekoľko metód, ktoré môžete použiť na ovládanie posúvania. Rozhodnutie zvoliť si jedno alebo druhé zvyčajne závisí od obsahu v časti „ Posuvník „. Automatické posúvanie funguje skvele pre posúvače s jedným rámom, pokiaľ posúvanie neprebieha rýchlo. Najlepším riešením môže byť vynútenie zastavenia posuvu, akonáhle niekto klikne alebo prejde kurzorom myši na Posuvník ". Potom bude na nich, aby určili, kedy budú chcieť pokračovať v posúvaní.

Príklad posúvača wpmudev

Čo by sme potom mali robiť?

Naša práca je obmedzená na to, aby sme vám mohli veci prezentovať, aby ste sa mohli rozhodnúť a zvoliť, čo je pre váš blog vhodné. Osobne používam posúvače, ale zabezpečujem optimalizáciu obrázkov aj obsahu, aby som ich čo najlepšie využil.

Čo používaš doma? Máte prednosť? Neváhajte sa s nami podeliť.