Disseny web parallax

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 una web i clicar 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 es veia, situat en una altra part del mateix HTML, a una velocitat diferent de l’habitual scroll, generant una sensació de profunditat i 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 del parallax és que tota la informació està en una única pàgina web, concretament en un únic HTML, i 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é ha potenciat l’ús del parallax.

L’ús del parallax en disseny web és atractiu i molt interessant per a storyboards o quan intentem explicar un relat en una seqüència lineal i en blocs consecutius. No calen 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-ne l’ú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 arxius .js, aquesta pesa molt i perjudica greument la velocitat de càrrega de la web, ja que hem d’esperar a que tot el fitxer es carregui per accedir a la informació. Això ha portat fins i tot a recuperar antics preloaders. Quan això passa en mòbils o tablets connectats a xarxa mòbil, encara és pitjor. Aquesta lentitud de càrrega penalitza també el posicionament web (SEO). L’ús de CDN i la minificació de CSS i .js és obligatori en disseny web amb parallax.

Usabilitat

La usabilitat es veu greument afectada pel temps de càrrega, cosa que provoca que molts usuaris no tinguin paciència i abandonin la pàgina abans d’accedir al contingut. Això genera altes taxes de rebot. A més, els salts dins de la pàgina sovint s’indiquen amb petites fletxes o seccions del menú, cosa que dificulta l’accés a la informació.

SEO

El parallax afecta negativament el SEO no només per la velocitat de càrrega, sinó també perquè les pàgines no s’organitzen per contingut. No podem posicionar cada pàgina per una paraula clau concreta, ja que només tenim un sol title i una sola meta description per a tot el lloc web.

En resum, fes servir el parallax només en projectes web on vulguis explicar un relat en una seqüència lineal i per als quals el SEO no sigui prioritari. Un exemple clar per usar-lo seria la pàgina web The Boat.