🥇 ▷ 7 malos diseños de sitios web [Examples & Tips To Fix Them]

El diseño del sitio web es muy importante si desea atraer a los usuarios correctos y hacer crecer cualquier sitio que esté ejecutando. El diseño es tan importante que la mayoría de los usuarios harán clic en segundos si sienten que no pueden navegar por su sitio correctamente o si el diseño no es atractivo.

Un mal diseño de sitios web puede costarle mucho dinero si los usuarios siguen haciendo clic, por lo que en este artículo, veremos algunos ejemplos reales de sitios web malos y veremos cómo podemos mejorar las malas opciones de diseño.

En nuestro ejemplos de mal diseño de sitios webveremos claramente qué hace que un sitio web esté mal diseñado y analizaremos qué se puede hacer para mejorarlo, aunque a veces no es tan obvio.

Antes de ver algunos malos ejemplos de sitios web, comprendamos algunos de los principales errores que todos cometen y lo que debe tener en cuenta. Es mejor discutir estos errores de antemano, ya que muchos de los ejemplos comparten los mismos problemas de diseño.

Primero abordemos los problemas, luego veamos los ejemplos y luego comprendamos qué podemos hacer para corregir estas malas decisiones.

¿Cómo puede saber si un sitio web es malo?

Navegación deficiente, sin camino claro de dirección. Cuando un sitio web se carga por primera vez, el usuario debe comprender la estructura y tener elementos claros de llamada a la acción, para que comprenda a dónde ir. Sin una navegación clara, el usuario se sentirá perdido y sentirá que el sitio está desorganizado. Los usuarios quieren encontrar información rápidamente: si no pueden encontrar lo que buscan, se irán rápidamente.
Elección de color mala o abrumadora. Una de las principales cosas que un usuario notará primero es la elección del color. La paleta de colores de su sitio web es extremadamente importante, es lo que marca el tono y le da un sentido de identidad de marca. Demasiados colores, una selección abrumadora o ningún sentido de propósito con los colores y sus visitantes se sentirán desorientados.
Sitio web no optimizado para pantallas más pequeñas o más grandes. Parece una tontería mencionar este porque es un hecho en el mundo de hoy. Pero se sorprendería de cuántos sitios web afirman estar optimizados para todos los dispositivos, pero no se dan cuenta de que su sitio web no se muestra correctamente en un determinado dispositivo o tamaño de pantalla. Una vez que eso sucede, es más probable que un usuario haga clic porque sabe que el sitio web no es lo suficientemente profesional como para obtener un diseño receptivo correcto, lo que afecta la marca y la reputación de la información.
Tiempo de carga del sitio web lento. Los usuarios esperan que un sitio web se cargue prácticamente al instante, si no es así, simplemente harán clic y buscarán otro sitio que se cargue más rápido. Nadie quiere esperar a que se carguen los sitios web, debería tardar menos de un segundo o casi un segundo en cargarse. Los usuarios quieren acceder a la información rápidamente sin ningún tipo de bloqueo en el camino.
Estar demasiado abarrotado de elementos o texto. Si bien es bueno tener una variedad de información en su sitio web, desea que tenga un enfoque claro, debe guiar a los usuarios hacia la información correcta. Estar demasiado abarrotado de elementos o texto disuadirá a los usuarios y los hará sentir confundidos. Demasiados elementos harán que los usuarios se sientan demasiado abrumados con la información que necesitan procesar.
Sin flujo o botones de llamada a la acción (CTA). La estructura de su sitio web debe fluir bien. Independientemente del objetivo, debe proporcionar un flujo directo a lo que desea de sus usuarios, que podría ser una suscripción, un registro, un correo electrónico o simplemente que permanezcan en su sitio por más tiempo. Tienes que diseñar el sitio web para empujar a los usuarios hacia una acción.
Diseño de sitio web incompleto. Si desea una apariencia profesional, su sitio web debe estar 100% completo, no deje texto de marcador de posición, enlaces o páginas rotas e imágenes faltantes: sus usuarios no se sentirán seguros con su servicio si no se cuida.
Contenido obsoleto. Asegúrese de que su sitio web esté siempre actualizado, la información desactualizada, los eventos, las publicaciones o cualquier cosa que no coincida con las tendencias actuales disuadirá a los usuarios y buscarán un sitio web que esté más actualizado.

