El diseño web minimalista que triplicó el tráfico de mi blog

Queda demostrado que un diseño web minimalista reduce el tiempo de carga de la web, mejora el posicionamiento en buscadores y la experiencia de los usuarios.

En la vida y en el diseño, menos es más. Observa cómo han cambiado algunas métricas de este blog tras un mes con un diseño web minimalista hasta la obsesión:

  • El tráfico procedente de buscadores se ha multiplicado por 2,1
  • El tráfico total se ha multiplicado por 2,9
  • En un mes se han suscrito a la newsletter el mismo número de personas que durante los 4 meses anteriores
  • La duración media por visita ha aumentado en 19 segundos
  • Las páginas vistas por visitante han incrementado en 1,1

Estos resultados son buena muestra de lo mucho que los buscadores valoran la sencillez y, concretamente, el tiempo de carga de una web.

Captura de pantalla de la herramienta web pingdom, que muestra que con el nuevo diseño web minimalista la web carga en 886 milisegundos.

Gracias a su nuevo diseño web minimalista, este blog ha pasado de cargar en unos 3,5 segundos, a hacerlo en menos de un segundo.

Hacia un diseño web minimalista: menos es más

Ahí van 4 cambios que deberían estar en la tu lista de prioridades:

  1. Eliminar brillos y degradados. Además, es parte del criterio estético mínimo que cualquiera debería tener.
  2. Eliminar sombras y relieves, y reducir elementos con esquinas redondeadas: todo esto paso de moda hace 10 años (lo siento, Apple).

    Captura de iOS frente a captura de Windows 8 para móvil

    Los brillos y esquinas redondeadas del sistema operativo móvil de Apple han tenido un mal envejecer. Por contra, el diseño plano de Windows 8 ha ganado halagos de muchos diseñadores.

  3. Eliminar texturas e imágenes de fondo: Significan mayor peso de la web y, por tanto, más tiempo de carga y peor SEO.
  4. Una columna. Este blog ha pasado de presentar el contenido en dos columnas a hacerlo en una, lo que facilita su lectura y facilita la adaptación a móviles.
Diseño antiguo de este blog frente al nuevo diseño web minimalista

El nuevo diseño web minimalista (a la derecha) consigue mantener el mismo contenido y funcionalidad que el antiguo diseño, utilizando menos elementos.

Un diseño web minimalista es bueno para tu negocio

Con este cambio no sólo tenía en mente a los buscadores, mejorar la experiencia del lector es mi prioridad, y también debería ser la tuya. Lo único que el visitante de tu web quiere es leer lo que tú o tu empresa tiene que contar y, quizás, suscribirse a la newsletter o ponerse en contacto. Ya está, el resto lo pones por ti, no por tu lector.

Imagen del nuevo diseño web minimalista del gobierno de Reino Unido

Las buenas interfaces gráficas son las que consiguen su objetivo sin llamar la atención sobre sí mismas. Gracias a su sencillez, que hace la vida más fácil a los ciudadanos, el nuevo diseño web minimalista del gobierno de Reino Unido ganó el premio al mejor diseño de 2013.

El buen diseño es el que pasa desapercibido, así que elimina todo lo que no sea imprescindible. Puedes creer que un diseño web lleno de enlaces para compartir en redes sociales te ayudará a conseguir tus objetivos, pero eso no ocurrirá si tu usuario no consume tu contenido.

“La perfección no se alcanza cuando no hay nada más que añadir, sino cuando no hay nada más que quitar.”  —Antoine de Saint-Exupéry.

El mensaje que transmites cuando incluyes elementos que distraen al usuario de su propósito es que tus objetivos son más importantes que los suyos.

Minimalismo más allá del diseño web

La rápida mejora de las métricas de este blog no se debe sólo a los cambios en el diseño, también he hecho todo lo posible razonable por automatizar su difusión y mejorar su posicionamiento en buscadores. La lista de cambios es bastante más larga de lo que cuento aquí. Una web minimalista va mucho más allá del diseño, desde la redacción del texto, a su código, pasando por la configuración del servidor e integración con redes sociales.

Fuentes

Partes de este artículo están inspiradas en el post titulado minimal web, de Leo Babauta, autor de Zen Habits.

Pingdom y Webpage Test son dos herramientas online gratuitas para medir el tiempo de carga de una web.

9 comentarios, deja el tuyo

  1. Yago dice:

    Ohhh sí, menos es más queda demostrado.

  2. Carmen dice:

    Yo también estoy de acuerdo.

  3. Fernando dice:

    ¿Haya o allá?

    Seguro que lo has puesto a propósito para detectar al primer “lector minimalista”. ¿Verdad?

    1. Luis Monge Malo dice:

      Más de 500 visitas y todas se lo han comido con patatas. Y para hacerlo más difícil lo pongo bien en el titular y lo cambio un párrafo después. Desde luego quedan pocos con tanto nivel de atención. Gracias por el aviso, queda corregido.

  4. Luis Miguel Martín dice:

    Buen trabajo!! Con que herramienta web has medido la velocidad de carga? Pones una paqueña captura pero no se ve…

    1. Luis Monge Malo dice:

      Uso por igual las dos que menciono al final del artículo. Concretamente la captura pertenece a Pingdom.

  5. Luis Miguel Martín dice:

    Muchas gracias! La verdad es que no me había leído las fuentes ;-)

  6. Antonio dice:

    Ante todo enhorabuena por tu blog, me parece muy interesante la mayor parte de la información que publicas.
    Solamente una propuesta: aunque el minimalismo sea tu máxima creo que no estaría de mas que apareciera al menos la fecha en la que has publicado cada uno de tus posts, sobre todo porque en esta materia lo que ayer era una verdad absoluta hoy puede no serlo tanto.
    Por lo demás, un diez.

    Saludos!

    1. Luis Monge Malo dice:

      Gracias por tu comentario Antonio. Por ese motivo que dices hago lo posible por publicar contenido atemporal, y eliminar o actualizar aquello que queda anticuado. Oculto la fecha precisamente para evitar que se juzgue el contenido por su antigüedad.

Comenta

Todos los campos son obligatorios: