Los peores errores de diseño web: 10 ejemplos de sitios web malos

Artículo escrito por:
  • Diseño de páginas Web
  • Actualizado: Abr 16, 2020

Si tomaste cursos en el colegio comunitario local, haber estado creando sitios web Durante años, o si eres un aficionado que aprende a medida que avanzas, hay algunas cosas que todo diseñador web debe evitar si quiere que los visitantes disfruten pasar tiempo en su sitio.

Probablemente has escuchado el término "pegajoso"En referencia a un sitio web.

Esto simplemente significa un sitio donde el visitante desea quedarse, un sitio que permanece con el navegador y que ella marca y frecuenta. Hay tantos elementos que hacen que un sitio sea un poco rígido que es un tema completamente distinto.

Sin embargo, definitivamente hay algunos errores de diseño web que pueden convertir a un sitio en un sitio del que los visitantes quieren escapar. Aquí están los diseños no-no que debes evitar.

Error #1: Jarring Colors

Los colores que son tan brillantes que lastiman sus ojos o los colores que chocan entre sí pueden hacer que un visitante del sitio quiera huir de una página web.

Cuando planifique el tema de su sitio web, intente elegir colores que se complementen entre sí. El amarillo rara vez funciona como color principal, aunque puede verse bien como un acento. El uso de todos los colores del arco iris rara vez es una buena idea tampoco.

Ejemplo de mal website: Moradito

Malos ejemplos de diseño
Este sitio utiliza casi todos los colores imaginables en un patrón tipo rompecabezas. La única forma de describirlo es fea.

Error #2: Demasiados gráficos

Si abarrota su página web con gráficos, ocurren dos cosas diferentes.

Primero, la página se vuelve tan ocupada que los visitantes pueden no estar seguros de dónde hacer clic o qué quieren ver primero.

En segundo lugar, si un usuario tiene una conexión a Internet más lenta, la página puede tardar demasiado en cargarse. Después de 30 segundos, la mayoría de las personas se irán y pasarán a otro sitio. Vivimos en una época en la que todo es inmediato. Si no captas la atención del cliente en los primeros segundos, corres el riesgo de perderla por completo.

Ejemplo de mal website: pino-sol

Malos ejemplos de diseño
Este sitio tiene tantos gráficos que parece desordenado. Además de los numerosos gráficos, las imágenes se mueven por toda la página, por lo que incluso si el visitante quisiera hacer clic en una de las imágenes, tendría que perseguirlas con el mouse.

Error #3: Tiempo de carga lento

¿Su sitio web se carga tan lentamente que el visitante tiene tiempo para ir a tomar una taza de café y una dona antes de volver?

Agregar demasiados elementos, como flash, sonido, toneladas de gráficos de alta resolución o scripts de java, puede hacer que un sitio se cargue más y más lento. Tenga en cuenta que aunque la mayoría de sus visitantes tendrán alta velocidad, todavía hay clientes rurales que estarán en el acceso telefónico y no podrán acceder a su sitio si se carga demasiado lentamente.

Consejos: Compruebe la velocidad del sitio y obtenga consejos de mejora a través de Google Insights Página velocidad.

La velocidad no solo es esencial para la experiencia del usuario, sino que es un factor de clasificación muy importante. La velocidad de la página se convirtió en un factor de clasificación del motor de búsqueda en 2010, y en junio de 2016, Google informó que actualizará el factor de clasificación de la velocidad de la página para observar específicamente la velocidad de la página de sus páginas móviles. Con la búsqueda móvil que representa más de la mitad de las búsquedas de Google, la velocidad de la página móvil también debe optimizarse.

- Fuente: Mejora tu SEO con una mejor velocidad del sitio

Ejemplo de mal website: el museo de mí

Malos ejemplos de diseño
El flash en este sitio web hace que se cargue muy lentamente. Además de eso, no hay un enlace fácilmente visible para omitir el flash. Los navegadores con velocidades de descarga más lentas encontrarán este sitio tan incómodo de cargar que es probable que salgan del sitio y nunca regresen.

