1. AI-Usabilidad
18 de marzo de 2011

2. información tipografía
colores hosting
fotografías
diseño
maquetas
programación clientes

3. 2 maneras

7. sitos completos en flash

8. sitos completos en flash

10. no se fijan en la necesidad

11. no se fijan en la necesidad

13. vale más la organización que los usuarios

14. vale más la organización que los usuarios

16. skip intro

17. skip intro

19. skip intro

20. skip intro
http://www.skipintros.com/

22. ¿información de interés?

23. ¿información de interés?

24. ¿información de interés?

26. venden mal

27. venden mal

28. venden mal

30. no son accesibles

31. no son accesibles

33. no son accesibles

34. no son accesibles

36. Sitios hechos completamente en flash, casi por
completo inaccesibles

37. Sitios hechos completamente en flash, casi por
completo inaccesibles
Sitios del estado pensados desde la organización.
difíciles de comprender y utilizar por el usuario al
cual está dirigido

38. Sitios hechos completamente en flash, casi por
completo inaccesibles
Sitios del estado pensados desde la organización.
difíciles de comprender y utilizar por el usuario al
cual está dirigido
Amplia oferta de desarrollo web en poco tiempo y
por precios irracionales

40. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?

41. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL CLIENTE

42. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL CLIENTE
“No me gusta el azul”

43. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL CLIENTE
“No me gusta el azul”
“Mi área debe ir en la home”

44. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL CLIENTE
“No me gusta el azul”
“Mi área debe ir en la home”
“La foto del ministro debe estar en el inicio”

45. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL CLIENTE
“No me gusta el azul”
“Mi área debe ir en la home”
“La foto del ministro debe estar en el inicio”
“Es que el gerente lo quiere así”

47. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?

48. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN LA TECNOLOGÍA

49. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN LA TECNOLOGÍA
“Eso no se puede hacer”

50. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN LA TECNOLOGÍA
“Eso no se puede hacer”
“Su sitio en flash por 250 lks”

51. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN LA TECNOLOGÍA
“Eso no se puede hacer”
“Su sitio en flash por 250 lks”
“Es que para mí es más fácil hacerlo así”

53. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?

54. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL DISEÑADOR

55. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL DISEÑADOR
“Si más se mueve más lo ve la gente”

56. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL DISEÑADOR
“Si más se mueve más lo ve la gente”
“Me gusta más el verde”

57. ¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?
DISEÑO CENTRADO EN EL DISEÑADOR
“Si más se mueve más lo ve la gente”
“Me gusta más el verde”
“Se ve mejor el buscador abajo”

59. La única forma de luchar contra esto es ...

60. La única forma de luchar contra esto es ...
con TÉCNICA

64. Sitios usables

65. Sitios usables

67. útiles

68. útiles

70. Piensan en quien está detrás de la pantalla

71. Piensan en quien está detrás de la pantalla

72. Piensan en quien está detrás de la pantalla

74. accesibles

75. accesibles
encontrables

76. accesibles
encontrables
navegables

77. accesibles
encontrables
navegables
fáciles de usar

80. diseño centrado
en el usuario

81. Objetivo

82. Mejorar el proceso de
creación de sitios web

83. Mejorar la experiencia de
usuario
impedir la frustración

84. Definición de una
metodología de mejora
constante

85. PREMISAS MÁXIMAS

86. 1. EL USUARIO ES
LO MÁS
IMPORTANTE

87. Para él
Por él
Cómo él

88. 2. la información en la Web no sólo
se lee, se usa
(Juan Carlos Camus)

89. III. Tenemos que
asegurar que sea
fácil de ocupar por
todos

90. el (DCU) tiene 3 componente fundamentales

92. Usabilidad

93. Usabilidad
Arquitectura de la
Información

94. Usabilidad
Arquitectura de la
Información
Accesibilidad

95. ¿Qué es la usabilidad?

96. Medición que
determina qué tan fácil
de usar es un sitio
(así de fome)

97. ¿Qué tan importante
es?

99. “Me equivoqué”

100. “Me equivoqué”
“La tecnología no es
para mí”

102. “No sé cómo usar “x”
sitio web”

103. “No sé cómo usar “x”
sitio web”
“No lo encuentro”

104. ¿Qué es la AI?
41

105. Es parte del diseño integral de sistemas que ayudan a
personas a encontrar lo que necesitan

106. Richard Saul Wurman
El estudio de la organización de la
información
Con el objetivo de permitir encontrar su vía
de navegación al conocimiento y la
comprensión de la información

107. Louis Rosenfeld y Peter
Morville
Combinación de esquemas de organización,
representación y navegación dentro de un
sistema

108. Louis Rosenfeld y Peter
Morville
Diseño estructural de un espacio
informático para facilitar la culminación de
tareas y el acceso intuitivo al contenido

