Los errores que debes evitar al realizar tu web

Para la realización de un diseño web bien definido es conveniente disponer de una imagen corporativa bien construida, en la que además de un logotipo, también se definan otros parámetros como una paleta cromática o la selección tipográfica. Una buena identidad corporativa es el punto de partida perfecto para dar forma a una web con un aspecto gráfico coherente y bien estructurado.

Uno de los errores más frecuentes es realizar un diseño improvisado, en el que se realiza el montaje de la web de una forma desordenada y sin ninguna coherencia. Por eso, uno de los procesos de trabajo más importantes es realizar un diseño previo utilizando una herramienta de diseño como Photoshop o similar.

Esto te facilitará muchísimo el proceso de desarrollo posterior, ya que sabrás perfectamente dónde va cada elemento de la web, textos, imágenes, espacios, así como los formatos concretos de la web. En mi caso, antes de montar la página siempre realizo un diseño sobre el que trabajo con mis clientes hasta conseguir el resultado deseado, y una vez validado puedo realizar el montaje de la web de una forma más fluida y sin dudas.

Otro gran error es diseñar una web poco profesional y sin un objetivo concreto, que no presta atención a los detalles y que no se adapta a su usuario objetivo. Cuando esto ocurre, se convierte en una página confusa, desordenada y con un aspecto pobre y poco cuidado.

Todos estos factores le restan profesionalidad a la web, y la convierten en una página que difícilmente va ha conseguir los resultados que esperas, ya que no va a despertar la confianza necesaria en tus visitantes.

Este tipo de error es mucho más habitual de lo que pueda parecer, y no siempre se realiza una correcta combinación de colores en una web. Si no se poseen conocimientos de diseño se pueden realizar combinaciones cromáticas que dañen el aspecto de tu web o dificulten la lectura de tu página.

Si vas a utilizar una combinación distinta al clásico texto negro sobre fondo blanco, debes asegurarte de que el contraste de color es lo suficientemente fuerte para permitir una correcta lectura del texto.

Elegir una combinación de colores adecuada es esencial para que los usuarios de tu web se sientan cómodos y a gusto. Lo más adecuado es que no utilices más de 2 ó 4 colores que combinen perfectamente con tu marca.

Si tienes alguna duda sobre este aspecto puedes leer un artículo en el que recojo algunos consejos y herramientas para elegir los colores de tu web y que pueden serte útiles a la hora de seleccionar la paleta cromática de tu página.

Tan importante como realizar un buen uso del color, es seleccionar y combinar correctamente las tipografías de tu web. 

Puedes escoger una tipografía que aporte una dosis de diseño en los encabezados y textos destacados, pero siempre debes priorizar la lectura con tipografías que se lean bien y no cansen al lector. Para eso, mi recomendación es que uses tipografías del tipo Serif o Sans-Serif. 

También es importante el tamaño del texto, aunque depende de la tipografía que utilices, ya que según Google el tamaño mínimo recomendado para el texto es de 16 px. 

Utiliza dos tipografías como máximo o juega con sus diferentes estilos y pesos (grosor, cursiva,...). Si optas por usar más de una, asegúrate de que se complementan entre sí. Cada tipografía transmite una personalidad, así que tienes que identificarla y elegir la más adecuada.

No abuses de las mayúsculas. Los textos en mayúsculas llaman más la atención y se suelen usar para resaltar algunos encabezados, pero es mejor evitarlos si quieres que lean tu contenido.

No justifiques los textos ya que dificultan la lectura de los textos:

• Se producen ríos de espacios en blanco creando inconsistencia en el texto.
• Es más complicado seguir las lineas porque se pierde el punto de referencia.
• Requieren un mayor esfuerzo y concentración.

Puedes utilizar herramientas como Google Fonts o Font Pair, para probar tipografías o realizar combinaciones para ver como quedarían en tu web.

Uno de los grandes objetivos que tenemos que conseguir con nuestra web es el de transmitir confianza y cercanía.

Por eso cuando hablamos de nuestro negocio en internet debemos hacerlo de cara y mostrándonos al mundo. Debemos ser auténticos y mostrar las personas, las instalaciones o las oficinas que hay detrás de nuestra empresa. Esto nos hace más cercanos y despierta la confianza de los visitantes de nuestra web.

Al utilizar imágenes de stock para ilustrar tu web, estas utilizando imágenes demasiado genéricas que no te representan y no hablan para nada de ti. Además esas mismas imágenes te las puedes encontrar en un montón de páginas más, incluso en las de tu competencia más directa, por lo que no te diferencian ni te hacen destacar sobre el resto, haciendo que tu página sea como las demás.

No dejes que las imágenes de tu web tengan un aspecto descuidado y transmitan una mala impresión de ti o de tu negocio.

Este es un error muy común, y en muchas ocasiones me encuentro con el uso de imágenes de mala calidad que se encuentran pixeladas o distorsionadas, o simplemente sin optimizar y con un peso excesivo.

Utilizar imágenes borrosas, con mala calidad, o con una resolución y un tamaño que no es adecuado puede estropear el diseño de tu web y queda muy mal de cara al visitante de tu página.

Tal y como hemos visto, el uso de imágenes es muy importante en una web, por eso es importante que su uso esté equilibrado y sea consecuente con la cantidad de texto de nuestra página. Ello facilitará la lectura y ayudará a entender lo que queremos transmitir.

Este error es muy común y hay muchas páginas en las que no se tiene esto en cuenta y o bien contienen una gran cantidad de imágenes en las que se intercala muy poco texto, o bien ocurre lo contrario, y nos encontramos con largos párrafos sin apenas imágenes que los ilustren.

Tan importantes como el contenido de nuestra web, lo son los espacios en blanco. Esos espacios con los que dejamos respirar a los distintos elementos de la web para no saturar al visitante.

Dando espacio a los contenidos de tu web facilitas a que el usuario se centre en lo que realmente le interesa dentro de tu página.

Por eso aporta diseño y utiliza los espacios necesarios para ayudar a la lectura y la navegación en tu web.

Añadir algún efecto o animación a algunos elementos de tu web puede ser positivo, incluso le aportarás un toque distintivo, pero debes hacerlo con sutileza y con criterio.

Tras la aparición de los dispositivos móviles estos recursos han pasado a un segundo plano y hoy en día se buscan páginas web que sean ágiles y directas.

Un exceso de animaciones y efectos puede resultar molesto, distrae al usuario y además puede afectar negativamente a la velocidad de carga de la web.

Aunque en situaciones están justificados, cada vez se utilizan menos los carruseles de imágenes o sliders, ya que penalizan la velocidad de carga, sobre todo en dispositivos móviles y si se realizan con el ancho completo de página.

Intenta prescindir de ellos si no es totalmente imprescindible.

Hay páginas que nos bombardean con botones del tipo ¡Suscríbete!, ¡Descarga!, ¡Compra!, que no llegas a saber que debes hacer.

Por eso mi consejo es que concentres tus objetivos en las llamadas a la acción más importantes para ti y tu negocio. No llenes tu página de miles de botones y colores que terminan por neutralizarse los unos a los otros.