100 puntos a saber sobre...
Desarrollo de una web de diseño eco

Como aprendimos en la lección anterior, diseñar para móviles primero significa añadir sólo aquellas características de diseño y contenido que son esenciales para tu sitio web. Implementar esta estrategia no sólo hace que el contenido sea más fácil de adaptar para dispositivos más grandes más adelante, sino que también es más sostenible.

El razonamiento que hay detrás de esto es sencillo:.

• Añadir únicamente funciones esenciales para tu sitio web significa evitar funciones "voluminosas" (como carruseles de imágenes, barras de navegación abarrotadas, extensiones de redes sociales, etc.).
• Eliminar funciones que no son esenciales significa que los sitios web tendrán menos contenido que cargar y, por tanto, se cargarán más rápido.
• Los sitios web que se cargan más rápido utilizan menos banda ancha y ahorran más energía.

No se consigue el mismo efecto diseñando primero para ordenadores de sobremesa y luego intentando "reducir" el diseño para adaptarlo a dispositivos móviles. Esto se debe a que el diseño para ordenadores de sobremesa se adapta a pantallas de mayor tamaño y, por lo tanto, tiene más contenido. Tratar de encajar todo ese contenido en un móvil aumentará la carga de contenido innecesario.

Por tanto, para dar prioridad a la sostenibilidad de la web, hay que empezar a diseñar para la versión móvil del sitio web y luego ir añadiendo elementos para una pantalla más grande.

Pero, ¿cómo podemos estar seguros de que "mobile first" es el camino más prometedor hacia un diseño más sostenible? El apoyo de Google a esta estrategia de diseño es un buen indicio. El gigante tecnológico no sólo fomenta el diseño mobile first, sino que también ha desarrollado criterios para su definición.

Según Google, un sitio web mobile first:.

• No utiliza software que no se encuentre habitualmente en los teléfonos (como Flash).
• Utiliza texto que los usuarios pueden leer sin tener que hacer zoom.
• Ajusta automáticamente el contenido del sitio web para que los usuarios no tengan que girar sus pantallas o ampliarlas.
• Coloca los enlaces a una distancia adecuada para que los usuarios puedan hacer clic fácilmente en el correcto.

La política mobile first de Google ha ayudado incluso a que los sitios adaptados a dispositivos móviles ocupen mejores posiciones en los motores de búsqueda y ha penalizado a los que no diseñan mobile-first. Este enfoque ha empujado a los diseñadores a tener más en cuenta el diseño mobile-first.