diseño web
13 / 05 / 2016

Disseny web parallax

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 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.

Notícies relacionades

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

Finalitats de la protecció de dades: Enviament del nostre butlletí comercial i de comunicacions informatives i publicitàries sobre els nostres productes o serveis que siguin del seu interès, fins i tot per mitjans electrònics. Legitimació: Consentiment de l'interessat. Destinataris: No estan previstes cessions de dades. Drets: Pot retirar el seu consentiment en qualsevol moment, així com accedir, rectificar, suprimir les seves dades i altres drets a info@latevaweb.com. Informació addicional: Pot ampliar la informació a l'enllaç de Política de Privadesa.

Utilitzem cookies pròpies i de tercers per oferir-te un millor servei. Més informació

Acceptar