Ejemplos de mal diseño de sitios web

Ahora que sabemos más acerca de algunas malas opciones generales de diseño de sitios web… ¿Cuáles son algunos malos ejemplos de diseño web? Podemos ver algunos ejemplos del mundo real y discutir por qué son malos, además, le daremos algunos consejos sobre cómo solucionarlos.

1. Diseño de sitio web obsoleto

Este es un ejemplo extremo, pero aquí podemos ver claramente que el diseño es puramente HTML, básicamente sin estilo, solo estructura pura.

Si bien este tipo de sitio web puede ser fácil de leer, no tiene funcionalidad y la falta de estilo hace que sea más difícil entender cualquier dirección, marca o camino claro. Los usuarios no pueden conectarse con el diseño porque es muy soso.

Su sitio web debe estar a la altura de las expectativas de sus usuarios, por lo que incluso si su sitio web no se parece a este ejemplo extremo, recuerde que el estilo es importante y vital para mantener a los usuarios interesados en su contenido o servicio.

2. Diseño desordenado

Este ejemplo de mal diseño de sitio web está desordenado y la estructura es muy pobre. Duele la vista al mirarlo, abruma a primera vista con la excesiva cantidad de imágenes.

¿Y alguna vez has notado dónde está la navegación principal? El lado izquierdo con el fondo del automóvil y el texto rojo en negrita… Esto es difícil de detectar y hace que el menú de navegación sea horrible de ver y entender el texto.

En general, es muy difícil concentrarse en la información, los colores son demasiado extremos y no combinan bien.

3. Contenido incompleto y mala elección

Al principio, el diseño de este sitio web no parece tan malo, pero una vez que miras más de cerca, puedes ver que tiene algunos problemas. El primer problema importante es el error “404 Not Found” en el lado derecho, esto hace que el sitio se sienta incompleto y como si hubiera errores, lo que no es bueno para el usuario.

Luego pasamos al contenido en sí. El contenido es el rey y este sitio web está lleno de GIF: no son imágenes fijas, aunque los GIF pueden agregar valor, existe un límite. El contenido está lleno de imágenes animadas, esto distrae y hace que el contenido parezca inmaduro y difícil de enfocar.

Además, el texto es demasiado pequeño y no hay estructura en el artículo que muestra el sitio web. Cada punto numerado debe tener su propio encabezado y estar estructurado correctamente.

4. Mala elección de color y fondo

La navegación de la izquierda no es muy atractiva pero es funcional y fácil de detectar, pero la elección del color aquí es contradictoria y no hay sentido de marca.

La imagen de fondo no se escala correctamente en la ventana del navegador, por lo que la imagen simplemente se repite y se ve fea y el cuerpo principal del sitio web no está centrado, por lo que todo el diseño se ve a medio hacer.

Y si nos fijamos en la parte superior donde está el fondo rosa, no podemos leer el texto muy fácilmente porque el rojo no va bien con el color rosa intenso como fondo.

5. Mal diseño estético del sitio web

Si quitamos el color, las fuentes locas y el fondo y solo nos enfocamos en la estructura del sitio web, no es tan malo. El contenido está centrado, tenemos un bonito menú a la izquierda y un área para un logotipo y una marca.

Simplemente empeora cuando enfocamos la estética del sitio web… Se supone que el sitio web trata sobre el arrendamiento de automóviles y este diseño disuadiría a muchas personas, ya que es muy inmaduro: hace que parezca que el sitio web está diseñado para niños pequeños.

Se supone que este diseño es sobre autos, ¡pero en realidad no vemos ninguno! Simplemente está mal diseñado en función de la audiencia objetivo para la que se supone que es este sitio web. Este sitio web nos hace darnos cuenta de lo importante que es lograr que tanto la estructura como el diseño del público objetivo sean correctos.

6. Interacciones inesperadas en el diseño del sitio web

