Posuvníky a karusely byly před několika lety trendem designu. Bude pro vás stále obtížnější najít blog, který je dnes nenabízí.

Něco se ale změnilo. Návrháři a vývojáři se začali odklánět od posuvníků pro statické zobrazování. Jak rostl zájem o minimalistické vzory a webové stránky s dlouhým posouváním, posuvné bannery se staly vnímaným rozptýlením a hrozbou pro super jednoduchý design.

A pokud by se návrháři rozhodli použít pohyb na web, bylo by to v paralaxním rolování, animovaných ikonách nebo ve videopřehrávači.

Přesto existuje několik návrhářů, kteří tvrdí, že posuvníky a karusely jsou účinnými designovými prvky, které při správném použití pomáhají zlepšit zapojení uživatelů. Dnes prozkoumáme platnost tohoto argumentu a dáme vám tipy a nástroje, které můžete použít k zajištění zapojení uživatelů do vašeho webu WordPress blog.

Měli bychom je opravdu používat?

Pro mnoho návrhářů, kteří právě hledají jednoduchost, může být pro ně obtížné pochopit, jak lze rotační obsah vložit ideálním způsobem.

použití karuselů nebo ne

nevýhody

Zde jsou některé z nejběžnějších argumentů o koloběžkách:

  • Pomalé nakládání: Přidání posuvníků a karuselů zpomalí dobu načítání webu, což může návštěvníky vypnout.
  • Špatné pro SEO : Protože tolik obsahu je napěchováno do jednoho posuvníku, je obtížné optimalizovat stránku a SEO pro celý tento obsah.
  • Nepotřebné rozptýlení: Otáčení kurzoru udržuje návštěvníky odvrácené od obsahu v okolí.
  • Obtížné použití: Několik snímků dává návštěvníkům příliš mnoho možností k následování a často vyžaduje příliš mnoho úsilí, což ztěžuje přístup k hledaným datům.
  • Přerušení UX: Pro návštěvníky, kteří upřednostňují rychlé svislé posouvání obsahu, mohou posuvníky ovlivnit jejich trpělivost, protože musí sedět a čekat na každý slide "Svitky.
  • Míra špatného kliknutí: Podle některých studií jsou posuvníky neúčinné při interakci, kterou hledá (kliknutí). I když návštěvníky může zajímat čtení jednoho nebo dokonce několika snímků, většina nepodnikne žádnou akci.
  • nevzhledný : Mnoho návrhářů si myslí, že “ posuvníky » a kolotoče jsou ošklivé, zvlášť když jsou zvyklé podporovat výhledové reklamní obrázky a zprávy.

výhody

Pojďme se nyní podívat na argumenty příznivců posuvníku:

  • Spořič prostoru : Kolotoče mohou zobrazovat spoustu informací na malém prostoru.
  • Omezte nepořádek : U některých webů je důležité předvést různé produkty, vzorky, členy týmu a další. Posuvníky mohou snížit nepořádek, kterým mobilní uživatelé trpí.
  • Upozorňuje Přidání pohybu k posuvníku může pomoci přilákat pozornost návštěvníků.
  • Poskytnuté perspektivy : Některé webové stránky mají produkt nebo službu, kterou je třeba zvýraznit z různých úhlů. Dobrým příkladem tohoto případu je prodejce telefonů, který chce zobrazovat řadu obrázků svých mobilních zařízení z různých perspektiv.

Metody 6, které vám pomohou přidat posuvníky / karusely do vašeho blogu

Váš web je navržen tak, aby správně fungoval. To je důvod, proč mnoho z obav o protikurzory platí. Pokud používáte posuvník kvůli uklidnění klienta jen proto, že ho opravdu chtějí, nebo proto, že jste si nenašli čas na prozkoumání tipů a nástrojů, jak jej správně používat, může nakonec ohrozit výkon vašeho webu.

Pokud hledáte angažovanost uživatelů, měli byste mít při vývoji na mysli vždy uživatelskou zkušenost. Při přidávání posuvníku na svůj web mějte tedy na paměti následující tipy:

# 1: Optimalizujte umístění

Když jsou zvýrazněny posuvníky, jsou na samém vrcholu domovské stránky, kde většina návrhářů aktuálně umisťuje důležité obrázky. Jako vývojář WordPress víte, že existují i ​​jiné oblasti webu, které mají potenciál dobře využívat klouzavý obsah.

posuvník WPmudev tutorial

# 2: Přemýšlejte o velikosti

Potřebujete zahrnout posuvník na celou šířku, nebo vám to zabere zbytečné místo? Vždy zvažte účel posuvníku, velikost obrázků uvnitř a vyvážení, které může vytvořit se zbytkem prvků na stránce, abyste určili, jaká bude jeho optimální velikost.

# 3: Použijte důležitý obsah pro posuvníky

Vaši návštěvníci chtějí vidět obsah, který má pro ně hodnotu. Ujistěte se, že obrázky a obsah použité v posuvníku posilují poslání vašeho webu a motivují návštěvníky, aby si je prohlíželi jako celek.

Příklad posuvníku WPMUDEV

# 4: Výběr obrázků s vysokým rozlišením

Obecně je špatnou praxí používat na svém webu obrázky s nízkým rozlišením nebo špatnou kvalitou. Totéž by mělo platit pro „posuvník“ nebo karusel, zejména proto, že dopad těchto prvků závisí na fotografiích v nich obsažených.

# 5: Udržujte text na minimu

Posuvníky a karusely jsou fantastické pro zobrazování obrázků, ale text může tento zážitek podkopat. Přetížené obrázky mohou často ztížit čtení textů, které jsou na ně nad sebou. Pokud se navíc kurzor otočí příliš rychle, návštěvníci nebudou mít dostatek času na jeho přečtení. Měli byste také zvážit, že text vložený do obrázku se pravděpodobně nebude na mobilu zobrazovat správně. Pokud je to možné, neuvažujte o používání textů, zejména pokud by to mělo vliv na kvalitu.

# 6: Věnujte pozornost rolování

Existuje řada metod, které můžete použít k ovládání posouvání. Rozhodnutí vybrat si jedno nebo druhé obvykle závisí na obsahu „ Posuvník ". Automatické posouvání funguje skvěle pro posuvníky s jedním snímkem, pokud posouvání neprobíhá rychle. Nejlepším řešením by mohlo být přinutit snímek, aby se zastavil, jakmile někdo klikne nebo umístí kurzor nad „ Posuvník “. Poté bude na nich, aby určili, kdy budou chtít pokračovat v posouvání.

Příklad posuvníku wpmudev

Co bychom tedy měli dělat?

Naše práce je omezena na prezentaci věcí, abyste se mohli rozhodnout a vybrat, co je pro váš blog správné. Osobně používám jezdce, ale ujistěte se, že optimalizuji obrázky i obsah, abych jich co nejlépe využil.

Co používáte doma? Máte přednost? Neváhejte se s námi podělit.