Ruben D'Oliveira- Fuente: 1stwebdesigner.com
En 20 razones por las que el diseño de tu sitio web apesta, parte 1, he empezado con una breve introducción sobre por qué los clientes deberían ser sólo clientes, y por qué algunos autoproclamados diseñadores web no deberían "diseñar" en absoluto. A continuación, exploramos conceptos importantes que debes conocer antes de empezar a diseñar y planificar un sitio web. Un conocimiento profundo de conceptos como el equilibrio, el espacio en blanco y el desbordamiento marcan la diferencia entre un buen y un mal diseño.
Al igual que en el artículo anterior, nos centraremos en otros 10 errores que pueden transformar el diseño de tu sitio web en un lugar desagradable. Sin embargo, esta vez no te mostraré diseños extremadamente malos que te hacen reír, ahora pasamos al siguiente nivel y nos centraremos en errores más grandes que cometen los buenos diseñadores.
11) Animaciones que distraen
Un diseño aburrido no aporta luz a los ojos de tus visitantes, sin embargo, tener demasiada animación en tu sitio web conlleva muchos inconvenientes para tu negocio. Distraer al usuario del objetivo de su visita garantiza que no capte el mensaje y no vuelva. Si piensas utilizar animaciones en tu sitio web, asegúrate de que son adecuadas para el producto que vendes o muestras. Después, asegúrate de que está correctamente equilibrado con tu contenido, así que para ello debes hacerte tres preguntas:
- ¿Qué es lo primero que miras cuando visitas esa página concreta (animación o contenido)?
- ¿Cuánto tiempo se tarda en ver toda la animación?
- ¿Puedes leer fácilmente el texto mientras se reproduce la animación?
La respuesta a la primera pregunta será probablemente la animación, si no lo es habrás superado la prueba y tu animación no molestará a tus visitas. Si la animación es lo primero que ves, significa que tiene un mayor impacto visual que tu contenido, y necesitas responder a la segunda pregunta. Si la respuesta a la segunda pregunta es "en bucle" o "demasiado", tienes un problema y la respuesta a la tercera pregunta será "no".
Así que la regla es sencilla: el usuario no puede distraerse mientras lee, así que asegúrate de que tu animación termina rápidamente o tiene un pequeño impacto visual.
12) Navegación cruzada
En un mundo perfecto, no existiría IE, la gente usaría el mismo navegador todos los días y los desarrolladores web no tendrían dolores de cabeza al codificar sus sitios web. Sin embargo, en el mundo real, hay cientos de navegadores web y cada uno representa un sitio web de forma diferente.
"Cross-browser se refiere a la capacidad de un sitio web, aplicación web, construcción HTML o script del lado del cliente para soportar todos los navegadores web".
Cuando empieces a crear tu sitio web, no puedes olvidar que se mostrará de forma diferente en Firefox que en Chrome o Internet Explorer. Así que, para obtener resultados coherentes en los navegadores más populares, tienes que escribir un código limpio y seguir las normas del W3C.
13) Navegación confusa
La navegación debe ayudar al usuario a navegar por tu sitio web. Si fracasa en ese propósito, no tiene sentido llamarla navegación. Una cosa que realmente odio es tener que buscar la navegación de un sitio web o tener que averiguar cómo funciona un sistema de navegación. Si no indicas al usuario cómo pasar a la página siguiente, se va. Tu navegación debe ser coherente, fácil de encontrar e intuitiva.
Otra cosa que debes intentar hacer siempre es utilizar texto en lugar de símbolos. Recuerda, nunca pidas al usuario que piense.
En realidad me gusta el diseño de localwanderer.com, sin embargo, hay un problema con la navegación. El texto azul de la derecha son botones que pueden ser difíciles de identificar como tales. Tuve que mover el cursor sobre esos elementos para darme cuenta de que tenían una pequeña animación mientras el cursor estaba sobre ellos, indicándome que esos elementos eran efectivamente botones. Si tienes que pasar el cursor por encima de un botón para confirmar que de hecho es un botón, significa que tu navegación es de algún modo confusa.
14) Mal uso de los temas
Con la creciente popularidad de los mercados, es posible ver cada vez más temas increíbles con gran diseño y funcionalidad, y empresas y particulares que los compran en cuanto ven uno que les gusta. El problema aparece cuando esos temas no se adecuan a la imagen de la empresa, o cuando se utilizan incorrectamente. He visto a muchas empresas convertir grandes temas en diseños ordinarios. Ese diseño asombroso no siempre encaja con esa marca asombrosa, así que ten cuidado al comprar el tema más vendido en Theme Forest.
15) Laberinto de información
Aunque el título de este tema te suene raro, se trata de un error muy común que yo suelo llamar efecto laberinto y, en parte, también es un problema relacionado con la usabilidad. Hay grandes sitios web con dramáticos problemas de contenido. Si el usuario tiene problemas para encontrar información, se irá y no volverá.
Asegúrate de que tu información sea fácilmente accesible. También es muy importante proporcionar siempre tu información de contacto en todas las páginas de tu sitio web, y asegurarte de que el usuario pueda encontrarla fácilmente.
Me gusta mucho el diseño de bitbytebit, pero sufre claramente el efecto laberinto. La información de contacto está situada en el centro de la página, oculta entre otros recuadros de información.
16) Imagen frente a texto
La tipografía es uno de los elementos más importantes del diseño web, y casi el único elemento que puede utilizarse tanto para la estética como para el texto. Sin embargo, su mal uso puede hacer que tu sitio web sea malo tanto para el usuario final como para los programadores y diseñadores web. Asegúrate de elegir un tipo de letra legible y adecuado para tu público objetivo, pero tampoco puedes olvidarte de la persona encargada del mantenimiento del sitio web. Utilizar imágenes para sustituir a la tipografía puede ser un gran error, sobre todo en proyectos grandes o que no vas a actualizar tú mismo.
17) Optimización de la imagen
Si tu sitio web tarda demasiado en cargarse, pierdes visitas y probablemente beneficios. Ya sabes que no puedes cambiar el tamaño de tu imagen en Dreamweaver o en el Bloc de Notas, ¿verdad? La resolución de la imagen será menor (o mayor), pero el tamaño del archivo será el mismo, por lo que no tiene sentido redimensionar de ese modo. Tienes que cambiar el tamaño de la imagen con un programa de edición de imágenes como Photoshop o Fireworks. Sin embargo, no basta con cambiar el tamaño: también tienes que comprimir la imagen. Dependiendo de la imagen, debes comprimirla tanto como sea posible, hasta que empieces a ver pérdida de calidad de imagen. Puedes comprimirlo utilizando el formato JPEG, PNG o GIF.
18) Mensaje claro
El elemento crucial de un sitio web es el mensaje que se transmite al usuario y que ilustra su finalidad, diciéndole de qué trata el sitio web. El mensaje debe ser claro e inmediatamente reconocido por el usuario, en cuanto vea el sitio. Una cosa que debes tener siempre presente es que al usuario simplemente no le importas tú ni tu sitio web, sino que le importa satisfacer sus deseos y ambiciones, que es por lo que visita tu sitio en primer lugar: para ayudarle en su misión.
El ejemplo anterior no transmite un mensaje claro, o ningún mensaje en absoluto. Tengo que pulsar otro botón para saber de qué trata el sitio web. Recuerda que al usuario no le importas, así que si encuentra otra marca con un mensaje claro no se lo pensará dos veces para salir de tu sitio web.
19) No hay actualizaciones
Esto en realidad no hace que tu sitio web apeste, pero definitivamente ayuda. A nadie le interesa un sitio web que está muy anticuado y cuyos posts son de 2008. Recuerda que el contenido es más importante que la estética, por lo que es muy importante que mantengas tu sitio web actualizado en la medida de lo posible. Si tienes un sitio web bonito pero sin contenido útil, el usuario se irá y no volverá.
20) Dedicación plena
Tener un sitio web con un 20% de funcionalidades inactivas transmite falta de confianza al usuario final. Construir un sitio web requiere plena dedicación y atención por tu parte. La mayoría de nosotros tenemos una "lista de actualización" para cada sitio web, en la que escribimos que durante la próxima semana tiene que estar en línea la página de error 404 o el widget que se discutió durante la primera reunión. Al cabo de dos semanas, te das cuenta de que no has tenido tiempo de hacerlo, porque ahora tienes tres proyectos más entre manos, y también te has dado cuenta de que aún tienes que terminar algunos detalles menores en tu portafolio online.
La organización es importante, pero sin dedicación pierde su valor. Cuando termines un sitio web, intenta terminar también todos los elementos de tu "lista de actualizaciones".
Ruben D'Oliveira