Este sitio web en realidad parece bastante atractivo, pero se ha incluido en nuestra lista de ejemplos de diseño de sitios web malos porque es demasiado interactivo y está lleno de demasiados elementos en movimiento.

Todo se activa con el cursor del mouse, esto distrae mucho y todo sucede cuando pasas el mouse; nuevamente, el público objetivo no son los niños, es para personas o empresas interesadas en comprar luces LED, por lo que solo querrán contenido bien organizado en lugar de todos estos elementos.

También tiene una función de paralaje que es exagerada y se ve muy torpe e inmadura como si el diseño estuviera compensando.

7. Mal diseño de contenido del sitio web

Aquí tenemos otro sitio web que parece bastante moderno: su diseño es fácil de seguir, la navegación del encabezado es excelente, muy mínima y con un buen uso de los espacios en blanco para que no se sienta abarrotado, etc.

Sin embargo, si miramos más de cerca, el contenido dentro es lo que hace que esto forme parte de nuestra lista de ejemplos de diseño de sitios web malos.

La empresa se centra en la creación de aplicaciones para los clientes, pero en la sección de héroes, han utilizado diseños obsoletos y de estilo antiguo en sus maquetas de interfaz de usuario para los teléfonos.

Esta es una mala práctica de diseño. Los usuarios notarán esto y se sentirán como si la empresa no hubiera hecho ningún trabajo reciente para alguien.

Incluso los logotipos de las tiendas de aplicaciones de Apple y Google están desactualizados. Como empresa, no puede permitirse el lujo de funcionar con contenido y estilos tan obsoletos.

¿Cuáles son los signos de un buen diseño web?

Hemos visto algunos ejemplos de sitios web malos, ahora centrémonos un poco en cómo podemos mejorar y solucionar ciertos problemas que puede enfrentar al diseñar un sitio web.

Correcto Uso De La Navegación. Defina claramente su jerarquía de navegación, muestre solo las páginas principales a las que irán la mayoría de sus visitantes, use menús desplegables para definir enlaces de navegación más profundos y asegúrese de que sus usuarios puedan volver a su página de inicio fácilmente. Vuelva a verificar que su navegación sea fácil de encontrar y que todos los enlaces funcionen y lleven a los lugares correctos.
Una paleta de colores equilibrada. Elige 3 colores, uno como color principal, otro como color secundario y un tercero para fondos o elementos más profundos o encabezados. Cíñete a esta estructura en todas las páginas. No use más de 4 colores como máximo. Vincule todas las opciones de color a su marca e investigue la psicología detrás de los colores y su efecto en los usuarios y el diseño.
Sitio web totalmente receptivo. Casi todos los sitios web son receptivos ahora, no hay excusa para no serlo. Sin embargo, asegúrese de que todo su contenido realmente se ajuste a todos los dispositivos y tamaños de pantalla, le sorprendería que algunos sitios web respondan pero cierto contenido no se escala bien, verifique dos veces, de lo contrario, los usuarios descubrirán esto y se desanimarán. lejos.
Utilice espacios en blanco. No tenga miedo de agregar espacios en blanco entre los elementos de su página. Los espacios en blanco crearán un aspecto más limpio y moderno para su sitio web. Como resultado, ayudará a los visitantes a detectar cosas más rápido.
Haz un buen uso de los botones CTA. Desea guiar a sus usuarios a través de su sitio web, asegurarse de que su diseño fluya bien y que use botones CTA para incitar a sus usuarios a tomar medidas. Esto se puede hacer usando imágenes de alta resolución, un título pegadizo y con el uso de un botón para persuadirlos de que tomen medidas.
Mantenga el diseño moderno, minimalista y fresco. No abarrote el diseño, mantenga los elementos mínimos en la página y tenga un equilibrio de espacio en blanco. Priorizar el contenido sobre el diseño. Echa un vistazo a estos diseños mínimos de sitios web para inspirarte.

Si cree que necesita más conocimientos sobre diseño web, considere comenzar algún título en línea en diseño web.

Y si desea aprender a crear diseños web hermosos y útiles, consulte nuestra lista de los mejores libros de diseño web que existen.