Error #4: Demasiada publicidad

Los sitios web de contenido y los blogs ganan dinero con la publicidad en lugar de vender productos. Sin embargo, donde muchos propietarios de sitios web fallan es al agregar tanta publicidad que el visitante no puede distinguir la diferencia entre el contenido y los anuncios. Si el visitante tiene que buscar para encontrar el artículo o el resto de un artículo, entonces hay demasiada publicidad en la página. Uno o dos anuncios colocados en el sitio son los mejores. Más que eso y te arriesgas a molestar a tus navegadores.

De hecho, en una informe de publicidad digital conducidos por Upstream y YouGov en 2012, encontraron que alrededor del 20% de los consumidores dijeron que si una compañía anunciaba demasiado, nunca volverían a usar esa compañía.

Ejemplo de mal website: Hemmy.net

Malos ejemplos de diseño
En varias páginas de este sitio web, el área de visualización completa en la parte superior de la página es sobre 90% de anuncios de diferentes tipos. Para llegar al contenido de la página, uno debe desplazarse hacia abajo. Incluso allí, hay publicidad adicional dispersa por todas partes. Es tan molesto que es difícil concentrarse en el sitio.

Error #5: Edición amateur de fotos

Nada grita más aficionado que una imagen que no se ha editado correctamente. Los sitios web con este tipo de problema pueden haber recortado imágenes con bordes borrosos, colores corregidos automáticamente que lucen, técnicas de estratificación deficientes que hacen obvio que dos imágenes se unieron o extrañas proporciones.

Consejos: Hacer uso de las herramientas gratuitas de edición de imágenes en línea: canva, Pic Monkey

Ejemplo de mal website: los autobuses de Peter

Malos ejemplos de diseño
Hay varios problemas con los gráficos en esta página. Primero, está el autobús con un fondo blanco en lugar de transparente que se despliega en la página y parece aficionado. Las dos fotos a la derecha también son problemáticas, ya que se han ampliado y redimensionado sin mantener las proporciones. Las fotos se ven y las personas en la de la derecha aparecen tan estiradas que podrían ser gigantes en la tierra de Liliput.

Error #6: Diseños que podría crear un niño de tres años

Si su sitio web parece que abrió Microsoft Word, creó una pieza de Word Art y la lanzó a Internet, entonces es posible que desee reconsiderar sus elementos de diseño. Si bien la simplicidad es un alivio bienvenido de algunos de los sitios más ocupados, si usted es demasiado simple, corre el riesgo de que su sitio parezca juvenil y barato.

Ejemplo de mal website: Cyber ​​D-Sign Clan

Malos ejemplos de diseño
El diseñador ni siquiera ha cambiado los colores de las palabras del diseño estándar con el que MS comienza. Este diseño es tan simple que será inmediatamente reconocible como un fondo de patrón básico de Microsoft y Word Art.
Malos ejemplos de diseño
Además de eso, una página emergente intenta cargar. Esto podría pasarse por alto si el diseño fuera mejor una vez que omita la introducción y haga clic en la página principal. Sin embargo, el diseño de la página vinculada (a continuación) es igualmente decepcionante.

Error #7: Navegación pobre

Incluso si un sitio web tiene un diseño visualmente atractivo, los visitantes pueden frustrarse y abandonar la navegación deficiente.

Por ejemplo, sitios sin un enlace claro o con tantos elementos que es difícil decidir a dónde ir. Un problema al que se enfrentan muchos propietarios de sitios web es un sitio pequeño que de repente crece. La navegación que funcionó cuando el sitio tenía cinco páginas simplemente no funcionará cuando el sitio tenga 500 páginas. Mire cómo el sitio puede ser rediseñado y reestructurado en categorías y subcategorías para que los visitantes entiendan exactamente a dónde ir para lo que quieren. También es inteligente agregar un cuadro de búsqueda.

Ejemplo de mal website: LawnSignDirectory.com

