Los 20 principios fundamentales del diseño web

En resumen. Un buen diseño web cumple su objetivo, es sencillo, se navega con facilidad, guía la mirada, carga rápido, se adapta al móvil y lleva al visitante a actuar. Estos 20 principios resumen lo que hace que una web funcione, más allá de que sea bonita.

Una web bonita que no consigue nada es un cartel caro. El diseño web no va de gustos. Va de que el visitante entienda lo que haces, confíe en ti y dé el siguiente paso. Estos son los principios que aplico en cada proyecto.

1. Un objetivo claro

Antes de diseñar, decide qué quieres que pase. Que te llamen, que pidan presupuesto, que compren o que reserven. Todo lo demás se subordina a ese objetivo.

2. Sencillez

Pocos colores, una o dos tipografías e imágenes con sentido. Cada elemento que sobra distrae del que importa.

3. Navegación evidente

El visitante tiene que saber dónde está y cómo llegar a lo que busca sin pensar. Menús cortos y nombres claros.

4. Lectura en forma de F

En pantalla leemos en diagonal, empezando por arriba a la izquierda. Coloca lo importante donde mira primero el ojo.

5. Jerarquía visual

Lo más importante, más grande y más visible. Títulos, subtítulos y texto con tamaños bien diferenciados.

6. Contenido de calidad

El diseño atrae, el contenido convence. Textos claros que respondan a las dudas reales de tu cliente.

7. Una cuadrícula ordenada

Los elementos alineados transmiten orden y profesionalidad. El desorden transmite descuido.

8. Velocidad de carga

Una web lenta pierde visitas antes de que nadie vea el diseño. La velocidad también es diseño.

9. Espacio en blanco

Dejar respirar los elementos no es desperdiciar espacio. Es ayudar a que se lea lo importante.

10. Pensar en el visitante

La web no es para ti, es para tu cliente. Diseña para lo que él necesita, no para lo que a ti te gusta.

11. Llamadas a la acción visibles

Botones claros que digan qué pasa al pulsarlos. "Pide presupuesto" funciona mejor que "Enviar".

12. Texto fácil de leer

Tamaño suficiente, buen contraste y párrafos cortos. Nadie lee un muro de texto gris claro sobre blanco.

13. Diseño adaptado al móvil

La mayoría de visitas llegan desde el móvil. Diseña primero para la pantalla pequeña.

14. Atención a los detalles

Una errata, un enlace roto o una imagen deformada restan confianza. Los detalles se notan.

15. Coherencia

Los mismos colores, botones y estilos en todas las páginas. La coherencia hace que la web se sienta sólida.

16. Equilibrio

Reparte el peso visual para que ninguna zona aplaste a las demás.

• Con colores complementarios o contrastados.
• Con elementos de formas y tamaños similares.
• Con patrones que se repiten.

17. La regla de los tercios

Dividir el espacio en tercios ayuda a colocar los elementos importantes donde resultan más naturales a la vista.

18. La ley de Hick

Cuantas más opciones das, más tarda la gente en decidir. Reduce las opciones y facilitarás la decisión.

19. Contenido fácil de encontrar

Un buscador interno, enlaces relacionados y una estructura lógica. Lo que no se encuentra no existe.

20. Medir y mejorar

Ningún diseño es perfecto a la primera. Mide qué hacen los visitantes y ajusta lo que no funciona.

Aplicarlo a tu web

Revisa tu web con esta lista. Si fallan varios puntos, tu web está perdiendo clientes. Puedo ayudarte con una consultoría WordPress o con un diseño web con WordPress que aplique todos estos principios desde el primer día.

Preguntas frecuentes

¿Cuáles son los principios básicos del diseño web?

Tener un objetivo claro, sencillez, navegación evidente, jerarquía visual, buen contenido, velocidad, diseño adaptado al móvil y llamadas a la acción visibles.

¿Qué es la ley de Hick en diseño web?

Un principio que dice que cuantas más opciones se ofrecen, más se tarda en decidir. Por eso conviene reducir las opciones en cada pantalla.

¿Qué es más importante, el diseño o el contenido?

Los dos. El diseño atrae y facilita la lectura, pero es el contenido el que convence al cliente.