Disseny web parallax
Actualitzat: 29 / 01 / 2022

Disseny web parallax

Bruno Díaz Marketing Manager
Bruno Díaz
Marketing Manager
SectorParlem de
El disseny web amb parallax està clarament de moda en el món web, però ¿és convenient el seu ús?

El parallax consisteix en un efecte que en accedir a un web i clickar en un element, normalment una fletxa o una part del menú, la pàgina fa un salt a aquest contingut. El salt es realitza a un contingut que fins ara no veies, situat en una altra part del mateix HTML i a una velocitat diferent que l'habitual scroll i generant una sensació de profunditat i de moviment. De fet la clau és que el fons de la web i el contingut es mouen a diferent velocitat.

L'efecte parallax va ser inventat per Disney per transmetre un cert efecte tridimensional en les seves pel·lícules de dibuixos animats.

La clau de l'parallax és que tota la informació està en una única pàgina web, concretament en un únic HTML, a més els salts han de ser pantalles completes perquè es doni l'efecte. Aquesta tècnica s'ha popularitzat des que el Flash ha caigut en desús i ens trobem amb un descens del moviment en les pàgines web. La seva inclusió en les típiques plantilles de WordPress també a potenciat l'ús del parallax.

L'ús del parallax en disseny web és atractiu i molt interessant per a stroryboards o quan intentem explicar un relat en una seqüència lineal i en blocs consecutius. No cal coneixements avançats d'HTML5 o CSS3 i hi ha llibreries com  parallax.js que et poden servir per implementar parallax a la teva pàgina web.

No obstant això té seriosos inconvenients que recomanen limitar el seu ús com són:

Velocitat de càrrega

En carregar tot el lloc web en una única pàgina o HTML i dependre de la càrrega de múltiples .js, aquesta pesa molt el que perjudica greument la velocitat de càrrega de la pàgina web ja que hem d'esperar a la càrrega de tot el fitxer per accedir a la informació. Això ha portat a fins i tot recuperar antics preloaders. Quan això es dóna en mòbils o tablets connectats a la banda mòbil encara és pitjor. Aquesta lentitud de càrrega penalitza a més el posicionament web o SEO d'aquestes pàgines. L'ús de CDN i minificar CSS i .js és obligatori en l'ús de disseny web a parallax.

Usabilitat

La usabilitat es veu greument perjudicada pel temps de càrrega de la web, el que fomenta que molts usuaris no tinguin paciència i marxin de la nostra pàgina web abans d'accedir al contingut o, el que és el mateix, tinguem altes taxes de rebot en aquestes webs. A més, normalment els salts dins de la pàgina se solen indicar amb diminutes fletxes o seccions del menú, la qual cosa dificulta sovint l'accés a la informació.

SEO

El parallax afecta negativament el seo no només per la velocitat de càrrega de la pàgina web sinó per què ara ens trobem amb que les pàgines web no s'organitzen per contingut i no podem dedicar-nos a posicionar cada pàgina web o HTML per a una determinada paraula clau o concepte. Únicament tenim un title i decription per a tot el lloc web i tots els continguts sumats.

En resum, usa únicament parallax en projectes web on vulguis explicar un relat en una seqüència lineal i en blocs consecutius i per als quals el posicionament web o SEO no sigui important. Un clar exemple per usar-lo seria la pàgina web The Boat.
Bruno Díaz Marketing Manager
Sobre l'autor/a
Bruno Díaz — Marketing Manager
Professional de llarga trajectòria com a consultor de comunicació i màrqueting digital, i especialitzat en SEO, SEM i projectes web. Com a Màrqueting Manager de l'agència, coordino un equipàs de tècnics de màrqueting digital del qual estic molt orgullós.

Notícies relacionades

Tens un projecte en ment? En volem saber més!