11 errores comunes de diseño web (errores)
Hay toneladas de sitios web en Internet, y cientos o probablemente miles se crean por día. Aquí hay una cosa muy interesante para reflexionar - ¿Cuáles son los elementos de un buen sitio web??
La construcción de un sitio web puede ser desalentadora, 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 por ellos mismos sino para resolver las necesidades de los usuarios. Dan prioridad a la creatividad sobre la practicidad y la usabilidad..
En este artículo, nos gustaría destacar. 11 errores de diseño web que los desarrolladores y diseñadores web hacen y algunas sugerencias de cómo estos errores pueden evitarse fácilmente..
1. ¿Dónde está 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, es probable que los visitantes obtengan lo que desean..
Sugerencias:Búsqueda personalizada de Google Es una forma limpia, simple y efectiva de comenzar. Permite a los visitantes buscar en su sitio de una manera eficiente. Simplemente copie el código HTML desde el panel de control y péguelo en su sitio web y listo, tiene una función de búsqueda directamente en su sitio web.
Aquí hay un código de formulario simple para mostrar el motor de búsqueda de Google en su sitio también. Todo lo que tiene que hacer es cambiar el nombre del sitio al nombre de su sitio web. Además, puedes modificar el valor de envío a lo que quieras.
Más: Diseño del cuadro de búsqueda sagrada: ejemplos y mejores prácticas- Este artículo detalla las pautas para diseñar el cuadro de búsqueda..
2. Poca legibilidad y legibilidad.
Este es un elemento crucial del diseño web. Por supuesto, un buen diseño de interfaz atraerá la atención de los usuarios, pero los usuarios tienen que leer el texto para poder captar la información que desean. Algunos sitios web utilizan los estilos y tamaños de fuente más extraños que hacen que leer sea un dolor.
Sugerencias:Afortunadamente, hay formas sencillas de mejorar la experiencia de lectura de los usuarios en su sitio web..
- Compare los esquemas de color de la mayoría de los sitios principales y observe cómo los colores mejoran la legibilidad. Un buen lugar para probar diferentes combinaciones de colores es Adobe Kuler.
- Utilizar una Sans serif tipografía ya que permite una fácil lectura en la web..
Más: Aquí hay un buen artículo que le dará más consejos para mejorar la legibilidad. - Facilidad de lectura - Hacer que las páginas web sean fáciles de leer.
3. Diseño de contenido desorganizado.
El contenido de un sitio web es lo que impulsa el tráfico hacia él.. Cómo 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, pero escanean información y seleccionan puntos de interés en una página web. Algunos diseñadores simplemente ponen un bloque de texto en la página web y descuidan totalmente 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 se olvidan de nombrar la página web.
En general, lo peor en esta categoría será poner 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 ponerla? 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 utilizando HTML y CSS cuando cree el diseño de sus páginas.
- Cree suficientes espacios en blanco entre su texto e imágenes usando márgenes.
- Actualizar y ser consistente. El propósito de la actualización no es solo agregar contenido nuevo, sino también detectar y corregir errores pasados. Jakob Nielsen sugiere que contrates a web “jardinero”.
Presupuesto para contratar a un jardinero web como parte de tu equipo. Necesita a alguien que elimine las malezas y vuelva a plantar las flores a medida que cambia el sitio web, pero la mayoría de las personas prefieren dedicar su tiempo a crear nuevo contenido que al mantenimiento. En la práctica, el mantenimiento es una forma barata de mejorar el contenido de su sitio web, ya que muchas páginas antiguas mantienen su relevancia y deben vincularse a las nuevas páginas. Por supuesto, es mejor quitar algunas páginas completamente del servidor después de su fecha de vencimiento - Jakob Nielsen
4. Mala navegación.
La navegación dentro de un sitio web debe ser perfecta. 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 nuevas tecnologías de desarrollo web, es imperativo comprender que la navegación debe ser intuitiva y coherente..
Si el texto se utiliza como navegación, debe ser conciso. Las metáforas visuales no deben ser reinventadas. Si se usan hipervínculos, entonces deben destacarse del cuerpo del texto. Los enlaces muertos no deben tener lugar en ninguna página web. Esto aumenta la confusión del usuario y desperdicia tiempo. Y una que es aún peor es tener un enlace en la página de inicio que enlaza con la página de inicio.
Sugerencias:
- Haga que la navegación sea suave utilizando descripciones de texto para todos los enlaces. Proporcionar texto alternativo para las imágenes. Utilice técnicas de descripción de texto alternativas para enlaces Flash o Javascript.
- Organice y estructure su navegación en tándem con el tema del sitio web. Los sitios web personales pueden permitirse ser más creativos pero accesibles, pero un sitio web de negocios requiere más eficiencia y claridad..
Recuerde, si los usuarios no pueden encontrar lo que quieren en menos de 3 clics, la mayoría se irá inmediatamente..
Más: Implementación de la navegación eficaz del sitio web - Este artículo brinda más información sobre cómo implementar una navegación efectiva para su sitio web..
5. Diseño de interfaz inconsistente.
La creatividad excesiva puede ser solo eso. ¡Excesivo! Algunos diseñadores lo llevan a otro nivel al crear sitios web al crear diseños diferentes 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 lo sobresaliente y atractivo que sea un sitio web, si el aspecto general no es coherente, los usuarios no pueden relacionarse con él y sentirse menos en control. Así, partiendo en cuanto llegaron..
Sugerencias:
- Use una plantilla estándar consistente para cada página con enlaces a las secciones principales del sitio.
- La palabra clave es simple. Cree diseños estéticamente simples y los usuarios nunca se confundirán en su sitio web.
6. Resolución de pantalla hostil.
Estoy seguro de que hemos visitado sitios web donde 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 optimizado actual para los 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 general de cuáles son las resoluciones de pantalla que se utilizan generalmente con las siguientes formas:
- Revisa tus estadísticas - Los servicios analíticos como Google Analytics le proporcionan información sobre qué resolución de monitor están utilizando. Esta es una información útil que debe conocer antes de iniciar su próxima renovación..
- Estadísticas del navegador W3 Schools - W3 Schools ofrece listas claras de los navegadores más populares utilizados por los internautas y los clasifica según su popularidad. Hay otras estadísticas interesantes e importantes también.
7. Formularios de inscripción complicados.
Los formularios de inscripción son complicados.. ¿Cuánta información necesitas del usuario? Se acabaron los días en los que un usuario tuvo 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 sienta 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 indoloro.
Sugerencias:Compare los formularios de registro en las comunidades en la web y entienda 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. Uso inescrupuloso de imágenes / animaciones..
Demasiadas imágenes en una página web es un gran apagón. Las imágenes se pueden usar para captar la atención de los usuarios, pero también puede ser una distracción o simplemente agravante. Las imágenes deben usarse para ilustrar y guiar al usuario cuando sea apropiado..
Las animaciones son impresionantes y un medio poderoso. Especialmente cuando se usa apropiadamente. Cuando se trata de un ciclo o simplemente demasiado en una página web, afecta a los nervios de los usuarios. Los usuarios no tienen paciencia, tiempo ni recursos, por lo que los diseñadores deben ofrecer alternativas o, mejor aún, el botón de omisión, si se trata de una animación de página completa..
Más: Flash: 99% malo - Usa Flash apropiadamente. 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 el Principios básicos de la web trozo.
9. Páginas desordenadas, más espacios en blanco.
Demasiados diseñadores se olvidan de espacio en blanco y su importancia. Están tan envueltos en su propia creatividad de diseño que olvidan que no se trata de ellos. Por lo tanto, intentan abarrotar todo lo que pueden en una sola página. ¿Resultado final? Una página ocupada, desordenada e ilegible..
Kylestanding hace buen uso de los espacios en blanco en su diseño..
Aquí hay algunos artículos para darle una buena idea en el Importancia del espacio 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. No hay música de fondo, por favor!
Los usuarios no quieren cool, buscan eficiencia.. Y sí, al 99 por ciento no le importa la música de su sitio web. Algunos diseñadores lo empeoran al poner música de fondo diferente en cada página web.
Sugerencias:No uses música de fondo, pero si es necesario, cree un marco para el código y los controles del usuario. De esa manera, la música se repite continuamente, en lugar de cambiar cada vez que se carga una nueva página en el sitio web. Y el usuario puede parar o pausar cada vez que.
11. Prueba, prueba y prueba.
Esto no puede ser sobre enfatizado. ¿Cuántas veces hemos estado en páginas web que solo se pueden ver en un determinado navegador? Los desarrolladores web deben tener una lista de verificación de todo tipo cuando prueban sitios web.
- ¿Se puede visualizar el sitio web en diferentes entornos??
- Es el diseño de diseño consistente en todos los navegadores?
- ¿Se puede ver el sitio web en diferentes configuraciones, como Imágenes desactivadas, JavaScript desactivado, etc.??
Sugerencias:W3C ofrece herramientas para probar la garantía de calidad. Revisa Caja de herramientas de control de calidad de W3C y Validación de la página web.
Conclusión:
Mantenlo simple, estúpido (K.I.S.S). Eso es lo importante. Si es simple, es utilizable. En general, los grandes sitios web lo mantienen simple y utilizable. Haz tu tarea y es fácil y natural..
¿Cuáles son sus experiencias en proyectos de diseño web? ¿Qué otros consejos y pensamientos le gustaría compartir en los errores de diseño web??
Nota del editor: Esta publicación está escrita por Brujo Owoh para Hongkiat.com. Brujo Owoh es un estudiante de sistemas multimedia, especializado en diseño web y animación en 2D. Le gusta leer ficción, salir con sus compañeros y mantenerse al día con las tendencias de diseño en Twitter. Visita el blog de brujo..