Errores de diseño web más comunes: ataúd para un sitio web

Todos los días, muchos sitios web se publican con tantos conceptos de diseño, nos encontramos con algunos de los mejores diseños que hemos visto y, por otro lado, a veces nos encontramos con sitios web diseñados tan tontos que resultan ser un ataúd para ese sitio web. Cualquier nuevo visitante que llegue a ese sitio web en particular se encontrará perdido y abandonará el sitio web con ese tipo de diseño. Entonces, ahora la gran pregunta es ¿cómo debemos diseñar nuestro sitio web o cuáles son los errores de diseño web más comunes que cometen los diseñadores web?

Crear un sitio web puede ser desalentador, pero el verdadero desafío radica en hacerlo utilizable. El problema es que la mayoría de los diseñadores web olvidan que el sitio web no fue creado para ellos sino para resolver las necesidades de los usuarios. Dan prioridad a la creatividad sobre la practicidad y la usabilidad.

Veamos algunos,

Errores de diseño web más comunes

De los muchos errores que podemos o no haber visto, vamos a hablar sobre el error más garrafal que cometen los diseñadores web.

#1 Buscar en el cuadro de búsqueda

La web es como un archivo de información. Ya sea un sitio web corporativo o simplemente un blog, un cuadro de búsqueda es esencial. El visitante puede estar buscando algo que está oculto dentro del sitio web, con el cuadro de búsqueda, lo más probable es que los visitantes obtengan lo que quieren.

Sugerencias: la búsqueda personalizada de Google es una forma ordenada, simple y efectiva de comenzar. Permite a los visitantes buscar en su sitio de una manera eficiente. Simplemente copie el código HTML del panel de control y péguelo en su sitio web y eso es todo, tiene una función de búsqueda directamente en su sitio web.

#2 Mala legibilidad y falta de claridad

Este es un elemento crucial del diseño web. Por supuesto, un buen diseño de interfaz captará la atención de los usuarios, pero los usuarios deben leer el texto para poder captar la información que desean. Algunos sitios web usan los estilos y tamaños de fuente más extraños que hacen que leer sea un dolor.

Sugerencias: Afortunadamente, hay formas sencillas que puede hacer para mejorar la experiencia de lectura de los usuarios en su sitio web.

1. Compare los esquemas de color de la mayoría de los principales sitios y observe cómo los colores mejoran la legibilidad. Un buen lugar para probar diferentes combinaciones de colores es Adobe Kuler .
2. Use un tipo de letra Sans serif , ya que permite una fácil lectura en la web

#3 Diseño de contenido desordenado

El contenido de un sitio web es lo que genera tráfico hacia él. La forma en que se estructura el contenido es lo que hará que sea un éxito o un fracaso. Los usuarios no leen a menos que sea absolutamente necesario, sino que escanean la información y seleccionan puntos de interés en una página web. Algunos diseñadores simplemente colocan un bloque de texto en la página web y descuidan por completo los encabezados, subtítulos, viñetas, palabras clave, párrafos, etc.

Use un título de página apropiado para cada página web para que los usuarios sepan exactamente dónde están. Algunos diseñadores incluso olvidan nombrar la página web.

En general, lo peor en esta categoría será colocar contenido inexacto, inaccesible, insignificante o desactualizado en su sitio web. El contenido debe coincidir con el tema general del sitio web y ser útil. Si una página está en construcción, ¿por qué molestarse en subirla? Si un diseñador realmente debe hacerlo, entonces es solo temporal y 3 semanas ya no se considerarán temporales.

Sugerencias: Organice el contenido de su sitio web usando HTML y CSS debe usarse al crear el diseño de sus páginas.

1. Cree suficientes espacios en blanco entre el texto y las imágenes mediante el uso de márgenes.
2. Actualízate y sé constante . El propósito de la actualización no es solo agregar contenido nuevo, sino también detectar y corregir errores pasados.

#4 Problemas de navegación

La navegación dentro de un sitio web debe ser fluida. Los usuarios deben poder orientarse fácilmente. Si bien no existe un estándar para la navegación dentro de un sitio web, especialmente ahora que surgen más nuevas tecnologías de desarrollo web, es imperativo comprender que la navegación debe ser intuitiva y consistente.

Si el texto se utiliza como navegación, debe ser conciso. Las metáforas visuales no deben reinventarse. Si se utilizan hipervínculos, deben destacarse del cuerpo del texto. Los enlaces muertos no deberían tener lugar en ninguna página web. Esto aumenta la confusión del usuario y hace perder tiempo. Y uno que es aún peor es tener un enlace en la página de inicio que vincule a la página de inicio.

Sugerencias:

1. Haga que la navegación sea fluida mediante el uso de descripciones textuales para todos los enlaces. Proporcione texto alternativo para las imágenes. Utilice técnicas alternativas de descripción de texto para enlaces Flash o Javascript.
2. Organice y estructure su navegación en conjunto con el tema del sitio web. Los sitios web personales pueden darse el lujo de ser más creativos pero accesibles, pero un sitio web comercial requiere más eficiencia y claridad.

Recuerde, si los usuarios no pueden encontrar lo que buscan en menos de 3 clics, la mayoría se irá de inmediato.

