Glider og karrusler var en designtrend for et par år siden. Du vil have det mere og mere vanskeligt at finde en blog, der ikke tilbyder dem i dag.

Men noget har ændret sig. Designere og udviklere er begyndt at bevæge sig væk fra skyderne til statisk billeddannelse. Da interessen for minimalistiske designs og websteder med lang rulning voksede, blev glidende bannere en opfattet distraktion og trussel mod superenkelt design.

Og hvis designerne havde valgt at anvende bevægelse på et websted, ville det være i parallaksrulning, animerede ikoner eller på en videoafspiller.

Alligevel er der nogle få designere, der hævder, at skydere og karruseller er effektive designelementer, der hjælper med at forbedre brugerengagementet, når de bruges korrekt. Vi vil undersøge gyldigheden af ​​dette argument i dag og give dig tips og værktøjer, du kan bruge til at sikre brugerengagement på din WordPress blog.

Skal vi virkelig bruge dem?

For mange designere, der leder efter enkelhed lige nu, kan det være svært for dem at forstå, hvordan det roterende indhold kan indsættes på en ideel måde.

brug af karruseller eller ej

ulemper

Her er nogle af de mest almindelige argumenter om karruseller:

  • Langsom indlæsning: Tilføjelse af skydere og karruseller bremser indlæsningstiden på et websted, hvilket kan slå besøgende fra.
  • Dårligt for SEO : Da så meget indhold er proppet sammen i en enkelt skyder, er det svært at optimere siden og SEO til alt dette indhold.
  • Nødvendig distraktion: Markørrotation holder besøgende distraheret fra indholdet omkring det.
  • Svær at bruge: Flere dias giver besøgende for mange muligheder for at følge og kræver ofte for meget indsats, hvilket gør det vanskeligt at få adgang til de data, de leder efter.
  • Afbrydelser af UX: For besøgende, der foretrækker hurtig lodret rulning af indholdet, kan skyderne påvirke deres tålmodighed, da de skal sidde og vente på hver glide "Scrolls.
  • Dårlig klikfrekvens: Ifølge nogle undersøgelser er skyderne ineffektive i den interaktion, den søger (klik). Mens besøgende måske er interesseret i at læse et eller måske endda et par dias, tager de fleste ikke noget.
  • uskøn : Mange designere synes, at " skydere » og karruseller er grimme, især når de er vant til det fremme fremadrettede reklamebilleder og budskaber.

fordele

Lad os nu se på argumenterne fra skyderens tilhængere:

  • Rumsparer : Karruseller kan vise en masse information på et lille sted.
  • Reducer rodet : For nogle websteder er det vigtigt at fremvise forskellige produkter, prøver, teammedlemmer og mere. Glidere kan reducere det rod, som mobilbrugere lider af.
  • Henleder opmærksomheden Tilføjelse af bevægelse til skyderen kan hjælpe med at tiltrække besøgende opmærksomhed.
  • Forudsete perspektiver : Nogle websteder har et produkt eller en tjeneste, der skal fremhæves fra forskellige vinkler. Et godt eksempel på denne sag er en telefonforhandler, der ønsker at vise et antal billeder af deres mobile enheder fra flere synspunkter.

6-metoder, der hjælper dig med at tilføje skyder / karrusler til din blog

Dit websted er designet til at fungere korrekt. Dette er grunden til, at mange af anti-markørens bekymringer er gyldige. Hvis du bruger en skyder for at berolige en klient, bare fordi de virkelig vil have en, eller fordi du bare ikke har taget dig tid til at undersøge tip og værktøjer til at bruge den godt, skal du kan ende med at bringe din websides ydeevne i fare.

Hvis brugerengagement er det, du leder efter, skal brugeroplevelsen altid være i tankerne under udviklingen. Så når du tilføjer en "skyder" til dit websted, skal du huske følgende tip:

# 1: Optimer placering

Når skyderne er fremhævet, er de øverst på hjemmesiden, hvor de fleste designere i øjeblikket placerer vigtige billeder. Som WordPress-udvikler ved du, at der er andre områder på webstedet, der har potentiale til at udnytte glidende indhold godt.

skyderen WPmudev tutorial

# 2: Tænk på størrelsen

Har du brug for at medtage en "skyder" i fuld bredde, eller vil det tage unødvendig plads? Overvej altid formålet med skyderen, størrelsen på billederne indeni og den balance, den kan skabe med resten af ​​elementerne på en side, for at bestemme, hvad der er den optimale størrelse.

# 3: Brug vigtigt indhold i dine skydere

Dine besøgende vil se indhold, der er af værdi for dem. Sørg for, at billederne og indholdet, der bruges i din skyder, styrker dit websteds mission og giver besøgende motivation til at se det i sin helhed.

Skiftereksempel WPMUDEV

# 4: Vælg billeder i høj opløsning

Generelt er det dårlig praksis at bruge billeder med lav opløsning eller dårlig kvalitet på dit websted. Det samme skal gælde for en "skyder" eller en karrusel, især da virkningen af ​​disse elementer afhænger af de fotos, der er inkluderet i dem.

# 5: Hold teksten til et minimum

Glider og karrusler er fantastiske til visning af billeder, men teksten kan undergrave denne oplevelse. Overbelastede billeder kan ofte gøre det vanskeligt at læse tekster, der er lagt på dem. Hvis en markør derudover drejer for hurtigt, har besøgende ikke tid nok til at læse den. Men også skal du også overveje, at teksten, der er integreret i et billede, sandsynligvis ikke vises korrekt på mobilen. Hvis det er muligt, skal du ikke overveje at bruge tekster, især hvis det påvirker kvaliteten.

# 6: Vær opmærksom på rulning

Der er en række metoder, du kan bruge til at kontrollere rulle. Beslutningen om at vælge den ene eller den anden afhænger normalt af indholdet i " skyderen ". Automatisk rulning fungerer godt til enkeltrammeskydere, så længe rulningen ikke går hurtigt. Dit bedste valg kan være at tvinge dias til at stoppe, så snart nogen klikker eller svæver over " skyderen ". Det er derefter op til dem at definere, hvornår de vil fortsætte med at rulle.

wpmudev skyderen eksempel

Hvad skal vi så gøre?

Vores arbejde er begrænset til at præsentere ting for dig, så du kan tage en beslutning og vælge, hvad der er rigtigt til din blog. Personligt bruger jeg Sliders, men jeg sørger for at optimere både billeder og indhold for at få mest muligt ud af dem.

Hvad bruger du derhjemme? Har du en præference? Tøv ikke med at dele med os.