Según estudios las personas tardan aproximadamente 0,05 segundos en formarse una opinión sobre el atractivo visual de tu sitio web y si se quedarán o se irán. Diseñar sitios web puede resultar complicado para los principiantes. Este artículo tiene como objetivo esbozar algunos errores comunes de diseño web que debes evitar.
Pasar directamente al software de diseño
Como principiante, es fácil adelantarse y lanzarse directamente al diseño de la interfaz de un sitio web. Sin embargo, siempre vemos los mejores resultados cuando trabajamos sin conexión primero para ayudar a generar una base sobre la cual construir. Esto ayuda a informar tu diseño, proporcionar un propósito y debería simplificar el proceso de diseño al agregar más estructura.
En esta etapa, el material de apoyo debe consistir en personas que identifiquen al usuario objetivo del sitio, los flujos de usuarios, describiendo las interacciones clave y las rutas tomadas por el usuario para satisfacer cada historia de usuario y, lo más importante, los wireframes. Usar papel y lápiz para esbozar un diseño aproximado te permite trabajar de manera ágil, iterando el diseño sin consecuencias.
Pasar por alto las cuadrículas, las líneas guía y las columnas
Algo que los diseñadores web principiantes suelen pasar por alto es la importancia de las cuadrículas y las guías que se utilizan para ayudar a garantizar que los elementos estén alineados. Las columnas son excelentes para segmentar el contenido verticalmente y garantizar que estos bloques de contenido estén alineados correctamente, sean muy versátiles y se puedan configurar según las preferencias del usuario.
Los canalones a ambos lados de las columnas pueden proporcionar un respiro para el contenido. Estos ayudan a los desarrolladores durante la transferencia de un diseño, ya que pueden ver las columnas que proporcionan contexto al espacio utilizado entre el contenido.
Falta de jerarquía visual
La falta de jerarquía visual es otro error común cuando las personas comienzan a diseñar sitios web. La jerarquía visual debe guiar a los usuarios a través del sitio y hacia su objetivo. Esto se puede lograr haciendo elementos más grandes que otros o haciéndolos más prominentes en la página web. El espacio en blanco también puede aumentar la visibilidad de una jerarquía al separar bloques de contenido, lo que ayudará a llamar la atención sobre ellos según su intención.
No diseñar para la accesibilidad
Uno de los aspectos más importantes pero que se pasa por alto de un sitio web es la accesibilidad. Si el sitio web no se ha creado para que sea accesible, es una barrera de entrada para los clientes con discapacidades visuales o auditivas. La accesibilidad cubre un amplio espectro, pero muchos aspectos son fáciles de entender e implementar, mientras que otros son más complejos. Incorporar un diseño accesible en su sitio es mucho más fácil cuando se hace al principio, en lugar de intentar mejorarlo más tarde.
Incorporar un diseño accesible en tu sitio es mucho más fácil cuando se hace al principio, en lugar de intentar mejorarlo más tarde.
El contraste de color es un gran bloqueador para muchos usuarios, pero es bastante fácil de arreglar. La conciencia de los daltónicos afirma que hay aproximadamente 300 millones de personas que tienen deficiencia de la visión de los colores. Esto puede tener un impacto enorme si tu sitio contiene varios colores que no pasan la prueba de contraste. También afecta cosas como la iconografía si el color se usa para demostrar el estatus. Puedes realizar esta prueba simplemente escribiendo «prueba de contraste de color» en Google.
Ignorar la experiencia móvil
Los teléfonos inteligentes son parte de nuestra vida cotidiana ahora. Los sitios web deben diseñarse para dispositivos móviles primero para garantizar que respondan. Un informe de 2017 señaló que el 57% de todo el tráfico web proviene de dispositivos móviles, lo que sin duda ha aumentado desde entonces.
Tener en cuenta la experiencia móvil resultará en una mejor interacción entre el usuario y tu sitio web. Por lo general, esto implica un relleno más pequeño entre los elementos para reducir el tiempo de desplazamiento y un texto más pequeño para permitir el contenido de ancho completo para que sea más fácil de digerir que tratar de meter texto grande en una pantalla. No debería haber una excusa para que un sitio no sea compatible con dispositivos móviles.
Resumen
Los puntos mencionados en este artículo son solo algunos errores comunes que vemos que los principiantes cometen al diseñar sitios web. Hay más principios para un buen diseño web, pero estos son un buen comienzo. Básicamente, se trata de pensar en quién visitará el sitio web, en qué dispositivo lo visitarán y qué buscan lograr.
Neothek ofrece servicios de diseño de páginas web, web hosting, registro de dominios, correo electrónico, certificados SSL y diseño gráfico.
