Si treballes com a dissenyador gràfic, sabràs que l'experiència d'usuari és cada cop més important. I dins d'aquest, sabies com influeix el disseny de la teva web a les Core Web Vitals?
Aquestes no només afectaran el disseny, sinó que també ho faran al SEO, al teu posicionament… Però, per què? A continuació t'ho expliquem perquè puguis donar als teus clients el millor servei.
Què són les Core Web Vitals
Abans de ficar-nos de ple en explicar-te els motius pels quals has de relacionar el disseny de la teva web amb les Core Web Vitals convé que sàpigues a què ens estem referint.
Aquest terme no és altre que el que inclou un conjunt de mètriques establertes per Google i tan importants que són les que et poden dir quina experiència dusuari tindrà un usuari en un lloc web. Dit d'una altra manera, es tracta d'eines per analitzar una web i saber si té una bona experiència d'usuari o no.
Per exemple, imagina que tens una web. Et toca fer el disseny nou i revises, abans de començar, quina és l'experiència d'usuari utilitzant les Core Web Vitals.
Ara, un cop acabes el disseny, tornes a analitzar-ho. I, si la feina s'ha fet bé, hauria de sortir un nombre força més gran que el primer que es va obtenir.
Mètriques principals
Tal com t'hem dit, les Core Web Vitals són un conjunt de mètriques. La veritat és que n'hi ha força però els experts solen fixar-se només en tres o quatre, que són considerades les més importants.
LCP, Largest Contentful Paint o Temps de càrrega del contingut principal
Aquests noms fan referència a una mètrica que té com a objectiu mesurar la velocitat de càrrega. És a dir, si una pàgina web triga molt, o poc, a carregar-se als ordinadors i visualitzar-se del tot.
Segons Google, el temps de càrrega ha de ser inferior a 2,5 segons. Per això, tot el que tarda més d'aquest temps estaria fallant amb aquesta mètrica i afectaria el posicionament i el SEO.
FID, First Input Delay o Interactivitat
Quan un usuari entra en una pàgina web, ha de navegar per ella, oi? És a dir, heu de passar d'una pàgina a una altra.
I encara que cada mesurament podries pensar que això ho mesurarà la mètrica anterior, la veritat és que no.
Per això existeix aquesta altra mètrica que valora quina és la rapidesa de la pàgina per mostrar una pàgina en el moment que l'usuari fa clic a l'enllaç.
Perquè et sigui més fàcil entendre-ho: imagina que entres en una web i vols anar al Sobre mi. El temps que transcorre del clic al botó fins que us mostra la pàgina nova pot ser bo o dolent.
Quant és el millor per a Google? Que estigui per sota dels 0,1 segons. Això no és fàcil de vegades.
Però també ho hauries de tenir molt en compte en el disseny de la teva web.
CLS, Cumulative Layout Shift o Estabilitat visual
Finalment, tenim una tercera mètrica de les més importants (i que influeix en el disseny de la teva web). L'estabilitat visual es pot entendre com els canvis que es produeixen a la pàgina en carregar, que fan que cliquis a zones on no volies anar.
Perquè et sigui més fàcil: imagina que obris una pàgina web. Quan entres aquesta es va carregant però, com saps on anar, cliques així que apareix el botó. Només que, de sobte, aquest es mou i fas clic en una altra zona on no volies anar.
Per a Google, un bon CLS ha de ser aquell que estigui sempre per sota de 0,1.
I per què influeix el disseny de la teva web a les Core Web Vitals
Veuràs, quan es construeix un lloc web, col·loques imatges, plugins, busques un bon hosting, programes una pàgina amb gràfics, amb vídeos… I tot això l'únic que aconsegueix és que tot es vagi carregant.
Si arriba un moment en què el teu disseny es torna massa pesat, això fa que sigui molt pobra lexperiència dusuari que tindrà. O el que és el mateix, que els resultats de les mètriques de Core Web Vitals sigui molt dolent.
Afortunadament, sempre hi ha coses que pots fer per millorar-ho (i que sempre hauries de tenir present).
Optimitzar totes les imatges que pugis
Això implica que has de fer que no pesin més de 150KB i, si és possible, que tinguin la dimensió exacta de com la mostraràs a la pàgina; ni més petites, ni més grans.
No passar-te amb els plugins
Encara que no ho creguis, tenir molts plugins afectarà la pàgina, que la farà molt més lenta.
Per això, es recomana tenir només els necessaris per al bon funcionament de la pàgina (i ja et diem que aquests no són gaires).
De fet, encara que en tens, però no estan activats, també en consumiran. Així que el millor és que, si no els fas servir, els esborris de la pàgina per sempre. Ja tindràs temps de tornar-los a instal·lar.
Hosting de qualitat
Un altre dels problemes habituals és fer servir un hosting de mala qualitat. El que és barat surt car, no t'oblidis. I en el cas del hosting, si no en tries un de adequat que permeti que la teva web sigui ràpida, minvarà les vostres possibilitats d'aconseguir una bona experiència d'usuari.
En general, els hostings gratuïts són els pitjors. I dins dels de pagament, caldria provar si bé a Espanya hi ha tres empreses de hosting que són les més apreciades: Siteground, Webempresa i Raiola. Qualsevol pot ajudar-te a tenir una bona velocitat de càrrega de la teva web.
Com veus, ser dissenyador gràfic no només implica que sàpigues fer bons projectes per als teus clients. És que influeix el disseny de la teva web a les Core Web Vitals i, per tant, que el client obtingui el màxim benefici del teu treball a nivell de SEO i de posicionament. Alguna vegada has pensat en com n'és d'important tenir aquest coneixement per ser un millor professional?