UsabilidadPáginas web amigables

Steve Krug

“No me hagan pensar”Primera regla de usabilidad de Krug

Pensando

Sin pensar

Para que las páginas web no me hagan pensar tienen que…..Explicarse por sí mismas, ser evidentesTener un objetivo claroDirigirse a un público determinado (o si lo hacen a un público amplio, considerar ese punto)

Punto de partida…Que el internauta vea la página y no tenga que pensar (o por lo menos que no invierta muchos segundos en pensar). Que toque el botón tal, o vaya a la home, que cliquée. Que se maneje intuitivamente.

¿Qué cosas nos hacen pensar?Términos no usuales.Ejemplo

Links y botones que no son obvios (que nos hacen dudar si realmente son links o botones)Ejemplo (pag 15)

¿Qué tan difícil puede ser saber si eso es o no es un link?Basta con pasar el cursor por arriba y ver si se transforma en manito, no?Sí, pero no….Cuando se usa la web, cada signo de pregunta suma puntos al trabajo mental que a su vez distrae la atención de la tarea central: hacer lo que tengo que hacer en esa web.

¿Hay algo más sencillo que buscar?

Hay formas sencillas y otras no tanto

No a los manualesKrug parte del convencimiento de que a la mayoría de la gente no le gusta invertir tiempo en saber cómo hacer las cosas. Quieren hacerlas y ya.

Por eso casi todo en un sitio web deber ser los más OBVIO posible

¿Cómo se descifran las páginas web?Gran misterioTodos leen un sitio web de manera diferente?Lectura vs scaneo

¿Cómo usamos la web?Miramos con atención?Escanemos y nos paramos dónde nos interesa?Cliqueamos en el primer botón que se destaca?

Diseñar para el escaneoJerarquía visual claraConvencionesDividir las páginas en áreas claramente definidasQue lo cliqueable sea muy obvioBajar el nivel de ruido (contaminación) al mínimo indispensable.

No leemos páginasLas escaneamos

Señales claras¿En qué sitio estoy?¿En qué página estoy?¿Cuáles son las principales secciones de este sitio?¿Qué opciones tengo en este nivel?¿Cómo puedo buscar?

¿Por qué?Usamos la web para ahorra tiempoPor eso siempre estamos apuradosSabemos que no tenemos que leer todo; buscamos lo relevante para nuestros objetivos.Estamos acostumbrados a escanear (diarios, revistas, folletos)

¿Qué quieren que haga acá?

Principio básicoElminar dudas, no crear nuevas dudasClaridad

Inicio/Home

Preguntas que debe responder la home page¿Qué es esto?¿Qué tienen acá?¿Qué puedo hacer aquí?¿Por qué debería quedarme en este página y no irme a otra?¿Por dónde empiezo?

Principio de la jerarquíaCuanto más importante, más prominentePero no todo puede ser importante.Los títulos más importantes son más grandes, gruesos o con tipografías en negrita. Están ms arriba en la página y tienen blancos alrededor.

Muy importanteUn poco menos importanteTodavía menos importanteInexistente

RelacionesLos elementos de una página que se relacionan lógicamente, deben estar vinculados visualmente.Los elementos se agrupan visualmente para mostrar qué es parte de qué.

Jeraquía visual viene de lejos

Cuando hay errores…El internauta pierde tiempo buscando pistas que le indiquen qué es lo más importante, dónde está lo que busca.

ConvencionesLo que funciona se pega

Lo obvio

Lo no obvio

Cuanto menos ruido, mejor

No a:La complejidad sin razónLas distracciones inútiles

La hipótesis de los clicksTeoría sin bases, pero extendida: “el usuario está a un click de irse de tu página”Krug dice que no es real.Usuario tiene más paciencia de la que se cree.Puede cliquear varias veces, en tanto considere que está avanzando. Y siempre que tenga forma siempre de volver atrás (botón Back)

Puede seguir clickeando en tanto entienda que las opciones son lógicas.Aunque algunas no lo son

“Deshacerse de la mitad de las palabras en cada página. Y luego deshacerse de la mitad de lo que queda”Segunda regla de Krug

Palabras contadasEvitar términos que no agregan nada.Evitar instrucciones inútiles

¿Usabilidad?Pensar y diseñar un sitio web para que los seres humanos puedan usarlo