Los peores errores de diseño de sitios web de 10

Artículo escrito por:
  • Diseño de páginas Web
  • Actualizado: Ago 03, 2017

Si tomaste cursos en el colegio comunitario local, habiendo sido diseñando sitios por años, o es un aprendizaje de aficionado sobre la marcha, hay algunas cosas que todo diseñador web debe evitar si desea que los visitantes disfruten de pasar tiempo en su sitio.

Probablemente haya 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 dañan sus ojos o los colores que chocan entre sí pueden hacer que un visitante del sitio quiera huir de una página web. Al planificar 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 acento. Usar cada color del arco iris tampoco es una buena idea.

Título del sitio: 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 usted llena 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 navegador 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 donde todo es inmediato. Si no capta la atención del cliente en los primeros segundos, corre el riesgo de perderla por completo.

Título del sitio: Pine-Sol

Malos ejemplos de diseño

Este sitio tiene tantos gráficos que solo se ve 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.

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

Título del sitio: 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.

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

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.

Título del sitio: 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.

Título del sitio: Autobuses de Pedro

Malos ejemplos de diseño

Hay varios problemas con los gráficos en esta página.

Primero, está el bus con un fondo blanco en lugar de transparente que se encuentra en la página y se ve como amateur. Las dos fotos a la derecha también son problemáticas, ya que se han estirado y redimensionado sin que se mantengan las proporciones. Las fotos se ven y las personas en el de la derecha parecen tan estiradas que podrían ser gigantes en la tierra de Lilliput.

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

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.

Título del sitio: Cyber ​​D-Sign Clan

Malos ejemplos de diseño

Malos ejemplos de diseño

Este diseño es tan simple que se reconocerá de inmediato como un fondo de patrón básico de Microsoft y Word Art.

El diseñador ni siquiera ha cambiado los colores de las palabras del diseño estándar con el que MS comienza. 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 enlazada (abajo) es igual de decepcionante.

Error #7: Navegación pobre

Incluso si un sitio web tiene un diseño visualmente atractivo, los visitantes pueden sentirse frustrados y dejar 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 que un sitio pequeño crece cada vez más. La navegación que funcionó cuando el sitio tenía cinco páginas simplemente no funcionará cuando el sitio tiene páginas 500. Observe cómo el sitio puede ser rediseñado y reestructurado en categorías y subcategorías para que los visitantes entiendan exactamente dónde ir para lo que quieren. También es inteligente agregar un cuadro de búsqueda.

Título del sitio: 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.

Título del sitio: 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.

Título del sitio: Web Tek Rocks

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! "

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

Error #10: tan malo que no puedes explicarlo

Algunos sitios web son intrínsecamente malos en diseño. A veces no es una cosa lo que hace que el sitio sea doloroso para usted, 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.

Título del sitio: The Afterlife

Malos ejemplos de diseño

Este sitio es tan horrible que es difícil de describir. Primero, cualquier persona que sea propensa a las convulsiones debe mantenerse alejada de este sitio, ya que es probable que provoque una convulsión incluso en una persona 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 bandana 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.