¿QUÉ ES LA EXPERIENCIA DE USUARIO?

1/ ¿Qué significa que una página web sea sostenible?

Hoy en día, las páginas web contaminan más que hace 10 años atrás. Este hecho viene producido porque sobrecargamos las webs de contenido innecesario. Sin tener en cuenta ni la cantidad ni el peso de elementos que subimos en una web.

Para que te hagas una idea, es importante que sepas que Internet produce un 2% de las emisiones globales, de CO₂, casi tanto como la industria de la aviación. Introduciendo este dato, imagínate este número dentro de unos dos/tres años, cuando internet se vaya haciendo más y más extenso.

Dependiendo del hosting que estés usando, la cantidad de animaciones que formen tu web, cómo la selección de imágenes, el uso de tipografías, e incluso el código JS y CSS que forma la estructura de tu página web; ayudan a la generación de gases contaminantes. Cómo mayor sea el número de los elementos comentados, peor cargara tu página web. Este aspecto puede convertirse en perdida de tráfico y, por tanto, de ventas.

En los siguientes puntos te contaré como mejorar cada elemento nombrado anteriormente, además de recomendarte tips y recursos para que te ayuden a tener una web más sostenible.

Piensa que si cada página web realiza los siguientes puntos, podríamos reducir a un 1% el impacto que generamos con internet. Cada paso cuenta.

2/ Aspectos técnicos que debes tener en cuenta para que tu página web sea sostenible.

Existen una serie de elementos de tu web, que si no se trabajan correctamente, provocan que esta contamine:

2.1/La selección del Hosting:

El hosting es el espacio donde se aloja una página web para que pueda ser visualizado por cualquier usuario a través de un dominio mientras navega por Internet. El hosting es, en definitiva, el uso y provecho que se hace de esos mismos servidores web con todos los recursos de los que disponen.

Es uno de los primeros pasos que realizamos cuando empezamos el diseño de una página web, comprar el hosting (servidor) donde alojaremos todo el material de la web. En el momento de escoger el hosting, podemos recurrir a hostings verdes. Aparte de funcionar bien, ayudan a reducir la huella en el planeta, ya que funcionan con energía renovable.

Te recomiendo algunos:
-IONOS
-GREENGEEKS
-DREAMHOST

2.2/Imágenes y vídeos.
Cuidado con los elementos visuales que subimos en la página web, cómo imágenes y vídeos. La gran mayoría de las veces subimos tanta cantidad de elementos multimedia que acaban sobrecargando de peso la web y pasan a ser los culpables del gran impacto contaminante.

Esto provoca que nuestra web tarde en cargar y que el servidor tenga que gastar más energía eléctrica para reproducir nuestra web. Ten en cuenta, que una web debe cargar, en menos de 2 segundos, todo el contenido de la página que queremos visualizar.

Seguro que habrás escuchado muchas veces esta frase en diseñadores gráficos o maquetadores web: «las imágenes y vídeos que subas en la web tienen que estar optimizadas». En este aspecto, nos referimos a que la optimización de imágenes y videos es el proceso de disminuir el tamaño de dicho archivo mediante el uso de diversos programas, plugin o script. Esto puede llevar a acelerar el tiempo de carga de tu sitio web.

Pero antes de optimizar el material que subas, hazte las siguientes preguntas:

-¿Qué quiero transmitir con las imágenes y videos que aparecerán en la web?
-¿Aporta valor a mi usuario el contenido visual que subiré?
-¿Se podría lograr el mismo impacto si las imágenes y los vídeos fueran más pequeños y estuvieran optimizados?

Luego nos aseguraremos de tratar las imágenes tanto en medida, cómo en peso para que estén bien optimizadas.

2.3/Las animaciones.
Las animaciones pueden ser tu gran enemigo. ¿Pero qué es una animación? Son los efectos visuales que se pueden aplicar en una página web para crear movimiento en los elementos que la componen. Por ejemplo, los textos, las imágenes, los banners, elementos iconográficos, botones, etc.

Muchas veces, me encuentro en la situación que me piden animar mil elementos de la identidad corporativa, por la percepción de que esta va a gustar más.

Nuestro usuario quiere información concisa, fácil de identificar y de entender. Eso no quiere decir que la web tenga que ser sosa, o sin presencia. Podemos jugar de muchas maneras, para ser visibles, impactantes y generar experiencias, sin tener que implementar muchas animaciones al usuario. Además, podemos provocar la dificultad o pérdida del usuario, si se distrae.

Solo debemos animar aquellos elementos gráficos, que nos ayuden a destacar información de una forma más visual y dinámica.

2.4/Estrategia de contenidos:
Podemos trabajar de muchas maneras la estrategia de contenidos, pero una de ellas nos ayuda a saber la cantidad de contaminación que generamos. Es imperceptible, pero sus indicadores también nos ayudan. Me refiero al posicionamiento SEO.
Si, el SEO también importa. Una buena optimización SEO significa pasar menos tiempo navegando y visitando páginas, por lo que también se consume menos energía.

¿Cómo lo hacemos?
-Utilizar imágenes fijas en lugar de GIFFS o vídeos que se reproduzcan
automáticamente
-Trabajar la web con textos en vez de imágenes (siempre que se pueda y no afecte al
user experience).

3/ Consejos extra para tener una web sostenible.

A lo largo de este artículo te he ido desarrollando soluciones y tips para tener una página web sostenible. Quiero que te vayas con unos consejos de más, para que cuando revises el impacto de tu web, sepas mejorar la huella que dejas en el planeta.

1/ En internet podemos encontrará programas que analizan el nivel de sostenibilidad de tu web y te aportan trucos para reducir su impacto:

–Ecograder.com: Mide el nivel de sostenibilidad de tu web. Además, te da tips y trucos para reducir el impacto.

–Websitecarbon.com: es una herramienta que permite saber, de manera estimada, cuanto C02 está produciendo tu página web. Además, té ofrece datos reales de lo que supone esta contaminación en el planeta.

Te pongo un ejemplo real, mi página web. En esta captura, puedes ver que tanto por ciento contaminar mi web y en que parámetros afecta.

2/ Puedes optimizar los vídeos que subes directamente al hosting (servidor) de tu web con HANDBRAKE. Además, esta herramienta es gratuita.