ya sea que haya tomado cursos en el colegio comunitario local, haya estado creando sitios web durante años o sea un aficionado que aprende sobre la marcha, hay algunas cosas que todo diseñador web debe evitar si quiere que los visitantes disfruten pasando tiempo en su sitio.

probablemente hayas escuchado el término «pegajoso» en referencia a un sitio web.

esto simplemente significa un sitio donde el visitante quiere quedarse–un sitio que se queda con el navegador y que marca y frecuenta., Hay tantos elementos que entran en hacer un sitio pegajoso que es un tema completamente diferente.

sin embargo, definitivamente hay algunos errores de diseño web que pueden hacer que un sitio sea uno del que los visitantes quieran huir. Aquí están los no-no del diseño que usted debe evitar.

error # 1: Colores discordantes

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 un 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 Sitio Web malo: Moradito

este sitio utiliza casi todos los colores imaginables en un patrón de tipo rompecabezas. La única manera de describirlo es feo.

error # 2: demasiados gráficos

Si desordenas tu 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 mirar primero.

segundo, 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 Sitio Web malo: Pine-Sol

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 quería hacer clic en una de las imágenes, tendría que perseguirlas con su ratón.

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 regresar?

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

Consejo: Compruebe la velocidad del sitio y obtenga consejos de mejora a través de Google Page Speed Insights.

no solo es la velocidad esencial para la experiencia del Usuario, es un factor de clasificación muy importante. La velocidad de la página se convirtió en un factor de clasificación de motores de búsqueda en 2010, y en junio de 2016, Google informó que actualizará el factor de clasificación de velocidad de la página para ver específicamente la velocidad de la página de sus páginas móviles., Dado que la búsqueda Móvil 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: aumenta tu SEO con una mejor velocidad del sitio

ejemplo de Sitio Web malo: The Museum of Me

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 engorroso de cargar que es probable que salgan del sitio y nunca regresen.,

error # 4: demasiada publicidad

los sitios web y blogs de contenido ganan dinero con la publicidad en lugar de vender productos. Sin embargo, donde muchos propietarios de sitios web fallan es agregando tanta publicidad que el visitante no puede distinguir entre contenido y 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 corre el riesgo de molestar a sus navegadores.,

de hecho, en un informe de Publicidad digital realizado por Upstream y YouGov en 2012, encontraron que alrededor del 20% de los consumidores dijeron que si una empresa anunciaba demasiado, nunca volverían a usar esa empresa.

ejemplo de Sitio Web malo: Hemmy.net

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

Error #5: Edición de fotos Amateur

nada grita amateur más fuerte que una imagen que no ha sido editada correctamente. Los sitios web con este tipo de problema podrían haber recortado imágenes con bordes difusos, colores corregidos automáticamente que se ven apagados, técnicas de capas pobres que hacen obvio que dos imágenes se empalman juntas o proporciones de tamaño extraño.,

Consejo: hacer uso de herramientas gratuitas de edición de imágenes en línea: Canva, Pic Monkey

ejemplo de mal Sitio Web: Peter’s Buses

hay varios problemas con los gráficos en esta página. En primer lugar, está el autobús con un fondo blanco en lugar de transparente que simplemente se desploma hacia abajo en la página y se ve Amateur. Las dos fotos a la derecha también son problemáticas, ya que se han estirado y cambiado de tamaño sin que se mantengan las proporciones., Las fotos se despistan y las personas de la de la derecha aparecen tan estiradas que podrían ser gigantes en la tierra de Lilliput.

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

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

ejemplo de Sitio Web malo: Cyber D-Sign Clan

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.
En la parte superior de que, una pop-up página intenta cargar. Esto podría pasarse por alto si el diseño fuera mejor una vez que omitas la introducción y haces clic en la página principal., Sin embargo, el diseño de la página enlazada (abajo) es igual de decepcionante.

error #7: mala navegación

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

por ejemplo, sitios sin un enlace claro o con tantos elementos que es difícil decidir a dónde ir. Un problema que enfrentan muchos propietarios de sitios web es un sitio pequeño que crece repentinamente. La navegación que funcionó cuando el sitio tenía cinco páginas simplemente no funcionará cuando el sitio tiene 500 páginas., Mira cómo el sitio puede ser reelaborado 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.

ejemplo de Sitio Web malo: LawnSignDirectory.com

el visitante espera una dirección de búsqueda para su área, pero en su lugar hay docenas de enlaces listados en el lado izquierdo de la página, anuncios a la derecha y algunos negocios destacados., 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 opuesto. Trate de evitar gris en gris, pero elija blanco en rojo oscuro, negro en 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 a los gráficos y parcialmente sobre un fondo sólido.,

ejemplo de Sitio Web malo: Bermuda Triangle

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 más poco profesional que errores tipográficos evidentes y problemas gramaticales. Aunque nadie es perfecto, puedes intentar acercarte. Pida a sus amigos y familiares que revisen sus páginas y lo ayuden a encontrar estos errores, o contrate a un editor profesional para probar sus páginas. El siguiente ejemplo es solo por diversión., Esta no es una empresa de diseño web real, pero una mirada irónica a lo poco profesional que algunas empresas aparecen.

Consejo: Aprende a detectar errores tipográficos y errores en tu propia escritura.

ejemplo de Sitio Web malo: web Tek Rocks

un error puede pasarse por alto, pero este sitio muestra cómo algunos sitios sombríos están llenos de errores. Para una empresa que quiere ayudarle a poner su sitio en la web, probablemente estaría mejor servido pasar algún tiempo corrigiendo los problemas en su propio sitio antes de construir el suyo., «Especial» se deletrea S-P-E-C-A-I-L; «experiencia» se deletrea «experteze»; ofrecen «ayudar a ponerse» en línea; «podemos construir su sitio más rápido que nadie!»

error #10: el peor diseño de sitios web, tan malo que no puedes explicarlo

algunos sitios web son intrínsecamente muy, muy malos en el diseño. Estos sitios web mal diseñados – no es una cosa que hace que el sitio doloroso para los ojos, pero casi todo en el sitio.

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

ejemplo de Sitio Web malo: the Afterlife

este sitio es tan horrible que es difícil de describir. En primer lugar, cualquier persona que sea propensa a las convulsiones debe mantenerse alejada 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.