Don't Make Me Think, Revisited
Aprende a crear y probar un sitio web que a los usuarios les encante explorar.
Cuando entras en unos grandes almacenes que no conoces, ¿qué es lo primero que sueles hacer? Para saber adónde ir, muchos de nosotros miraríamos un mapa de los pisos.
Pero imagínate que los grandes almacenes estuvieran llenos de gente.
Pero imagina que no hubiera mapa y tuvieras que deambular sin rumbo, perdiendo tiempo y energía hasta encontrar la sección de artículos deportivos. O quizás encontraras primero la salida de la tienda y decidieras marcharte.
El mundo online es igual. Visita un sitio web bien diseñado y podrás encontrar lo que necesitas en segundos; navega por un sitio desordenado y mal organizado y te irás al poco tiempo.
Estos resúmenes explican exactamente lo que debes tener en cuenta a la hora de crear un sitio web, compartiendo los consejos y trucos que harán que tu sitio web no sólo sea utilizable, sino también popular
.
En estos resúmenes, descubrirás
- por qué los vertederos de todo el mundo están repletos de manuales de usuario sin leer;
- por qué hacer lo que otros no hacen.
- por qué hacer lo que han hecho otros diseñadores web no es exactamente algo malo; y
- cómo la pizza (y algo de dinero) te ayudarán a crear un sitio web estupendo.
- Cómo hacer un sitio web estupendo.
En lugar de aprender cómo funciona un sistema, preferimos jugar y descubrir las cosas por nuestra cuenta.
"Primera ley de usabilidad de Krug: ¡No me hagas pensar!"
¿Has leído el manual de usuario de algún artilugio tecnológico que hayas comprado recientemente? Probablemente no.
A menos que seas ingeniero, a la mayoría de la gente simplemente no le importa cómo funcionan las cosas.
Imagínate pedirle a una persona cualquiera por la calle que te explique cómo funciona un navegador o un motor de búsqueda. A pesar de que la mayoría de la gente carece de los conocimientos más básicos sobre la mecánica de Internet, puede navegar por los sitios web sin mayor problema.
Así que, cuando te compras un ordenador, te das cuenta de que no tienes ni idea de cómo funciona.
Así que cuando compras un nuevo aparato, a menudo te limitas a jugar con él en lugar de leer las instrucciones que explican cómo utilizarlo. Y entonces, cuando encuentras un método de funcionamiento que te funciona, te aferras a él.
Puede que hayas visto este comportamiento de primera mano, por ejemplo, cuando alguien busca la URL completa de un sitio web en lugar de utilizar la barra de URL del navegador para ir directamente al sitio web deseado.
Este es un ejemplo de una estrategia común de toma de decisiones llamada satisfacción. Dado un problema, se podría pensar que un ser humano buscaría información de forma racional, identificaría soluciones, las compararía y elegiría la mejor. Pero, de hecho, la satisfacción es un enfoque más típico.
Un estudio demostró, por ejemplo, que los bomberos se limitan a hacer una comprobación rápida para ver si hay errores y luego proceden con la primera solución disponible. Y se trata de personas que trabajan en situaciones de gran presión y riesgo.
En cambio, el internauta medio sólo tiene que pulsar el botón "atrás" del navegador si se equivoca y pulsa un enlace incorrecto. En general, tomamos decisiones rápidamente cuando navegamos por Internet. No sólo porque es más fácil, sino también porque resolver las cosas de forma independiente parece un juego: ¡es más divertido!
En otras palabras, nuestro comportamiento predeterminado en Internet es hacer clic en lo primero que nos llama la atención. Y cuando así conseguimos lo que queremos, nos sentimos inteligentes, cómodos y más seguros.
Facilita a los usuarios el escaneo de tu sitio web en busca de mensajes clave e información importante.
"Segunda Ley de Usabilidad de Krug: tres clics sin sentido equivalen a uno que requiere pensamiento"
Imagina visitar un sitio web con el siguiente texto en la página de inicio: "¡Bienvenido a la Corporación XYZ! Proporcionamos a nuestros clientes productos innovadores y soluciones personalizadas de primera clase..."
Todos estamos familiarizados con este tipo de jerga corporativa promocional y, sin embargo, nunca la leemos
Porque normalmente, cuando estamos en Internet, tenemos una misión, y queremos acabar con ella rápidamente. Por eso, en lugar de hojear textos largos y leerlos con atención, escaneamos.
Si diriges un sitio web y quieres comunicar un mensaje concreto, asegúrate de que utilizas los siguientes elementos: párrafos cortos, titulares y palabras clave destacadas.
Además, organiza los textos de forma que no sean demasiado largos.
Además, organiza estos componentes mediante jerarquías visuales, para que los usuarios puedan decidir en qué áreas centrarse. Esto es importante, porque los estudios de seguimiento ocular demuestran que tomamos decisiones rápidas sobre dónde mirar e ignoramos completamente las áreas irrelevantes, como los bloques publicitarios.
Piensa en un periódico impreso. En la primera página, los titulares, el texto y las imágenes están cuidadosamente formateados, de modo que el lector pueda captar inmediatamente lo más importante.
Piensa en un periódico impreso.
Deberías pensar en tu sitio web de la misma manera. Haz que sea obvio lo que es importante, de modo que un lector pueda encontrar esa información importante rápidamente y hacer clic en ella.
Esto nos lleva a otro punto crucial. Contrariamente a la creencia popular, a la mayoría de los visitantes de un sitio web no les importa hacer clic siempre que la elección no tenga sentido y el resultado sea claro.
Por tanto, asegúrate de que tu sitio web sea fácil de usar.
Así que asegúrate de que las rutas de tu sitio web sean fáciles de navegar y comprender. Pero no ocultes información importante (como los gastos de envío) tras un montón de clics, porque eso sólo molestará a tu visitante.
Demasiado a menudo imaginamos que construir un sitio web es como crear un folleto de productos para un comprador interesado. Pero, en realidad, es más bien como construir una valla publicitaria para atraer a los coches que pasan a toda velocidad a 100 km/h.
Dado que la navegación es el núcleo de cada sitio web, debe ser clara, sencilla y coherente.
"La gente no utilizará tu sitio web si no puede orientarse en él"
Visitar un sitio web nuevo es algo así como entrar en un supermercado desconocido, con una diferencia importante: en línea, no puedes pasear y mirar por todos los pasillos. Esto supone un reto.
Porque si no encuentras lo que buscas o no entiendes cómo está organizado un sitio web, la opción de irte (y no volver nunca más) está a un clic de distancia.
Otro reto es que, al entrar en un sitio web desconocido, te encuentras con una gran dificultad.
Otro reto es que resulta difícil juzgar la escala de un sitio web, ya tenga 100, 500 o 12.000 páginas. Y precisamente por eso es tan importante diseñar un sitio por el que el visitante sepa navegar.
Para ello, es útil incluir una barra de "secciones" en la parte superior de una página para comunicar exactamente lo que contiene el sitio. Además, cada página debe incluir los siguientes cuatro elementos de navegación adicionales para ayudar a un visitante a desplazarse.
En primer lugar, no olvides una barra de búsqueda. Con una barra de búsqueda, un visitante puede encontrar inmediatamente lo que busca, sin tener que aprender el concepto organizativo del sitio.
En segundo lugar, considera un indicador "Estás aquí". Parecido a un punto rojo en el mapa de un centro comercial, este pequeño indicador permite a tu visitante navegar fácilmente por cada página.
Por último, página de inicio.
Tercero,vincula el logotipo de tu empresa a tu página de inicio. Este elemento debe estar presente en todas las páginas, para ofrecer a los usuarios una forma sencilla de saltar "a casa" si es necesario.
Y en cuarto lugar, incluye un componente de utilidades. Este espacio incluye toda la información esencial sobre cómo utilizar tu sitio, como un espacio para iniciar sesión, una sección de preguntas frecuentes, un mapa del sitio, etc.
Si estos cuatro elementos se implementan correctamente, es mucho más probable que un visitante se sienta cómodo y confíe en las personas y en la empresa que hay detrás del sitio web.
Para asegurarnos de que esto es así, es necesario que el visitante se sienta cómodo y confíe en el sitio web.
Para asegurarnos de que así sea, en el siguiente resumen exploraremos cómo hacer que estos elementos de navegación sean lo más evidentes posible.
Las convenciones aprovechan lo que tu visitante ya sabe para ayudarle a navegar por tu sitio web sin esfuerzo.
Si vives en Estados Unidos pero has conducido un coche en Londres (donde conducen por la izquierda), entonces sabes exactamente lo confuso que puede ser cuando se rompen las convenciones.
Para asegurarnos de que así sea, en el siguiente resumen exploraremos cómo hacer que estos elementos de navegación sean lo más evidentes posible.
Las convenciones aprovechan lo que tu visitante ya sabe para ayudarle a navegar por tu sitio web sin esfuerzo.
Y es exactamente por eso por lo que debes aceptar las convenciones cuando diseñes un sitio web.
Los usuarios tienen ciertas costumbres y costumbres.
Los usuarios tienen ciertas expectativas sobre dónde están las cosas y cómo funcionan, lo que significa que es probable que se molesten si algo se presenta de forma diferente.
Imagina cómo se sienten los usuarios cuando se les presenta de forma diferente.
¡Imagina lo desconcertado que te quedarías si tu revista favorita decidiera no imprimir los números de página!
Los números de página son una forma de numerar las páginas.
Los números de página son una convención de los medios impresos, pero también estamos acostumbrados a las convenciones de la web. Por ejemplo, cuando se colocan palabras horizontalmente a lo largo de la parte superior de una página, suponemos que esta lista representa las secciones principales del sitio web.
Los diseñadores web a menudo intentan abandonar las convenciones, seducidos por la promesa de hacer algo nuevo e innovador. Pero las convenciones se establecen normalmente tras años de perfeccionamiento y a menudo representan las mejores y más eficaces prácticas desarrolladas hasta la fecha.
Los separadores de pestañas son un buen ejemplo. Las pestañas son una gran opción de navegación, ya que la gente ya está familiarizada con el concepto de pestañas, tanto de otros sitios web como de los sistemas de archivo tradicionales. Por eso, cuando las vemos, sabemos al instante cómo utilizarlas.
Por supuesto, siempre hay lugar para la innovación, sobre todo porque no siempre habrá una convención adecuada que se adapte a tus necesidades. Sólo tienes que asegurarte de que todo lo que crees sea utilizable.
En otras palabras: No se trata de suprimir tu creatividad. Se trata de dar prioridad a la experiencia del usuario.
La coherencia y los convencionalismos son tus amigos. No pasa nada si te desvías un poco, siempre que mantengas la claridad y la facilidad de uso, con una excepción importante, de la que hablaremos en el siguiente resumen.
Tu página de inicio debe dar una buena primera impresión y transmitir claramente de qué trata tu sitio.
Cuando sigues un enlace de Twitter o Facebook, a menudo acabas aterrizando en lo más profundo de un sitio web. Pero cuando quieres averiguar dónde has ido a parar y decidir si debes confiar en el contenido del sitio, a menudo te diriges a la página de inicio del sitio.
La página de inicio del sitio es la página de inicio del sitio.
Dado que la página de inicio desempeña un papel tan crucial, diseñar un ejemplo perfecto es casi imposible. Todos los miembros de tu equipo tendrán una opinión.
Especialmente porque los elementos enlazados desde la página de inicio suelen recibir más clics, todos los interesados competirán por un puesto. Si cedes ante todos, tu página de inicio estará abarrotada y será demasiado difícil de entender.
No cedas.
¡No cedas a la presión! Al diseñar una página de inicio, tu prioridad debe ser crear una primera impresión precisa. ¡Esto es fundamental! Un estudio sobre diseño web demostró que la primera impresión de un sitio web se queda grabada, incluso después de que el visitante pase más tiempo en el sitio más adelante.
Esto se debe a que nuestra percepción del sitio web se queda grabada.
Esto se debe a que nuestra imaginación se dispara cada vez que nos encontramos con algo nuevo. Nos hacemos una idea general de cómo funciona esa cosa nueva e intentamos forzar la nueva información que obtenemos para que se ajuste a nuestras ideas preconcebidas.
Así que si un visitante está confundido desde el principio, empezará a malinterpretar tu sitio. Y eso sólo hará que se confunda más cuanto más tiempo pase en tu sitio.
¿Qué puedes hacer para evitarlo? La forma más eficaz de comunicarte con los lectores en tu página de inicio es incluir un eslogan, o una frase corta colocada junto a tu logotipo que encierre el objetivo de todo tu sitio.
Un buen eslogan es vivo y personal, y transmite el valor de tu sitio. Por ejemplo, el sitio de noticias The Daily Beast utiliza el eslogan "Lee esto, sáltate aquello". El eslogan del servicio de coche compartido Zipcar es: "Ruedas donde quieras"
.
A simple vista, ambos eslóganes comunican claramente de qué tratan los sitios web de las empresas.
No confíes en tus amigos o compañeros de trabajo para evaluar tu sitio web. Prueba, prueba y vuelve a probar.
Así que tu sitio web debe ser fácil de entender y navegar. Pero, ¿cómo te aseguras de que tu producto final cumple realmente estos objetivos? Tal vez pienses en preguntar a tus amigos, o simplemente confiar en tu propio juicio.
Desgraciadamente, no puedes confiar únicamente en tu propio juicio. Al fin y al cabo, tú has construido el sitio web, por lo que sus increíbles funciones y flujos de usabilidad son obvios para ti. Es imposible ser objetivo.
Discutir con amigos sobre el sitio web será igualmente infructuoso. Porque, en última instancia, la gente tiene opiniones muy subjetivas sobre lo que debe ser un sitio web.
Si preguntas a un diseñador, te dirá que le gustan las páginas bonitas con mucho espacio en blanco y toques sutiles que ofrezcan una experiencia visual agradable. Mientras tanto, un desarrollador preferirá ver un sitio con muchas funciones innovadoras con las que el visitante pueda juguetear. Y tanto el desarrollador como el diseñador supondrán que todo el mundo comparte sus puntos de vista.
¡Todos somos así! Lo que nos gusta en un sitio web, ya sean muchas imágenes coloridas o un minimalismo descarnado, es por defecto anatema para otra persona. Y poca gente intenta ver las cosas desde otro punto de vista; simplemente asumimos que "tenemos razón"
.
Pero, de hecho, no hay respuestas "correctas" o "incorrectas" en el diseño web. Y por eso pedir la opinión de un par de personas simplemente no funciona.
En lugar de eso, lleva a cabo una conducta de diseño web.
En lugar de eso, realiza pruebas. Observar a las personas que intentan navegar por tu sitio web es la forma más objetiva de evaluar lo que has construido y de averiguar si tu sitio web funciona de la forma que pretendías.
También es importante realizar pruebas.
Las pruebas también son valiosas porque eliminan las categorías de "correcto" e "incorrecto" y desvían tu atención hacia lo que funciona y lo que no. Además, te muestra lo diferentes que son los usuarios de la web.
Observa cómo navega la gente por tu sitio para ver dónde y cómo no encuentran sentido a las funciones.
"Céntrate sin piedad en solucionar primero el problema más grave"
Aunque las pruebas son necesarias, a la mayoría de la gente no le parecen muy divertidas. Por eso debes asegurarte de ofrecer compensaciones o regalos especiales a los sujetos de las pruebas (a los desarrolladores les gusta especialmente la pizza, por ejemplo) para asegurarte de que el mayor número posible de personas pruebe tu sitio web.
Tu sitio web debe ser divertido.
Tu sitio web debe ser comprensible para cualquier persona independientemente de su procedencia, así que no te preocupes por seleccionar sujetos sólo de tu público objetivo. Cualquier tipo de persona es válida; sólo recuerda recompensar a tus probadores por su ayuda, pagándoles por su tiempo.
Una vez que hayas seleccionado un grupo, pídeles que naveguen por tu sitio web mientras tú o un facilitador (alguien paciente y empático) observáis y tomáis notas. Uno de los objetivos del facilitador debe ser mantener al usuario centrado y cómodo.
Empieza por la página de inicio.
Empieza por la página de inicio. Haz que el probador haga clic y hable sobre lo que está viendo. Eso te dará una idea de si está captando la idea principal del sitio. Hazle preguntas como: "¿Qué estás pensando?" y "¿Qué estás mirando?"
Pero asegúrate de que no se te escapa nada.
Pero asegúrate de que no estás influyendo en el comportamiento del probador. Si te pide ayuda, dile algo como: "¿Qué harías si yo no estuviera aquí?"
"¿Qué harías si yo no estuviera aquí?.
Haz que tu grupo de pruebas pruebe todas las funciones de tu sitio web, incluido el inicio de sesión, la creación de un perfil o la devolución de un artículo. Si un probador falla en una tarea, observa cómo intenta resolverla y luego déjale que siga haciendo clic hasta que se frustre demasiado o hasta que te des cuenta de que no puedes aprender nada más de la sesión.
Un consejo importante es conseguir que los gerentes, los miembros del equipo y otras partes interesadas observen contigo el proceso de pruebas. A menudo, la gente no ve la utilidad de las pruebas, ya que suponen que el sitio web es lo suficientemente bueno.
Pero ver a alguien fallar en una prueba es un error.
Pero ver a alguien fracasar en el uso de un sitio web puede ser una experiencia transformadora, que haga que los ejecutivos, por ejemplo, empiecen a tomarse en serio la usabilidad. Con toda probabilidad, las siguientes palabras que saldrán de la boca de un gerente serán: "¿Por qué no hicimos esto antes?"
Las pruebas no tienen por qué requerir muchos recursos ni mucho tiempo para producir ideas útiles.
Muchos equipos de desarrollo web evitan las pruebas porque suponen que éstas implican mucho tiempo, dinero y experiencia. Pero no es así.
Al fin y al cabo, no necesitas hacer pruebas a cientos de personas. No estás llevando a cabo un estudio científico, ni tratando de producir resultados estadísticamente significativos; simplemente estás tratando de fundamentar tu toma de decisiones y de comprender en qué aspectos de tu sitio web la gente puede tener dificultades.
Para ello, sólo tienes que realizar pruebas con tres usuarios normales y corrientes de la web y hacer que todos los que observen el proceso de pruebas tomen notas sobre los tres problemas principales que frustran o confunden a los participantes.
En la experiencia del autor, siempre encontrarás más problemas de los que razonablemente puedas solucionar. Por lo tanto, tendrás que priorizar y centrarte sólo en las cosas que necesitan arreglo.
En otras palabras, no te preocupes por arreglar problemas de los que un probador se recuperó rápidamente por sí mismo. Estos pequeños obstáculos forman parte de la diversión de explorar un nuevo sitio web.
Otra ventaja de mantener un grupo de pruebas pequeño es que puedes empezar el proceso antes, lo que hace que las pruebas sean mucho más eficaces. Cuanto antes encuentres los problemas, más fácil será aplicar los cambios.
¡Ten en cuenta lo fácil que es ajustar un sitio beta que uno ya establecido, intrincado y activo! (Además, no tendrás que explicar o justificar los cambios a los usuarios familiarizados con un sitio web que lleva mucho tiempo funcionando)
También puedes empezar a introducir cambios en tu sitio web.
También puedes empezar a hacer pruebas incluso antes de haber construido un sitio web, observando a la gente navegar por los sitios de la competencia. De este modo, puedes generar conocimientos útiles que servirán de base para tu propio proceso de desarrollo.
En última instancia, si realizas pruebas desde el principio, podrás tomar mejores decisiones a lo largo del proceso de desarrollo. Y esto ahorra tiempo, ya que no tendrás que rehacerlo todo al final. Todo lo que se necesita son unas horas de tiempo y un poco de dinero por adelantado.
Asegúrate de que la versión móvil de tu sitio web carga rápidamente y da prioridad a las funciones más demandadas.
¿Recuerdas la época anterior a los teléfonos inteligentes? Incluso entonces, algunos teléfonos móviles tenían navegadores web, pero estaban infrautilizados. Hasta que Apple no introdujo una pantalla táctil con funciones de deslizar y pellizcar, la navegación móvil no se generalizó tanto.
La navegación móvil no se generalizó tanto hasta que Apple introdujo una pantalla táctil con funciones de deslizar y pellizcar.
Hoy en día, la gente se mueve más rápido y lee menos en Internet; es más, es más probable que abandonen un sitio en cuanto se encuentran con un contratiempo. No olvides que las velocidades de descarga de los móviles son poco fiables y el rendimiento varía mucho, así que asegúrate de que tu sitio se carga rápidamente.
Tu diseño también tiene que adaptarse a la pequeña pantalla de un smartphone. Como tienes menos espacio para transmitir la misma cantidad de información, tendrás que hacer concesiones.
Prioriza para que las funciones más demandadas se encuentren rápidamente. El resto de la información puede estar a un par de toques de distancia, siempre y cuando sea obvio para el usuario cómo llegar a ella.
Otra cosa importante es que la información sea más fácil de encontrar.
Otra cosa importante que hay que tener en cuenta es que la gente utiliza Internet en todas partes y quiere hacerlo todo en él. Es un error común pensar que la gente sólo utiliza un smartphone cuando se desplaza y que, por tanto, sólo necesita las funciones básicas. La realidad es que es igual de probable que un usuario esté sentado en el sofá de su casa mientras navega con un smartphone, y por tanto esperará acceder al menú completo de funciones de un sitio.
Por eso es tan importante que la gente utilice Internet en todas partes.
Por eso siempre debes proporcionar un enlace al sitio web completo e implementar funciones de zoom. Los visitantes recurrentes pueden estar acostumbrados a tu sitio web, por lo que puede que no necesiten ver una página entera para averiguar cómo navegar.
En definitiva, la informática móvil es el futuro, y las nuevas posibilidades de interacción en línea proporcionarán oportunidades increíbles para crear una gran experiencia de usuario.
Sólo recuerda que la única forma de asegurarte de que has creado algo usable es probarlo
Conclusiones
El mensaje clave de este libro:
La usabilidad pone al visitante en primer plano, garantizando que sea lo más fácil posible encontrar información en un sitio web. Puedes asegurarte de que tu sitio web ofrece una gran experiencia de usuario realizando pruebas sencillas en cada fase del proceso de desarrollo.
Consejos Accionables:
Consejos Accionables:
Consejos Accionables:
Consejos Accionables.
Si las pruebas de usabilidad aburren a tu jefe, hazlas en tu tiempo libre.
No tienes que invitar a toda la alta dirección a tus primeras pruebas de usabilidad; los primeros pasos pueden y deben ser sencillos e informales. Lo que tienes que hacer es mostrar exactamente cómo las pruebas pueden aportar ideas fructíferas. Podrías, por ejemplo, medir el número de correos electrónicos de asistencia que recibes después de corregir un botón mal etiquetado; a continuación, envía los datos a tu jefe, junto con un vídeo de la prueba que inicialmente llamó tu atención sobre el problema.
Prueba de usabilidad.
Lectura recomendada: Las Leyes de la Simplicidad por John Maeda
Las Leyes de Simplicidad consiste en un conjunto de "leyes" formuladas por el autor para tratar de captar el significado y la esencia de la simplicidad. Por el camino, proporciona consejos útiles sobre cómo introducir la simplicidad en nuestra vida cotidiana, en los negocios y en el diseño de productos.
¿Tienes algún comentario?
¡Nos encantaría conocer tu opinión sobre nuestros contenidos! Envíanos un correo electrónico a libros@pathmba.com con el título de este libro como asunto y comparte tus opiniones.
