Clase de Narrativa Online 09, Facultad de Comunicación, Universidad de Montevideo. (en base al libro "Don´t make me think" de Steve Krug)

1. Usabilidad Páginas web amigables

2. Steve Krug

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

4. Pensando

5. Sin pensar

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

7. 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.

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

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

10. ¿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.

11. ¿Hay algo más sencillo que buscar?

12. Hay formas sencillas y otras no tanto

13. No a los manuales Krug 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.

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

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

29. ¿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?

30. Diseñar para el escaneo Jerarquía visual clara Convenciones Dividir las páginas en áreas claramente definidas Que lo cliqueable sea muy obvio Bajar el nivel de ruido (contaminación) al mínimo indispensable.

31. No leemos páginas Las escaneamos

33. 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?

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

38. ¿Qué quieren que haga acá?

39. Principio básico Elminar dudas, no crear nuevas dudas Claridad

40. Inicio/Home

41. 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?

42. Principio de la jerarquía Cuanto más importante, más prominente Pero 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.

43. Muy importante Un poco menos importante Todavía menos importante Inexistente

44. Relaciones Los 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é.

46. Jeraquía visual viene de lejos

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

48. Convenciones Lo que funcion a se pega

49. Lo obvio

50. Lo no obvio

52. Cuanto menos ruido, mejor

53. No a: La complejidad sin razón Las distracciones inútiles

54. La hipótesis de los clicks Teorí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)

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

56. “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

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

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