Glisierele și caruselele au fost o tendință de design în urmă cu câțiva ani. Vei găsi din ce în ce mai dificil să găsești un blog care nu le oferă astăzi.

Dar ceva s-a schimbat. Designerii și dezvoltatorii au început să abandoneze glisorii pentru imagistica statică. Pe măsură ce a crescut interesul pentru design-uri minimaliste și site-uri web cu derulare lungă, bannere glisante au devenit o distragere percepută și o amenințare la designul super simplu.

Și dacă designerii ar fi ales să aplice mișcare pe un site web, ar fi în defilare în paralelă, icoane animate sau pe un player video.

Cu toate acestea, există câțiva designeri care susțin că glisoarele și caruselele sunt elemente de design eficiente care ajută la îmbunătățirea angajamentului utilizatorului, atunci când sunt utilizate corect. Vom explora astăzi validitatea acestui argument și vă vom oferi sfaturi și instrumente pe care le puteți utiliza pentru a asigura implicarea utilizatorilor în WordPress blog.

Ar trebui să le folosim cu adevărat?

Pentru mulți designeri care caută simplitatea în acest moment, le poate fi dificil să înțeleagă modul în care conținutul rotativ poate fi inserat într-un mod ideal.

utilizarea caruselurilor sau nu

dezavantaje

Iată câteva dintre cele mai comune argumente despre carusele:

  • Încărcare lentă: Adăugarea de glisoare și carusele încetinește timpul de încărcare al unui site web, care poate dezactiva vizitatorii.
  • Rău pentru SEO : Deoarece atât de mult conținut este înghesuit într-un singur glisor, este dificil să optimizăm pagina și SEO pentru tot acel conținut.
  • Inutil distragere: Rotația cursorului îi împiedică pe vizitatori să fie distrași de conținutul din jur.
  • Dificil de utilizat: Diapozitivele multiple oferă vizitatorilor prea multe opțiuni de urmat și deseori necesită prea mult efort, ceea ce face dificilă accesarea datelor pe care le caută.
  • Întreruperi ale UX: Pentru vizitatorii care preferă derularea rapidă verticală a conținutului, glisoarele își pot influența răbdarea, deoarece trebuie să stea și să aștepte fiecare aluneca „Derulează.
  • Rata slabă a clicurilor: Conform unor studii, glisorii sunt ineficienți în interacțiunea pe care o caută (clicuri). În timp ce vizitatorii ar putea fi interesați să citească una sau poate chiar câteva diapozitive, majoritatea nu iau nicio măsură.
  • dizgrațios : Mulți designeri cred că " glisoarele » iar caruselele sunt urâte, mai ales când sunt obișnuite promova imagini și mesaje publicitare orientate spre viitor.

beneficii

Acum, să aruncăm o privire la argumentele suporterilor glisorului:

  • Economisitor de spațiu : Caruselele pot afișa o mulțime de informații într-un spațiu mic.
  • Reduceți dezordinea : Pentru unele site-uri, este important să prezentați diferite produse, mostre, membri ai echipei și multe altele. Sliderele pot reduce dezordinea de care suferă utilizatorii de dispozitive mobile.
  • Atrage atenția Adăugarea mișcării la glisant poate ajuta la atragerea atenției vizitatorilor.
  • Aspecte oferite : Unele site-uri web au un produs sau un serviciu care trebuie evidențiat din unghiuri diferite. Un bun exemplu al acestui caz este un comerciant cu amănuntul de telefoane care dorește să afișeze o serie de imagini ale dispozitivelor lor mobile din mai multe puncte de vedere.

Metodele 6 care vă vor ajuta să adăugați glisiere / carusele pe blogul dvs.

Site-ul dvs. web este conceput pentru a funcționa corect. Acesta este motivul pentru care multe dintre preocupările anti-cursorilor sunt valabile. Dacă folosiți un glisor de dragul de a liniști un client doar pentru că își dorește cu adevărat unul sau pentru că pur și simplu nu v-ați luat timp să cercetați sfaturile și instrumentele pentru a-l utiliza bine, ar putea ajunge să pună în pericol performanța site-ului dvs. web.

Dacă implicarea utilizatorului este ceea ce căutați, atunci experiența utilizatorului ar trebui să vă fie întotdeauna în minte în timpul dezvoltării. Așadar, atunci când adăugați un „glisor” pe site-ul dvs., țineți cont de următoarele sfaturi:

# 1: optimizați plasarea

Când glisorele sunt evidențiate, acestea se află chiar în partea de sus a paginii de pornire, unde majoritatea designerilor plasează în prezent imagini importante. În calitate de dezvoltator WordPress, știți că există și alte zone ale site-ului care au potențialul de a folosi bine conținutul glisant.

slider WPmudev tutorial

# 2: gândiți-vă la dimensiune

Trebuie să includeți un „glisor” cu lățime completă sau va ocupa spațiu inutil? Luați întotdeauna în considerare scopul glisorului, dimensiunea imaginilor din interior și echilibrul pe care îl poate crea cu restul elementelor de pe o pagină pentru a determina care va fi dimensiunea sa optimă.

# 3: Utilizați conținut important în glisoare

Vizitatorii dvs. vor să vadă conținut care le este de valoare. Asigurați-vă că imaginile și conținutul utilizat în glisorul dvs. întăresc misiunea site-ului dvs. și oferiți vizitatorilor motivația de a-l vizualiza în întregime.

Slider Exemplu WPMUDEV

# 4: Selectați imagini de înaltă rezoluție

În general, este o practică proastă să folosiți imagini cu rezoluție redusă sau de calitate slabă pe site-ul dvs. web. Același lucru ar trebui să se aplice unui „glisor” sau unui carusel, mai ales că impactul acestor elemente depinde de fotografiile incluse în ele.

# 5: Mențineți textul la minimum

Glisoarele și caruselele sunt fantastice pentru afișarea imaginilor, dar textul poate submina această experiență. Imaginile supraîncărcate pot îngreuna citirea textelor care le sunt suprapuse. În plus, dacă un cursor se transformă prea repede, vizitatorii nu vor avea suficient timp pentru a-l citi. Dar, de asemenea, ar trebui să luați în considerare faptul că textul încorporat într-o imagine probabil nu va fi afișat corect pe mobil. Dacă este posibil, nu luați în considerare utilizarea textelor, mai ales dacă acestea vor afecta calitatea.

# 6: Atenție la defilare

Există o serie de metode pe care le puteți utiliza pentru a controla derularea. Decizia de a alege una sau alta depinde de obicei de conținutul din „ cursor ". Derularea automată funcționează excelent pentru glisoarele cu un singur cadru, atâta timp cât derularea nu merge rapid. Cel mai bun pariu poate fi forțarea diapozitivului să se oprească imediat ce cineva dă clic sau trece peste „ cursor “. Atunci le va reveni să definească când vor dori să continue derularea.

wpmudev exemplu de cursor

Ce ar trebui să facem?

Munca noastră se limitează la a vă prezenta lucrurile, astfel încât să puteți lua o decizie și să alegeți ceea ce este potrivit pentru blogul dvs. Personal folosesc Sliders, dar mă asigur să optimizez atât imagini cât și conținut, pentru a le folosi la maxim.

Ce folosești acasă? Ai o preferință? Nu ezitați să ne împărtășiți.