109. Louis Rosenfeld y Peter
Morville
Arte y ciencia de estructurar y clasificar
sitios web e intranets (medios digitales) con
el fin de ayudar a los usuarios a encontrar y
manejar la información

110. Jasse James Garret
Diseño estructural del espacio informacional
para facilitar el acceso intuitivo a los
contenidos
47

111. Edwad Tufle
El diseño de la presentación de la
información para facilitar su entendimiento

112. Baeza-Yates,Velasco y
Rivera
La AI se ocupa del diseño estructural de los
sistemas de información
Su problema central es la organización,
recuperación y presentación de la
información

113. En Chile y el mundo
• AI Institute
• Cadius
• Cadius Chile
• AI Chile

114. Arquitecto de la
información
• En Chile
• En el mundo

115. Arquitecto de la
información
• Persona que organiza los patrones
inherentes a la información
• Hace lo complejo entendible

116. Qué debe hacer un AI
Conjugar varias visiones
• Investigar al usuario
• Investigar a la organización

117. Conjugar muchas y
diferentes visiones

118. Conjugar muchas y
diferentes visiones

119. Investigar al usuario
empatía = modelos mentales

120. Investigar a la organización
(cuáles son los objetivos de la organización)
56

121. ¿Algo más?

122. Organizar grandes
cantidades de contenidos
para que el usuario pueda
manejarlos, navegar por
ellos fácilmente y satisfacer
sus necesidades de
información

123. Clarificar la misión y visión
del sitio, equilibrando las
necesidades del
patrocinador y las
necesidades de la audiencia

124. Clarificar la misión y visión
del sitio, equilibrando las
necesidades del
patrocinador y las
necesidades de la audiencia
¿Se acuerdan?

125. Clarificar la misión y visión
del sitio, equilibrando las
necesidades del
patrocinador y las
necesidades de la audiencia
¿Se acuerdan?

126. Clarificar la misión y visión
del sitio, equilibrando las
necesidades del
patrocinador y las
necesidades de la audiencia
¿Se acuerdan?

127. Clarificar la misión y visión
del sitio, equilibrando las
necesidades del
patrocinador y las
necesidades de la audiencia
¿Se acuerdan?

128. Clarificar la misión y visión
del sitio, equilibrando las
necesidades del
patrocinador y las
necesidades de la audiencia
¿Se acuerdan?

129. Determinar el contenido y
funcionalidad que el sitio
tendrá

130. Especificar cómo los
usuarios van a encontrar
la información al definir su
organización, navegación,
etiquetado y sistemas de
búsqueda

131. ¿Qué es la
Accesibilidad?

132. cualidad
de un sitio
visitado de forma satisfactoria
por el mayor número de
personas, independiente de sus
capacidades físicas,
del entorno
o tecnológicas

133. “El poder de la web está en su
universalidad. Acceso a la web
para todos independiente de su
discapacidad”
Tim Berners Lee

134. Lado bueno / lado malo
65

136. ¿Cómo se escapa del
lado oscuro?

137. ¿Cómo se escapa del
lado oscuro?
¿Cómo se ejecuta todo
esto?

139. Metodología

140. Metodología
by

141. Metodología
by
Jase James Garrett

142. Metodología
by
Jase James Garrett
http://www.jjg.net/

144. Los elementos de la
experiencia de usuario

145. Los elementos de la
experiencia de usuario

147. Un sitio web que desde
su concepción no está
pensado en los
usuarios está destinado
al fracaso

148. Recolección de
información
Organización de la
información (AI)
Jerarquía-contenidos 1
Estructuración de
wireframes
Jerarquía contenidos 2
Diseño visual
Jerarquía visual
71

149. INVESTIGACIÓN DE USUARIOS
Recolección de
información
Organización de la
información (AI)
Jerarquía-contenidos 1
Estructuración de
wireframes
Jerarquía contenidos 2
Diseño visual
Jerarquía visual
71

150. INVESTIGACIÓN DE USUARIOS
Recolección de
información
TESTEOS DE USABILIDAD
Organización de la
información (AI)
Jerarquía-contenidos 1
Estructuración de
wireframes
Jerarquía contenidos 2
Diseño visual
Jerarquía visual
71

151. INVESTIGACIÓN DE USUARIOS
Recolección de
información
TESTEOS DE USABILIDAD
Organización de la
información (AI)
Jerarquía-contenidos 1
TESTEOS DE USABILIDAD
Estructuración de
wireframes
Jerarquía contenidos 2
Diseño visual
Jerarquía visual
71

152. INVESTIGACIÓN DE USUARIOS
Recolección de
información
TESTEOS DE USABILIDAD
Organización de la
información (AI)
Jerarquía-contenidos 1
TESTEOS DE USABILIDAD
Estructuración de
wireframes
Jerarquía contenidos 2
TESTEOS DE USABILIDAD
Diseño visual
Jerarquía visual
71