Es la utilidad, no el diseño visual, lo que determina si un sitio web fracasa o tiene éxito. Los visitantes a tu página son las únicas personas que hacen clic, por lo que ellos deciden todo. Por esta razón, un diseño enfocado en los usuarios se ha hecho el método habitual para los sitios web exitosos y orientados a los beneficios. Es decir, si los usuarios no entienden cómo usar tu página es como si no existiera.
Principios de un diseño eficaz
Para entender esto, primero tenemos que entender cómo interactúan los usuarios con los sitios web, cómo piensan, y cuales son las pautas de sus acciones.
¿Cómo piensan los usuarios?
Los hábitos de los usuarios en un sitio web no so tan diferentes a los hábitos de los clientes en una tienda. Los visitantes echan una mirada general, escanean algo del texto y hacen clic en el primer enlace que vagamente se parece a lo que buscan. De hecho, hay partes de la página que ni siquiera ven. Si la nueva página no tiene lo que esperaban, hacen clic en el botón “Atrás” y siguen buscando.
- Los usuarios agradecen la calidad y la credibilidad. Si una página provee contenido de alto nivel, están dispuestos a aceptar un compromiso de anuncios y el diseño del sitio.
- Los usuarios no leen, escanean. Al analizar un sitio web, los usuarios buscan algunas anclas para guiarse por la página.
- Los usuarios son impacientes y quieren una satisfacción instantánea. Es un principio muy sencillo: Si un sitio web no satisface sus demandas, la compañía pierde dinero. Si la carga cognitiva es alta y la navegación no es intuitiva, es más probable que los usuarios salgan de tu sitio para buscar otros.
- Los usuarios no escogen lo óptimo. No buscan la manera más rápida de encontrar la información que quieren. Tampoco escanean los sitios web de una manera secuencial. En vez de eso, los usuarios escogen lo que los satisfaga más rápido; eligen la primera opción que les parece razonable.
- Los usuarios siguen su intuición. En la mayoría de los casos, los usuarios no leen toda la información. Según Steve Krug, esto es porque no les importa. “Si encontramos algo que funciona, lo usamos. No importa si entendemos cómo funcionan las cosas con tal de que las podamos usar.
- Los usuarios quieren tener control. Quieren poder controlar su navegador y contar con la presentación de datos consistentes en todo el sitio. Es decir, no es una buena práctica abrir enlaces en ventanas nuevas inesperadamente.
1. No hagas que los usuarios tengan que pensar
Según la primera ley de utilidad de Krug, el sitio web debe ser obvio y claro. Cuando construyes un sitio, tu trabajo es borrar las dudas que puedan tener los visitantes. Si la navegación no es intuitiva, crece el numero de preguntas y es más difícil comprender cómo funciona el sistema y cómo ir del punto A al punto B.
Reduciendo la carga cognitiva, haces que sea más fácil entender la idea que apoya el sistema. Al lograr esto, puedes comunicar por qué el sistema es útil y cómo los usuarios pueden beneficiarse de ello. La gente no va a usar tu sitio web si no puede navegarlo.
2. No malgastes la paciencia de los usuarios
En cada proyecto cuando vas a ofrecer algún servicio o herramienta a tus visitantes, haz que los requisitos sean mínimos. Es más probable que una persona que visita tu sitio al azar quiera probar tus servicios si no hay muchos requisitos. Los que visitan por primera vez un sitio quieren probar el servicio, no llenar formularios largos. Deja que los usuarios exploren tu sitio y descubran tus servicios sin forzarlos a compartir información privada.
Según Ryan Singer — promotor de 37Signals — los usuarios podrían estar dispuestos a ingresar su email después de haber visto el producto, y sabiendo que es lo que recibirán a cambio. Tener que registrarte influye bastante en el tráfico que tu sitio recibirá.
3. Concentra la atención de los usuarios
Por tener contenido estático y dinámico, algunos aspectos de los sitios web atraen más atención que otros. Las imágenes suelen ser más llamativas que el texto .
El ojo humano es un aparato no lineal, y los usuarios instantáneamente pueden reconocer márgenes, pautas, y mociones. Por eso, los anuncios que usan video pueden llegar a ser molestos y distraer mucho. Sin embargo, desde la perspectiva del marketing, son buenos para capturar la atención de los usuarios.
Concentrar la atención en áreas especificas del sitio con el uso moderado de elementos visuales puede ayudar a que ellos vayan del punto A al punto B sin pensar en cómo deben hacerlo. Con menos preguntas, los usuarios tienen un mejor sentido de orientación y pueden confiar más en tu empresa. Es decir, la experiencia de los usuarios es mejor cuando no tienen que pensar mucho en cómo funciona el sitio.
4. Expón tus servicios
Los diseños modernos de la web usualmente se critican por tratar de guiar a los usuarios con pasos 1–2–3, atractivos botones grandes, y más. Pero desde la perspectiva de los diseñadores, esto no es malo. Al contrario, estas directrices son muy eficaces porque guían a los visitantes de una manera sencilla y fácil de usar.
Dejar que los usuarios vean claramente cuales funciones están disponibles es un principio fundamental del diseño exitoso. No importa cómo lograrás esto. Lo que importa es que el contenido sea fácil de entender y que los visitantes se sientan cómodos de interactuar con el sistema.
5. Escribe eficazmente
Por ser diferente a las medios gráficos/impresos, en la web es necesario cambiar el estilo de escritura a lo que prefieren los usuarios. La escritura promocional no es leída. Los bloques largos de texto sin imágenes y palabras claves acentuadas no son leídos. El lenguaje exagerado no es leído.
Habla sobre negocios. Evita nombres bonitos o ingeniosos, nombres específicos para una empresa, y nombres técnicos que nadie entiende. Por ejemplo, si describes un servicio y quieres que los usuarios creen una cuenta, “regístrate” es mejor que “empieza ahora,” la cual es mejor que “explora nuestros servicios.”
Una solución óptima para la escritura eficaz puede ser:
- usar frases cortas y concisas (llegar al punto rápidamente)
- usar un esquema escaneable (pon el contenido en categorías, usa muchos niveles de contenido, elementos visuales y listas claras)
- usar lenguaje sencillo y objetivo (una promoción no tiene que sonar como un anuncio; otorga a los usuarios razones por las que quieran usar tus servicios)
6. Busca la sencillez
El principio de “mantener todo sencillo” debe ser la meta primaria del diseño. Es raro que los usuarios vayan a un sitio para disfrutar del diseño. En muchos casos, buscan información a pesar del diseño. Busca la sencillez, no la complejidad. Como visitante, el mejor diseño es texto puro, sin anuncios ni bloques de contenido.
7. No tengas miedo del espacio en blanco
En realidad, es muy difícil sobrestimar la importancia del espacio en blanco. No solo ayuda a reducir la carga cognitiva para los visitantes, sino que hace posible percibir la información presentada.
Las estructuras complejas son más difíciles de leer, escanear, analizar, y trabajar. Si tienes la opción entre separar dos elementos de diseño con una línea visible o espacio blanco, usualmente es mejor escoger el espacio blanco.
8. Comunica efectivamente con un “Lenguaje Visible”
En sus papeles sobre la comunicación visual, Aaron Marcus dice que hay tres principios fundamentales involucrados en el uso del “lenguaje visible” — el contenido que los usuarios ven por la pantalla.
- Organiza: Provee al usuario una estructura conceptual clara y consistente. La consistencia, esquema de pantalla, relaciones, y navegabilidad son conceptos de organización importantes.
- Economiza: Haz mucho con un mínimo de pistas y elementos visuales. Hay que considerar la sencillez, claridad, características distintas y el énfasis. La sencillez incluye los elementos más importantes para la comunicación. La claridad: todos los componentes se deben diseñar para que su función no sea ambigua. Características distintas: las partes importantes de los elementos necesarios se deben distinguir. Énfasis: Los elementos más importantes son los que se deben percibir fácilmente.
- Comunica: Haz que el diseño iguale las habilidades del usuario. La interfaz tiene que ser fácil de leer, tener tipografía clara, simbolismo o más de un color o textura para comunicar eficazmente.
9. Las convenciones son nuestros amigos
Un diseño convencional de los elementos del sitio no significa que sea aburrido. De hecho, las convenciones son muy útiles porque reducen el tiempo de enterarse de cómo funcionan las cosas.
Haz lo que el usuario espera — entiende lo que los usuarios esperan de un sitio web y haz que tu sitio siga esas convenciones. Según Steve Krug, es mejor innovar solo cuando sabes que tienes una idea mejor. Si no, usa las convenciones.
10. Prueba a tiempo, prueba mucho
Este principio se debe aplicar a cada proyecto de diseño porque muchas veces, las pruebas de utilización proveen “revelaciones cruciales” sobre los problemas de un esquema.
No pruebes demasiado tarde, ni por las razones incorrectas. Es necesario entender que muchas decisiones del diseño son locales — por eso, no hay un “mejor esquema” para cada situación. Hay que analizarlo desde un punto de vista especifico, considerando requisitos, dinero, y más.
Hay algunas cosas importantes que recordar:
- Según Steve Krug, es mejor probar con un usuario que con ninguno, y es mejor probar con un usuario temprano que con 50 al final. Los errores son más frecuentes durante las actividades de diseño y son más caros de corregir en el futuro.
- Probar es un proceso iterativo. Es decir, diseñas algo, lo pruebas, lo corriges, y lo pruebas otra vez. Es posible que haya otros problemas que no encontraste al probarlo la primera vez.
- Pruebas de utilización siempre dan resultados útiles. Puede ser que te enteres de los problemas que tienes o que te enteres de la falta de problemas.
- Según la ley de Weinberg, un desarrollador no debe probar su propio código. Esto es aplicable para los diseñadores también. Después de haber trabajado en un sitio por algunas semanas, no puedes verlo desde una perspectiva nueva.
Si quieres un buen sitio, tienes que probarlo.
Referencias
- Designing Effective User Interfaces por Suzanne Martin
- Summary on Web Design
- UID presentation (Flash)
- Research-Based Web Design & Usability Guidelines
- “The psychology of computer programming” por Gerald Weinberg
- “Designing Web Usability” por Jakob Nielsen [JN / DWU]
- “Prioritizing Web Usability” por Jakob Nielsen
- “Don’t Make Me Think” por Steve Krug
- “Usability for the Web: Designing Web Sites that Work” por Tom Brinck, Darren Gergle, Scott Wood
- A Summary of Principles for User-Interface Design
El articulo original* en inglés viene de ‘Smashing Magazine’, escrito por Vitaly Friedman.