Malos ejemplos de diseño
El visitante espera una dirección de búsqueda para su área, pero en cambio, hay docenas de enlaces en la parte izquierda de la página, anuncios a la derecha y algunas empresas destacadas. Este sitio podría beneficiarse de una renovación de la estructura organizativa, para que los visitantes puedan encontrar fácilmente los recursos que están buscando.

Error #8: Problemas de texto

Los diseñadores web que usan un fondo ocupado y luego eligen un color de texto que no ofrece suficiente contraste hacen que sus páginas web sean ilegibles. Si los ojos de un visitante duelen después de leer un artículo, ¿por qué se quedaría para leer más páginas de su sitio? Si debe elegir un fondo ocupado, al menos coloque un cuadro, capa o tabla de contenido con un fondo sólido y elija un color de texto que sea opuesto. Trate de evitar el gris sobre gris, pero elija blanco sobre rojo oscuro, negro sobre rosa claro, etc.

Las palabras que se superponen entre sí también son difíciles de leer, al igual que los párrafos que se superponen parcialmente los gráficos y parcialmente sobre un fondo sólido.

Ejemplo de mal website: Triángulo de las Bermudas

Malos ejemplos de diseño
No solo hay problemas de contraste en este sitio, sino que el texto se superpone a otros textos, lo que hace que sea casi imposible de leer.

Error #9: errores tipográficos

Nada grita poco profesional más que flagrantes errores tipográficos y problemas gramaticales. Aunque nadie es perfecto, puedes intentar acercarte. Pídale a sus amigos y familiares que revisen sus páginas y lo ayuden a encontrar estos errores, o contrate a un editor profesional para que pruebe sus páginas. El siguiente ejemplo es solo por diversión. Esta no es una verdadera compañía de diseño web, sino una mirada irónica a la apariencia poco profesional de algunas compañías.

Consejos: Aprenda a captura de errores tipográficos y errores en su propia escritura.

Ejemplo de mal website: rocas de Web Tek

Malos ejemplos de diseño
Se puede pasar por alto un error tipográfico, pero este sitio muestra cómo algunos sitios sombríos están llenos de errores. Para una compañía que quiere ayudarlo a poner su sitio en la web, probablemente les convendría pasar más tiempo corrigiendo los problemas en su propio sitio antes de crear el suyo. "Especial" se deletrea SPECAIL; "Experiencia" se deletrea "experteze"; Se ofrecen a "ayudar a ponerte a ti mismo" en línea; "Podemos construido su sitio más rápido que nadie! "

Error # 10: El peor diseño de sitio web de todos los tiempos: tan malo que no puedes explicarlo

Algunos sitios web son intrínsecamente muy, muy malos en diseño. Estos sitios web mal diseñados: no es una cosa que haga que el sitio sea doloroso para sus ojos, sino casi todo en el sitio.

Puede haber una combinación de colores feos, navegación deficiente y otros elementos. Afortunadamente, estos sitios son raros, pero verlos puede ayudarlo a saber qué no hacer cuando diseñas tu sitio.

Ejemplo de mal website: La vida futura

Malos ejemplos de diseño
Este sitio es tan horrible que es difícil de describir. Primero, cualquiera que sea propenso a las convulsiones debe mantenerse alejado de este sitio, ya que es probable que desencadene una convulsión incluso en una persona no propensa a las convulsiones. El sitio se desplaza, está lleno de gráficos animados y parpadeantes. Además de eso, los gráficos no son atractivos en su mayor parte, terminando con un bebé en la banda y tocando la guitarra. Visita si te atreves.

Acerca de Lori Soard

Lori Soard ha estado trabajando como escritora y editora independiente desde 1996. Ella tiene una licenciatura en educación en inglés y un doctorado en periodismo. Sus artículos han aparecido en periódicos, revistas, en línea y ha publicado varios libros. Desde 1997, ha trabajado como diseñadora web y promotora para autores y pequeñas empresas. Incluso trabajó durante un corto tiempo en sitios web de ranking para un popular motor de búsqueda y estudiando tácticas de SEO en profundidad para varios clientes. A ella le gusta escuchar de sus lectores.