Mal diseño de websites: 19 razones por las que su página web es mala
Si usted es como la mayoría de los dueños de negocios, probablemente gaste mucho tiempo y dinero tratando de hacer que su sitio web se vea bien. Pero incluso las páginas web más atractivos pueden tener fallas importantes y un mal diseño de websites. En esta publicación de blog, discutiremos 19 ejemplos de mal diseño de páginas web y cómo solucionarlos.
¿Qué es un mal diseño web?
Un mal diseño de websites puede hacer o deshacer su negocio. El mal diseño web es fácil de detectar y corregir, pero se necesita tiempo para convertirse en un profesional en el diseño de páginas web.
Los websites a menudo se crean con demasiado texto, lo que los hace parecer desordenados y poco atractivos. Para solucionar esto, puede usar encabezados y subtítulos para dividir su contenido y usar viñetas para enumerar información importante.
Un mal diseño de websites puede tener un gran impacto en su negocio. Puede hacer que su sitio se vea poco profesional, confundir a sus clientes y rechazar posibles clientes. En algunos casos, un mal diseño web puede incluso costarle ventas.
Entonces, ¿qué cuenta exactamente como un mal diseño de websites? Aquí hay 19 elementos de diseño como ejemplos:
1. Mala tipografía
Los diseñadores tienen mucho en qué pensar al crear un sitio web. No solo deben asegurarse de que el diseño sea fácil de usar y de navegar, sino que también deben asegurarse de que el texto sea fácil de leer. Desafortunadamente, muchos diseñadores no prestan suficiente atención a esto, lo que da como resultado páginas web con mala tipografía.
Estos son algunos de los errores más comunes:
Diseño web con demasiadas fuentes diferentes
Usar demasiadas fuentes puede resultar confuso y abrumador para el lector. También puede ser difícil leer texto configurado en varias fuentes. Trate de apegarse a dos o tres fuentes como máximo.
Fuentes que son demasiado pequeñas
Hacer que el tamaño de fuente sea demasiado pequeño también puede ser un problema. Los lectores deberán entrecerrar los ojos o usar una lupa para leer el texto que está configurado en un tamaño de fuente pequeño. Intente aumentar el tamaño de la fuente para que sea fácilmente legible para todos los usuarios.
Elecciones de tipo de letra incorrectas
Elegir el tipo de letra incorrecto también puede conducir a una mala tipografía. Algunas fuentes son difíciles de leer, especialmente cuando se usan en grandes cantidades. Quédese con fuentes simples y fáciles de leer para su sitio web.
Mala alineación
La alineación es otro factor importante en una buena tipografía. Una mala alineación puede hacer que el texto sea difícil de leer y se vea desordenado. Asegúrate de que todo el texto esté alineado correctamente.
Usar las fuentes incorrectas o no tener suficiente contraste entre el texto y el fondo puede dificultar la lectura de su sitio. Esto hará que las personas abandonen su sitio antes de que tengan la oportunidad de ver lo que tiene para ofrecer.
2. Malas fotos
Las fotos de archivo se utilizan a menudo en los websites para ahorrar tiempo y dinero. Si bien no hay nada de malo en usar fotos de archivo, es importante elegir aquellas que sean de alta calidad y relevantes para su sitio web. De lo contrario, corre el riesgo de tener malas fotos de archivo que distraerán la atención de su contenido y harán que su sitio web se vea poco profesional.
Aquí hay algunos consejos para elegir buenas fotos de stock:
Elige fotos de alta calidad.
Asegúrese de que las fotos que use sean de alta calidad y se vean bien en su sitio web. Las fotos de archivo mal tomadas solo harán que su sitio web se vea peor.
Elija fotos que sean relevantes para su sitio web
Si eres un bufete de abogados, no uses una foto de una playa como imagen principal. Asegúrese de que las fotos que use sean relevantes para su sitio web y su negocio.
No uses demasiadas fotos de archivo
Si bien las fotos de stock pueden ahorrarle tiempo, no use demasiadas en su sitio web. Demasiadas fotos de archivo harán que su sitio se vea como una plantilla y quitarán la singularidad de su marca.
3. Enlaces rotos
Nada es más frustrante que hacer clic en un enlace y recibir un mensaje de error. Asegúrese de que todos los enlaces en sus páginas web funcionen correctamente, o de lo contrario corre el riesgo de perder tráfico.
Los enlaces rotos pueden ser una gran molestia para los visitantes del sitio web. Si un enlace está roto, puede llevar al lector a una página que no existe o no se carga correctamente. Esto puede ser muy frustrante y puede hacer que el lector abandone su sitio web.
Para evitar enlaces rotos, asegúrese de revisar sus enlaces regularmente. Use una herramienta como Screaming Frog para ayudarlo a encontrar y corregir enlaces rotos en su sitio web.
Si encuentra un enlace roto en su sitio web, aquí hay algunas instrucciones para solucionarlo, cualquier diseñador web puede ayudarlo a solucionarlo:
Encontrar el enlace roto
El primer paso es encontrar el enlace roto en su sitio web. Use una herramienta como Screaming Frog o el plugin de WordPress Broken Link Checker para ayudarlo a encontrarlo.
Arreglar el enlace roto
Una vez que haya encontrado el enlace roto, es hora de arreglarlo. Esto se puede hacer de diferentes maneras:
- Reemplace el enlace roto con un enlace que funcione
- Cree una redirección desde el enlace roto a una página de trabajo
- Eliminar el enlace roto
Actualizar el mapa del sitio (sitemap)
Si ha arreglado un enlace roto, asegúrese de actualizar su mapa del sitio. Esto ayudará a Google y otros motores de búsqueda a encontrar la nueva página.
4. Páginas desordenadas
Demasiada información en una página puede ser abrumadora y confusa para que el usuario navegue. Asegúrese de que sus páginas sean fáciles de navegar y que la información más importante esté al frente y al centro.
Si sus páginas están abarrotadas, puede ser difícil para los visitantes encontrar lo que buscan. Esto puede hacer que abandonen su sitio web sin tomar ninguna medida.
Aquí hay algunos consejos para evitar páginas desordenadas y lograr un buen diseño web:
Crear una jerarquía clara
Al crear su contenido, asegúrese de crear una jerarquía clara. Esto significa organizar su información en grupos lógicos y colocar la información más importante en la parte superior.
Usar títulos y subtítulos
Los títulos y subtítulos pueden ayudarlo a organizar su contenido y hacerlo más fácil de leer.
Usa viñetas o íconos
Las viñetas son una excelente manera de enumerar información en un formato fácil de leer.
Limite la cantidad de texto en cada página
Demasiado texto puede ser abrumador para sus visitantes. Intente limitar la cantidad de texto en cada página y divídalo en párrafos más pequeños.
Incluye solo la información más importante
No incluyas información innecesaria en tus páginas. Cíñete a los puntos más importantes y deja de lado todo lo que no sea esencial.
5. Uso ineficaz de imágenes
Si va a utilizar imágenes en su sitio web, asegúrese de que tengan el tamaño adecuado y estén recortadas, y que agreguen valor a la página. Las imágenes mal colocadas o mal elegidas pueden restar valor a la apariencia de su sitio.
Las imágenes pueden ser una herramienta poderosa para los propietarios de páginas web, pero si no se usan correctamente, pueden dañar la apariencia de su sitio.
Aquí hay algunos consejos para usar las imágenes de manera efectiva:
Dimensiona tus imágenes correctamente
Asegúrate de que tus imágenes tengan el tamaño correcto y que no ocupen demasiado espacio en la página. Si una imagen es demasiado grande, ralentizará su sitio web y puede hacer que las páginas se carguen incorrectamente.
Recorta tus imágenes correctamente
Si está utilizando varias imágenes en una página, asegúrese de que estén recortadas correctamente. Las imágenes mal recortadas pueden parecer poco profesionales y distraer la atención del resto de su contenido.
Elige imágenes apropiadas
Si es un bufete de abogados, no use una foto de una playa como imagen de encabezado de su sitio web. Elija imágenes que sean apropiadas para su sitio y que reflejen su marca.
No uses demasiadas imágenes.
Demasiadas imágenes pueden abarrotar sus páginas y dificultar su lectura. Intenta limitar el número de imágenes que utilizas en cada página web.
6. Formularios mal diseñados
Un sitio web malo tendrá formularios que son difíciles de completar o que no se envían correctamente, y puede perder clientes potenciales. Los formularios mal diseñados pueden ser frustrantes y confusos de usar y pueden hacer que las personas abandonen su sitio.
Estos son algunos consejos para diseñar formularios efectivos:
Haz que el formulario sea fácil de completar
El formulario debe ser fácil de completar, con campos y etiquetas claros. No haga que las personas completen información innecesaria y asegúrese de que la información más importante sea fácil de encontrar.
Haz que el formulario no tenga errores
Pruebe el formulario minuciosamente para asegurarse de que no haya errores. Verifique errores tipográficos, campos incorrectos e información faltante.
Haz que el botón de enviar sea obvio
El botón Enviar debe ser fácil de encontrar y estar claramente etiquetado.
Hacer que el formulario responda
El formulario debe ser receptivo para que se vea bien en todos los dispositivos.
7. Contenido inútil
Si su diseño web está lleno de contenido que a nadie le importa, sus visitantes lo ignorarán. Asegúrese de que su diseño web esté enfocado en brindar valor a su audiencia.
Hay mucho contenido en la web que no sirve para nada. Este contenido puede ser frustrante y abrumador para sus visitantes.
Aquí hay algunos consejos para evitar errores inútiles en el diseño de contenido:
Incluye solo la información más importante
No incluya información innecesaria en sus páginas. Cíñete a los puntos más importantes y deja de lado todo lo que no sea esencial.
Organiza tu contenido en grupos lógicos
Al crear su contenido, asegúrese de organizarlo en grupos lógicos y coloque la información más importante en la parte superior.
Usar espacios en blanco
Los espacios en blanco pueden ayudar a que su contenido se vea menos abrumador y más legible.
Usar encabezados y listas
Los encabezados y las listas pueden ayudar a dividir su contenido y hacerlo más fácil de leer.
Resaltar puntos clave
Use opciones de formato, como negrita o cursiva, para resaltar las partes más importantes de su contenido.
Uno de los problemas de mal diseño más comunes y la mala usabilidad de los páginas web y el diseño web es la navegación deficiente. Si las personas no pueden encontrar lo que buscan en su sitio, se irán frustrados. Asegúrese de que su barra de navegación sea legible, fácil de usar e intuitiva.
Estos son algunos consejos para mejorar la navegación de su sitio web:
Haz que sea fácil encontrar lo que buscas
La navegación debe ser fácil de encontrar y usar. Asegúrese de que los enlaces más importantes sean fáciles de encontrar y no requieran desplazarse demasiado.
Hazlo intuitivo
La navegación debe ser intuitiva para que las personas puedan descifrarla sin instrucciones. Use íconos y etiquetas familiares que tengan sentido para sus visitantes.
Hazlo consistente
La navegación debe ser consistente en todo su sitio web. Use el mismo diseño y diseño de sitio web para todas sus páginas.
Hazlo receptivo
La navegación debe ser receptiva para que se vea bien en todos los dispositivos.
9. Diseños confusos
Un diseño desordenado o confuso puede llevar rápidamente a la confusión del usuario. Utilice un diseño web claro y simple para que las personas puedan encontrar fácilmente lo que buscan.
El diseño de un sitio web es uno de los factores más importantes para determinar su usabilidad. Si las personas no pueden encontrar lo que buscan o si el diseño es confuso, abandonarán rápidamente su sitio.
Estos son algunos consejos para evitar diseños confusos:
Use diseños de páginas web simples
Mantenga el diseño de su sitio web simple y fácil de entender. No utilice demasiados gráficos o diseños complejos.
Haz que todo sea fácil de encontrar
Coloque todos los enlaces importantes en un lugar de fácil acceso y use etiquetas claras y concisas.
Usa íconos y diseños familiares
Las personas deberían poder navegar por su sitio web sin ninguna instrucción. Use íconos familiares y diseños de websites que sean fáciles de entender.
Mantenga el diseño consistente
Utilice el mismo diseño para todas sus páginas. Esto ayudará a que las personas se sientan cómodas y familiarizadas con su sitio.
Ventanas emergentes intrusivas
Las ventanas emergentes pueden ser intrusivas y molestas, y a menudo hacen que las personas abandonen los websites frustrados. Si debe utilizar ventanas emergentes, asegúrese de que sean pequeñas y discretas.
10. Demasiadas fuentes en las páginas web
El uso de varias fuentes en un sitio web es un mal diseño y puede hacer que su sitio web se vea desordenado y poco profesional. Elija un número limitado de fuentes que funcionen bien juntas y manténgalas en todo su sitio.
Las fuentes son una parte importante del diseño de páginas web, pero usar demasiadas puede hacer que sus websites se vean desordenados y poco profesionales. Elija un número limitado de fuentes que funcionen bien juntas y manténgalas en todo su sitio. Esto ayudará a crear una apariencia coherente para sus páginas web.
Aquí hay algunos consejos para elegir las fuentes adecuadas para un buen sitio web:
Elija un número limitado de fuentes
No use más de tres o cuatro fuentes diferentes en su sitio web. Esto ayudará a que su diseño se vea cohesivo.
Asegúrate de que las fuentes funcionen bien juntas
Las fuentes que elija deben complementarse entre sí, no chocar. Experimente con diferentes combinaciones hasta que encuentre algunas que se vean bien juntas.
Usa fuentes conocidas
Las personas deberían poder reconocer las fuentes que está utilizando, así que evite elegir demasiadas fuentes inusuales o raras. Cíñete a las fuentes comunes con las que la mayoría de la gente estará familiarizada.
11. Usar demasiado color
Usar demasiado color también puede ser una distracción y puede hacer que su sitio web sea difícil de leer. Quédate con un número limitado de colores y úsalos con moderación. Esto ayudará a mantener su sitio web con un aspecto profesional y fácil de navegar.
El color es una parte importante del diseño de un sitio web, pero usar demasiado puede ser una distracción. Quédate con un número limitado de colores y úsalos con moderación. Esto ayudará a mantener su sitio web con un aspecto profesional y fácil de navegar.
Aquí hay algunos consejos para elegir los colores correctos:
Elija una paleta de colores limitada
No use más de tres o cuatro colores diferentes en su sitio web. Esto ayudará a que su diseño se vea cohesivo.
Asegúrate de que los colores funcionen bien juntos.
Los colores que elijas deben complementarse entre sí, no desentonar. Experimente con diferentes combinaciones hasta que encuentre algunas que se vean bien juntas.
Usa colores claros y oscuros con cuidado.
Los colores más oscuros pueden dificultar la lectura del texto, así que utilícelos con moderación. Los colores claros pueden ser relajantes y agradables a la vista, pero demasiados pueden cegar. Utilice los colores claros y oscuros con prudencia para crear un diseño efectivo.
Evite usar demasiados colores brillantes
Demasiados colores brillantes pueden ser abrumadores y difíciles de ver durante largos períodos de tiempo. Quédese con colores apagados o pasteles para evitar crear un efecto discordante.
12. Uso de gráficos animados
Los gráficos animados pueden ser divertidos, pero también pueden distraer y molestar. Úselos con moderación, o de lo contrario corre el riesgo de alejar a las personas de su sitio. Quédese con animaciones simples que sean fáciles de entender y que no requieran demasiada atención. Esto ayudará a mantener su sitio web con un aspecto profesional y fácil de navegar.
Los gráficos animados pueden ser divertidos, pero también pueden distraer y molestar. Úselos con moderación, o de lo contrario corre el riesgo de alejar a las personas de su sitio. Quédese con animaciones simples que sean fáciles de entender y que no requieran demasiada atención. Esto ayudará a mantener su sitio web con un aspecto profesional y fácil de navegar.
Consejos para usar gráficos animados para un buen sitio web:
Usa las animaciones con moderación
Demasiada animación puede ser abrumadora y difícil de ver durante largos períodos de tiempo. Quédate con algunas animaciones simples que sean fáciles de entender.
Asegúrate de que las animaciones sean relevantes.
Las animaciones que elija deben agregar algo al diseño general de su sitio web, no solo estar allí por el simple hecho de estar allí. Asegúrese de que sean relevantes para su contenido y útiles para sus usuarios.
Elija animaciones que sean fáciles de entender
La gente debería poder entender las animaciones que estás usando sin tener que mirarlas por mucho tiempo. Manténgalos simples y directos para que las personas puedan obtener la información que necesitan sin frustrarse.
13. Uso de Flash
Flash es una plataforma multimedia utilizada para crear experiencias interactivas en la web. Si bien alguna vez fue popular, ya no es compatible con la mayoría de los navegadores web y no es una buena idea usarlo en su sitio web. Si tiene elementos Flash en su sitio, considere reemplazarlos con alternativas HTML. Las páginas web hechas con Flash son malos websites en estos días.
Estas son algunas de las razones por las que debe evitar el uso de Flash:
No es compatible con la mayoría de los navegadores web.
Flash no es compatible con todos los navegadores web, lo que significa que algunas personas no podrán ver el contenido de su sitio. Lo mejor es seguir con alternativas HTML que todos puedan ver.
No ser compatible con dispositivos móviles es sinónimo de diseño obsoleto
Flash no es compatible con la mayoría de los dispositivos móviles, por lo que las personas que se desplazan no podrán ver su sitio web. Esta es una desventaja importante en el mundo optimizado para dispositivos móviles de hoy en día, ahora necesita un diseño receptivo para su sitio web malo.
Puede ralentizar su sitio
Los elementos Flash pueden tardar más en cargarse, lo que puede hacer que su sitio web parezca lento y no responda. Es probable que los usuarios se sientan frustrados y se vayan si tienen que esperar demasiado para que se cargue su sitio web.
No es muy accesible
Flash no es tan accesible como otras tecnologías, lo que significa que algunas personas con discapacidades pueden tener dificultades para usar su sitio. Lo mejor es usar tecnologías alternativas a las que todos puedan acceder.
14. No optimizar para dispositivos móviles
Cada vez más personas acceden a Internet a través de sus teléfonos inteligentes y tabletas, por lo que si su sitio web no está optimizado para dispositivos móviles, está perdiendo una gran cantidad de tráfico potencial si no tiene un sitio móvil.
Algunos consejos para optimizar su sitio web para una versión móvil:
Utiliza un diseño web responsive
Un diseño receptivo se adaptará automáticamente al tamaño de la pantalla en la que se ve, lo que significa que las personas podrán ver su sitio web sin importar qué dispositivo estén usando. El diseño receptivo significa un buen diseño web hoy en día. Consulte este artículo en nuestro blog «8 razones por las que necesita un sitio web responsive o adaptable» para obtener más información sobre páginas web responsive.
Haz que tu texto sea grande y fácil de leer
El texto debe ser lo suficientemente grande para que se pueda leer fácilmente en pantallas más pequeñas, y debe haber suficiente espacio entre líneas para evitar la fatiga visual.
Use botones y enlaces que sean fáciles de tocar
Los enlaces y los botones deben ser lo suficientemente grandes como para tocarlos con un dedo, y debe haber suficiente espacio alrededor de ellos para que las personas no toquen accidentalmente algo incorrecto.
Evite el uso de Flash
Flash no es compatible con la mayoría de los dispositivos móviles, por lo que las personas que se desplazan no podrán ver su sitio web. Los sitios web Flash ahora son páginas web malas.
15. El diseñador web usó demasiados scripts
Los scripts pueden ralentizar su sitio web y causar problemas de compatibilidad con diferentes navegadores. Úselos con moderación, o podría terminar frustrando a sus visitantes con un mal diseño web.
Los scripts pueden ser una excelente manera de agregar funcionalidad e interactividad a su sitio web, pero si usa demasiados, pueden ralentizar su sitio y causar problemas de compatibilidad. Es mejor usarlos con moderación, o de lo contrario podría terminar frustrando a sus visitantes.
Si no está seguro de qué secuencias de comandos están causando problemas, intente usar las herramientas de desarrollo en su navegador web para ver cuáles son las más llamadas. Luego puede eliminar o reemplazar los que están causando la mayoría de los problemas.
Las redes sociales son una excelente manera de conectarse con sus clientes y establecer relaciones con ellos. Asegúrese de que cada página web de su sitio web tenga enlaces de redes sociales para que las personas puedan encontrarlo y seguirlo fácilmente en sus plataformas favoritas.
Las redes sociales son una excelente manera de conectarse con sus clientes y establecer relaciones con ellos. Asegúrese de que su sitio web tenga redes sociales para que las personas puedan encontrarlo y seguirlo fácilmente en sus plataformas favoritas. Esto le ayudará a llegar a un público más amplio y a aumentar su presencia en línea.
Si no está seguro de qué plataformas de redes sociales usar, intente concentrarse en aquellas en las que su público objetivo es más activo. Por ejemplo, si te diriges a la generación del milenio, es más probable que estén en Snapchat e Instagram que en Facebook y Twitter.
17. No corregir errores ortográficos
Los errores tipográficos y gramaticales hacen que su sitio se vea poco profesional y pueden hacer que las personas duden de su credibilidad. Asegúrate de revisar todo tu contenido antes de publicarlo.
La revisión es uno de los pasos más importantes en la creación de contenido de calidad, pero también es uno de los que más se pasa por alto. No revisar su contenido puede provocar errores tipográficos, errores gramaticales y errores en general. Esto hace que su sitio se vea poco profesional y puede hacer que las personas duden de su credibilidad.
Es importante revisar todo el contenido de cada página web antes de publicarla, especialmente si se dirige a un público profesional. Los errores tipográficos y gramaticales lo hacen parecer descuidado y poco profesional, así que tómese el tiempo para revisar su trabajo a fondo.
18. Tener un tiempo de carga lento
Un tiempo de carga lento puede ser muy frustrante para los visitantes y puede hacer que abandonen su sitio sin tomarse el tiempo de mirar alrededor. Asegúrese de que su página web esté optimizada para la velocidad para que se cargue rápidamente.
Si su sitio web se carga lentamente, hay varias cosas que puede hacer para acelerarlo. Puede optimizar sus imágenes, eliminar secuencias de comandos innecesarias y utilizar una red de entrega de contenido. Todas estas son formas fáciles de hacer que su sitio web sea más rápido y mejorar la experiencia del usuario y el buen diseño web en general.
19. No tener un certificado SSL
Un certificado SSL es importante por dos razones en el mal diseño de websites. Primero, cifra toda la información que se envía entre su sitio web y el navegador de su visitante para que no pueda ser interceptada por terceros. En segundo lugar, le da a su sitio web un ícono de candado verde en la barra de direcciones, lo que infunde confianza en sus visitantes, especialmente si tiene un sitio web de comercio electrónico (e-commerce) o un sitio web de noticias.
Si no está seguro de si necesita o no un certificado SSL, intente usar la herramienta Qualys SSL Labs para probar su sitio web. Esto le dirá si está utilizando o no protocolos de seguridad obsoletos y le dará consejos sobre cómo mejorar su seguridad.
Conclusión
Un mal diseño de websites puede frustrar a los visitantes y generar una experiencia de usuario deficiente. Un mal diseño web también es frustrante para las personas que usan su sitio, así como para los rastreadores de motores de búsqueda que indexan su contenido. Al seguir los 19 ejemplos de malos diseños que se enumeran en este artículo, podrá mejorar la usabilidad de sus propios sitios y optimizarlos para que carguen rápidamente en cualquier dispositivo o navegador.
Si es como la mayoría de los propietarios de pequeñas empresas, no tiene tiempo para preocuparse por los errores de diseño de su sitio web. ¡Está demasiado ocupado dirigiendo su negocio! Ahí es donde entramos.
Nuestro equipo de expertos puede ayudarlo a crear un sitio web que sea fácil de navegar, se vea bien en cualquier dispositivo y se cargue rápidamente. También nos aseguraremos de que su sitio web sea compatible con SEO para que pueda comenzar a recibir más tráfico de Google y otros motores de búsqueda.
¡Contáctenos hoy para una consulta gratuita y permítanos mostrarle cómo podemos ayudarlo a mejorar su presencia en línea!
