1. Propuestas de
Usabilidad
desde el sentido común

4. Jakob Nielsen

6. Steve Krug

11. Los usuarios:

12. Los usuarios:
• son impacientes

13. Los usuarios:
• son impacientes
• no leen

14. Los usuarios:
• son impacientes
• no leen
• improvisan y cometen errores

15. Los usuarios:
• son impacientes
• no leen
• improvisan y cometen errores
• se distraen muy fácilmente

17. Regla básica de usabilidad

18. Regla básica de usabilidad
“No me hagas
pensar”

20. ¿Cómo usamos realmente la
web?

21. ¿Cómo usamos realmente la
web?
Hojeamos / ojeamos

22. ¿Cómo usamos realmente la
web?
Hojeamos / ojeamos
Buscamos lo primero mínimamente satisfactorio

23. ¿Cómo usamos realmente la
web?
Hojeamos / ojeamos
Buscamos lo primero mínimamente satisfactorio
Improvisamos

25. Diseñar para una lectura
superficial.

26. Diseñar para una lectura
superficial.

27. Diseñar para una lectura
superficial.
• Organización clara y jerarquías visuales

28. Diseñar para una lectura
superficial.
• Organización clara y jerarquías visuales
• Usar convenciones

29. Diseñar para una lectura
superficial.
• Organización clara y jerarquías visuales
• Usar convenciones
• Hacer evidente y obvio todo en lo que se pueda hacer clic

30. Diseñar para una lectura
superficial.
• Organización clara y jerarquías visuales
• Usar convenciones
• Hacer evidente y obvio todo en lo que se pueda hacer clic
• Minimizar las distracciones

31. “No importa
la distancia en clics
mientras estos sean
una acción mecánica
y no introduzcan dudas”

33. Economía de texto.

34. Economía de texto.

35. Economía de texto.
“Eliminar la mitad de las
palabras en todas las
páginas,

36. Economía de texto.
“Eliminar la mitad de las
palabras en todas las
páginas,
luego eliminar la mitad

37. Economía de texto.
“Eliminar la mitad de las
palabras en todas las
páginas,
luego eliminar la mitad
En textos retóricos
o en instrucciones de uso

39. Navegación y
orientación.

40. Navegación y
orientación.

41. Navegación y
orientación.
En cada página debo poder responder fácilmente a:

42. Navegación y
orientación.
En cada página debo poder responder fácilmente a:

43. Navegación y
orientación.
En cada página debo poder responder fácilmente a:
• ¿En qué sitio web estoy?

44. Navegación y
orientación.
En cada página debo poder responder fácilmente a:
• ¿En qué sitio web estoy?
• ¿En qué página estoy?

45. Navegación y
orientación.
En cada página debo poder responder fácilmente a:
• ¿En qué sitio web estoy?
• ¿En qué página estoy?
• ¿Cuáles son las principales secciones
de este sitio?

46. Navegación y
orientación.
En cada página debo poder responder fácilmente a:
• ¿En qué sitio web estoy?
• ¿En qué página estoy?
• ¿Cuáles son las principales secciones
de este sitio?
• ¿Qué opciones tengo en este nivel?

47. Navegación y
orientación.
En cada página debo poder responder fácilmente a:
• ¿En qué sitio web estoy?
• ¿En qué página estoy?
• ¿Cuáles son las principales secciones
de este sitio?
• ¿Qué opciones tengo en este nivel?
• ¿Dónde estoy dentro del sitio?

56. ✓ Identificación corporativa
✓ Reingeniería del menú principal
✓ Temas del día
✓ Buscador
✓ Redes sociales
✓ Áreas claramente organizadas
✓ Convenciones de texto
✓ Espacio en blanco
✓ Indicadores de ubicación

58. Breadcrumbs, “Temas del día” y
Submenús comparten similar
ubicación y estilo

59. La fecha del encabezado no respeta
ninguna convención. En los artículos
se muestra correctamente

60. Algunos vínculos, no parecen vínculos
mientras aparece texto sin enlaces
que sí parece un vínculo...
Esto es un vínculo
Esto NO es un vínculo

61. Ciertos rótulos no son claros,
no se explican por sí mismos...

62. Ciertos rótulos no son claros,
no se explican por sí mismos...

63. Ciertos rótulos no son claros,
no se explican por sí mismos...

64. Ciertos rótulos no son claros,
no se explican por sí mismos...

65. Ciertos rótulos no son claros,
no se explican por sí mismos...

66. Areas de información ubicadas en
lugares que el usuario normalmente
pasa por alto

70. Presentación de la información de
manera inconsistente...

72. En las ediciones archivadas falta
una clara referencia de la fecha a
la que pertenece.

73. En las ediciones archivadas falta
una clara referencia de la fecha a
la que pertenece.

74. En las ediciones archivadas falta
una clara referencia de la fecha a
la que pertenece.

75. En las ediciones archivadas falta
una clara referencia de la fecha a
la que pertenece.

76. En las ediciones archivadas falta
una clara referencia de la fecha a
la que pertenece.

77. En las ediciones archivadas falta
una clara referencia de la fecha a
la que pertenece.

78. En las ediciones archivadas falta
una clara referencia de la fecha a
la que pertenece.

79. En las ediciones archivadas falta
una clara referencia de la fecha a
la que pertenece.

81. Sección Ciudades:

82. Sección Ciudades:
Ciudad Autónoma de Buenos Aires
Gran Buenos Aires
Córdoba
Rosario
Mendoza
La Plata
San Miguel de Tucumán
Mar del Plata
Santa Fe
Salta
San Juan
Resistencia
etcétera

83. Sección Ciudades:

84. Sección Ciudades:
Buenos Aires

85. Sección Ciudades:
Buenos Aires
Gran Buenos Aires

86. Sección Ciudades:
Buenos Aires
Gran Buenos Aires
Córdoba

87. Sección Ciudades:
Buenos Aires
Gran Buenos Aires
Córdoba
Mendoza

88. Sección Ciudades:
Buenos Aires
Gran Buenos Aires
Córdoba
Mendoza
Tucumán

89. Sección Ciudades:
Buenos Aires
Gran Buenos Aires
Córdoba
Mendoza
Tucumán
Rosario

90. Sección Ciudades:
Buenos Aires
Gran Buenos Aires
Córdoba
Mendoza
Tucumán
Rosario
Interior

91. Sección Ciudades:
Buenos Aires
Gran Buenos Aires
Córdoba
Mendoza
Tucumán
Rosario
Interior
Capital Federal

92. Arquitectura deficiente...
al menos en la sección Ciudades

93. Arquitectura deficiente...
al menos en la sección Ciudades
¿qué te pasa Clarín?

94. Resultado del análisis:
• Buen uso de las convenciones en el texto (con fallas en los vínculos)
• Cierta inconsistencia en la presentación de la información
• Buen uso de la navegación y ubicación
• Algunos problemas de arquitectura de información
• “Temas del día”. Novedosa estrategia de acceso a la información

95. Jakob Nielsen
http://www.useit.com/

96. Steve Krug
http://www.sensible.com

97. “No me hagas pensar.
Una aproximación a la usabilidad en la Web”
http://www.intercambiosvirtuales.org/

98. “No me hagas pensar.
Una aproximación a la usabilidad en la Web”
http://www.intercambiosvirtuales.org/
Advertencia
PESIMA
TRADUCCION
(mi opinión)