#5 Planificación de interfaz desigual

La creatividad excesiva puede ser sólo eso. ¡Excesivo! Algunos diseñadores lo llevan a otro nivel al crear sitios web al crear diferentes diseños para cada página web dentro de un sitio web. Esto no es de ninguna manera confuso para el usuario. Y completamente molesto. No importa cuán sobresaliente y atractivo sea un sitio web, si la apariencia general no es consistente, los usuarios no pueden relacionarse con él y se sienten menos en control. Por lo tanto, partiendo tan pronto como llegaron.

Sugerencias:

1. Use una plantilla uniforme estándar para cada página con enlaces a las secciones principales del sitio.
2. La palabra clave es simple. Cree diseños estéticamente simples y los usuarios nunca se confundirán en su sitio web.

#6 Falta de respuesta

Estoy seguro de que hemos visitado sitios web en los que tienes que desplazarte horizontalmente. Este es un absoluto no-no en el diseño web moderno. Un buen diseñador desarrollará sitios web que se ajusten a la mayoría de los tamaños de pantalla. El diseño actualmente optimizado para sitios web actualmente es de 1024 x 768 píxeles.

Sugerencias: es difícil y casi imposible adaptar el diseño a cada resolución, especialmente cuando los visitantes ahora navegan desde teléfonos móviles y netbooks, pero podemos tener una idea aproximada de cuáles son las resoluciones de pantalla generalmente utilizadas de las siguientes maneras:

• Verifique sus estadísticas : los servicios analíticos como Google Analytics le brindan información sobre la resolución del monitor que están usando. Esta es información útil que debe saber antes de iniciar su próxima renovación.
• Estadísticas del navegador de W3 Schools: W3 Schools ofrece listas claras de los navegadores más populares utilizados por los internautas y los ordena según su popularidad. También hay otras estadísticas interesantes e importantes.

#7 Formularios de registro complejos

Los formularios de registro son complicados. ¿Cuánta información requieres del usuario? Atrás quedaron los días en los que un usuario tenía que ingresar un millón de detalles para registrarse en su sitio web. Algunos sitios web hacen que la mayoría de los campos de registro sean obligatorios y validan los campos en la medida en que el usuario se siente frustrado después de algunos intentos. Recuerde, los usuarios, visitan un sitio web para adquirir información. No al revés.

El sencillo formulario de Someecard hace que el registro sea sencillo.

Sugerencias: compare los formularios de registro en las comunidades en la web y comprenda qué información básica se requiere del usuario durante el proceso de registro.

Más: 9 errores comunes de usabilidad en el diseño web : esta publicación en Smashing Magazine analiza en profundidad los formularios de registro, entre otros errores de usabilidad.

#8 Imágenes engañosas en el sitio web

Demasiadas imágenes en una página web es un gran desvío. Las imágenes se pueden utilizar para captar la atención de los usuarios, pero también pueden ser una distracción o simplemente irritantes. Las imágenes deben usarse para ilustrar y guiar al usuario cuando corresponda.

Las animaciones son asombrosas y un medio poderoso. Especialmente cuando se usa apropiadamente. Cuando es un ciclo o simplemente demasiado en una página web, pone de los nervios a los usuarios. Los usuarios no tienen la paciencia, el tiempo o los recursos, por lo que los diseñadores deben ofrecer alternativas o, mejor aún, el botón de saltar si se trata de una animación de página completa.

Más: Flash: 99 % malo : use Flash correctamente. Han pasado casi 10 años desde que Jakob Nielsen publicó este artículo, pero sigue siendo relevante en términos de usabilidad de Flash, especialmente la pieza de Fundamentos de Breaks Web .

#9 Páginas desordenadas, más espacio en blanco

Muchos diseñadores se olvidan de los espacios en blanco y su importancia. Están tan absortos en su propia creatividad de diseño que olvidan que no se trata de ellos. Por lo tanto, intentan meter todo lo que pueden en una sola página. ¿Resultado final? Una página ocupada, desordenada e ilegible.

kylestanding hace un buen uso de los espacios en blanco en su diseño.

Aquí hay algunos artículos para darle una buena idea de la importancia de los espacios en blanco en el diseño web :

• Una comparación de cuatro diseños de espacios en blanco
• El valor del espacio en blanco
• Espacio en blanco

# 10 Música de fondo, gran revés

Los usuarios no quieren cool, buscan eficiencia. Y sí, al 99 por ciento no le importa la música en su sitio web. Algunos diseñadores lo empeoran poniendo música de fondo diferente en cada página web.

Sugerencias: No use música de fondo , pero si es necesario, cree un marco para el código y los controles de usuario. De esa manera, la música se repite continuamente, en lugar de cambiar cada vez que se carga una nueva página dentro del sitio web. Y el usuario puede detener o pausar cuando quiera.

TERMINANDO

KISS es el resultado final, oh, quise decir Keep It Simple, Stupid. Y eso es lo que más le gusta a la gente en un sitio web, si es simple, es fácil de usar.

Espero que haya adquirido mucha información sobre los errores comunes de diseño web.

Con los errores, también vienen las inspiraciones, así que no olvides leer Las 10 principales tendencias de diseño web y algunas formas de hacer que tu sitio sea fácilmente accesible.