5 errores que arruinan tu web

Tu página web es tu escaparate y tu tarjeta de presentación. Es tu espacio para atraer y retener a los clientes. Por ello y porque las personas somos muy visuales tenemos que cuidar al máximo su diseño.

Somos tan visuales que la mayor parte de la información nos entra por los ojos. Hasta el punto de que las personas recordamos el 80 % de lo que vemos y hacemos, y solo un 20 % de lo que leemos.

No queda otra que mimar la imagen. Y para mimar la imagen no queda otra que cuidar el diseño.

Cuidar el diseño, las formas, es algo que ya hacía el hombre en la edad de bronce. Y para muestra, ahí está el círculo de piedras, crómlench, o harrespil (en euskera).

Sobre cómo cuidar la imagen de tu web y evitar errores web de diseño va el artículo de hoy.

5 errores web que deberías evitar

Porque si evitas estos 5 errores web conseguirás que los usuarios sepan qué van a encontrar y cómo les puedes ayudar en un pis pas. Porque no lo olvides: el lector no tiene tiempo que perder.

#Error web 1. Falta de foco y organización de tu página web

Cuando diseñas tu web conviene que siempre tengas presente qué objetivo quieres alcanzar y qué quieres transmitir con tu web.

Así que cuando te pongas a organizar tu página, ten en cuenta quién es tu usuario y cuáles son sus necesidades.

Responde a eso de manera sencilla.

Porque para que tu web funcione tiene que ser fácil de navegar, sencilla e intuitiva.

Es fundamental que:

  • el diseño esté adaptado al usuario
  • resulte fácil navegar
  • la página sea sencilla
  • no hagas pensar al usuario
  • evites el desorden y una imagen anticuada
  • no haya un exceso de elementos visuales
  • Las etiquetas (nombres de las secciones) sean claras

# Error web 2. Carencia de armonía en los colores

Por eso de que somos muy visuales, la mayoría de las personas damos prioridad a las composiciones, las formas y también a los colores.

Así que otro error web de diseño que debemos evitar es no elegir los colores adecuados para la web.

Ten en cuenta que igual que las palabras, los colores también transmiten emociones. De hecho, en marketing cada color tiene un significado diferente.

Además, los colores tienen que guardar un equilibrio entre sí y no vale mezclar todos los que quieras y de cualquier modo. La clave está en no abusar de los colores.

Para ello trata de combinar:

  • colores complementarios
  • colores opuestos
  • distintos tonos de una gama cromática

# Error web 3. Mala elección de la tipografía

Prácticamente cualquier elemento que aparece en nuestra web ayuda a comunicar. También elementos como la tipografía que además de comunicar tu imagen ayuda a leer.

Y sí, otro de los errores web bastante común es no elegir una buena tipografía o un buen tamaño de letra.

Importan y mucho la tipografía, su tamaño y el interlineado.

Veamos:

  •  los tipos de letra que mejor funcionan para leer en pantalla son las Sans Serif, porque son más sencillas y  tienen menos detalle
  • el tamaño de letra también importa porque si es pequeña cuesta leer y si es demasiado grande alargas la página y obligas a hacer scroll
  • se recomienda, por lo general, un tamaño de fuente en torno a 16 px. Si tu público es mayor conviene aumentar el tamaño de letra para que lean mejor

# Error web 4. Escasez o exceso de contraste entre los elementos

El contraste (la diferencia entre los elementos de una web) es imprescindible para atraer la atención del usuario.

¿Te has fijado en la foto?

Sí, unos elementos destacan del resto.

Su mal uso es otro de esos errores web que tenemos que evitar. Porque tan malo es que no lo haya como que te pases.

Y, en este sentido, pasarse con los contrastes es uno de los errores más frecuentes en los sitios web.

¿Resultado?

Una estética un tanto cutre.

En tu web puedes contrastar los colores, los tonos, el tamaño y la alineación.

Mira cómo:

  • evita combinar colores que no tengan ninguna relación entre sí para conseguir contraste
  • para destacar elementos, combina colores en distintos elementos de tu web. Para destacar el objeto que quieres, prueba a combinar colores fríos (verdes y azules) y cálidos (rojos y amarillos)
  • contrasta tonos o variedades de un mismo color
  • para destacar un elemento del resto, coloca un elemento mayor que otros (contraste de tamaño). A mayor diferencia de tamaño, mayor contraste
  • para evitar el caos, alinea de manera correcta los elementos de tu página (contraste de alineación)

# Error web 5. Déficit de contraste entre el texto y el fondo

Como bien imaginas, la falta de contraste entre el fondo y las letras hace muy difícil la lectura. Por lo que esta es una cuestión que conviene tener muy en cuenta cuando escribimos sobre imágenes.

¿Cómo podemos escribir sobre fotografías y hacer que sea fácil leer el texto?

Si sí o sí quieres que tu texto vaya sobre la fotografía, hay distintas opciones para escribir el texto sobre una imagen, como añadir un borde a las letras o utilizar una banda semitransparente bajo el texto.

Porque si dificultas que el lector encuentre la información de manera rápida o haces que le cueste leer, solo conseguirás una cosa: que se vaya.

Ya lo sabes, evita errores web de diseño y haz que tu web resulte agradable, el usuario encuentre lo que busca y pueda leer su contenido sin problemas.

¿Qué otros errores añadirías tú?

Foto: JM Pemán

No hay comentarios

Envía un comentario