diseño de información y usabilidad
DESCRIPTION
Presentación del concepto de usabilidad y diseño de información, navegación desde lo complejo a lo elemental de la información.TRANSCRIPT
![Page 1: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/1.jpg)
internet y el diseño de la informacióntaller 6
taller_mediamartes 9 de agosto de 2011
![Page 2: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/2.jpg)
El diseño no es necesario, es inevitable»Alan Fletcher
martes 9 de agosto de 2011
![Page 3: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/3.jpg)
1.0
la webportalessitiosemail
taller 6 - información y medios digitales
de donde venimos
martes 9 de agosto de 2011
![Page 4: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/4.jpg)
la webportalessitiosemail
2.0
la web socialmensajeríaparticipacióncomunidad
1.0
taller 6 - información y medios digitales
de donde venimos
martes 9 de agosto de 2011
![Page 5: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/5.jpg)
web semánticaconocimientointeligenciaagentes
taller 6 - información y medios digitales
la webportalessitiosemail
2.0
la web socialmensajeríaparticipacióncomunidad
1.0 3.0
de donde venimos
martes 9 de agosto de 2011
![Page 6: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/6.jpg)
taller 6 - información y medios digitales
que es la web 1.01
solo lectura / read onlyfolletismo
martes 9 de agosto de 2011
![Page 7: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/7.jpg)
taller 6 - información y medios digitales
que es lo móvil 1.01
hablar+leerteléfonos móviles
martes 9 de agosto de 2011
![Page 8: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/8.jpg)
taller 6 - información y medios digitales
que es la red social 1.01
6 grados de separación
estás en mi agenda?
martes 9 de agosto de 2011
![Page 9: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/9.jpg)
taller 6 - información y medios digitales
que es el e-commerce 1.01
interactividad limitada / catálogos electrónicos
martes 9 de agosto de 2011
![Page 10: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/10.jpg)
taller 6 - información y medios digitales
que es la web 2.02
leer - ver - escribirel cliente vuelve a la carga
martes 9 de agosto de 2011
![Page 11: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/11.jpg)
taller 6 - información y medios digitales
que es lo móvil 2.02
Hablar+ Escribir+ Web + Media + Aplicaciones
dispositivos móviles
martes 9 de agosto de 2011
![Page 12: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/12.jpg)
taller 6 - información y medios digitales
que es la red social 2.02
1 grado de separación
estamos todos a un clic de distancia
martes 9 de agosto de 2011
![Page 13: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/13.jpg)
taller 6 - información y medios digitales
que es el e-commerce 2.02
martes 9 de agosto de 2011
![Page 14: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/14.jpg)
taller 6 - información y medios digitales
que es el we-commerce 2.02
ratings de usuarios, críticas y recomendaciones
martes 9 de agosto de 2011
![Page 15: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/15.jpg)
taller 6 - información y medios digitales
que es la web 3.03
trata de páginas capaces de comunicarse con otras páginas mediante procesamiento de lenguaje natural y, es justo aquí cuando cobra sentido el nexo entre la Web Semántica y la Web 3.0.
martes 9 de agosto de 2011
![Page 16: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/16.jpg)
taller 6 - información y medios digitales
analizando en volumen el mercado de la información
si aun no te convence
martes 9 de agosto de 2011
![Page 17: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/17.jpg)
taller 6 - información y medios digitales
50 millones de usuarios
38 años
martes 9 de agosto de 2011
![Page 18: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/18.jpg)
taller 6 - información y medios digitales
50 millones de usuarios
13 años
martes 9 de agosto de 2011
![Page 19: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/19.jpg)
taller 6 - información y medios digitales
50 millones de usuarios
4 años
martes 9 de agosto de 2011
![Page 20: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/20.jpg)
taller 6 - información y medios digitales
50 millones de usuarios
3 años
martes 9 de agosto de 2011
![Page 21: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/21.jpg)
taller 6 - información y medios digitales
50 millones de usuarios
2 años
martes 9 de agosto de 2011
![Page 22: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/22.jpg)
taller 6 - información y medios digitales
esto nos obliga a conocer a nuestro usuario, base del desarrollo de nuevas plataformas
martes 9 de agosto de 2011
![Page 23: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/23.jpg)
taller 6 - información y medios digitales
diseño centrado en el usuario
martes 9 de agosto de 2011
![Page 24: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/24.jpg)
taller 6 - información y medios digitales
usuariono me hagas pensar
martes 9 de agosto de 2011
![Page 25: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/25.jpg)
taller 6 - información y medios digitales
usabilidadbuenas prácticas
martes 9 de agosto de 2011
![Page 26: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/26.jpg)
taller 6 - información y medios digitales
Qué es lo más importante que debo hacer para que un sitiosea fácil de usar ?
martes 9 de agosto de 2011
![Page 27: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/27.jpg)
taller 6 - información y medios digitales
usabilidad
martes 9 de agosto de 2011
![Page 28: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/28.jpg)
taller 6 - información y medios digitales
Es cierto que todo cabe dentro de esta "gran telaraña", pero también es cierto que es el propio usuario el que se encarga, con su experiencia cercana e inmediata, de filtrar, seleccionar y determinar sus puntos de interés.
martes 9 de agosto de 2011
![Page 29: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/29.jpg)
taller 6 - información y medios digitales
filtrar, seleccionar y determinar sus puntos de interés.usabilidad
martes 9 de agosto de 2011
![Page 30: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/30.jpg)
taller 6 - información y medios digitales
hechos de la vida 1... no leemos, escaneamos
¿cómo usamos la web?
martes 9 de agosto de 2011
![Page 31: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/31.jpg)
taller 6 - información y medios digitales
¿cómo usamos la web?
martes 9 de agosto de 2011
![Page 32: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/32.jpg)
taller 6 - información y medios digitales
¿cómo usamos la web?
martes 9 de agosto de 2011
![Page 33: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/33.jpg)
taller 6 - información y medios digitales
hace falta desarrollar una cultura en la que el acceso a información comprensible se vea como un derecho ciudadano; esto sería posible sólo con buen diseño de información
problema a nivel de usuario
martes 9 de agosto de 2011
![Page 34: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/34.jpg)
taller 6 - información y medios digitales
hechos de la vida 2... no hacemos búsquedas óptimas
¿cómo usamos la web?
martes 9 de agosto de 2011
![Page 35: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/35.jpg)
taller 6 - información y medios digitales
¿cómo usamos la web?
por qué?estamos apurados
martes 9 de agosto de 2011
![Page 36: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/36.jpg)
taller 6 - información y medios digitales
¿cómo usamos la web?
por qué?estamos apuradosnos gusta adivinar
martes 9 de agosto de 2011
![Page 37: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/37.jpg)
taller 6 - información y medios digitales
hechos de la vida 3... no nos preocupamos de como funciona todo
¿cómo usamos la web?
martes 9 de agosto de 2011
![Page 38: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/38.jpg)
taller 6 - información y medios digitales
como opera y define criterios un metabuscadorusabilidad
martes 9 de agosto de 2011
![Page 39: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/39.jpg)
taller 6 - información y medios digitales
usabilidad
martes 9 de agosto de 2011
![Page 40: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/40.jpg)
taller 6 - información y medios digitales
la usabilidad es la facilidad con que las personas pueden utilizar una herramienta con el fin de alcanzar un objetivo concreto
martes 9 de agosto de 2011
![Page 41: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/41.jpg)
taller 6 - información y medios digitales
facilidad de usar herramientas
martes 9 de agosto de 2011
![Page 42: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/42.jpg)
taller 6 - información y medios digitales
el diseño debe estar centrado en el usuarioen internet
martes 9 de agosto de 2011
![Page 43: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/43.jpg)
taller 6 - información y medios digitales
el problema central del diseñador no es la gráfica, sino el impacto que ella tiene en los conocimientos, las actitudes, y las conductas de la gente
en internet
martes 9 de agosto de 2011
![Page 44: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/44.jpg)
taller 6 - información y medios digitales
Nuestro rol es ayudar a entender para que la gente pueda actuar bien.
diseño centrado en el usuario
martes 9 de agosto de 2011
![Page 45: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/45.jpg)
usabilidad
taller 6 - información y medios digitales
diseñocentrado en el usuario
martes 9 de agosto de 2011
![Page 46: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/46.jpg)
usabilidad
taller 6 - información y medios digitales
interfaz
diseñocentrado en el usuario
martes 9 de agosto de 2011
![Page 47: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/47.jpg)
usabilidad
taller 6 - información y medios digitales
diseñocentrado en el usuario
interfaz
interacción
martes 9 de agosto de 2011
![Page 48: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/48.jpg)
usabilidad
taller 6 - información y medios digitales
diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera/forma posible.(Charles Eames)
martes 9 de agosto de 2011
![Page 49: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/49.jpg)
usabilidad
taller 6 - información y medios digitales
DON’T MAKE ME THINK
Steve Krug
martes 9 de agosto de 2011
![Page 50: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/50.jpg)
usabilidad
taller 6 - información y medios digitales
•entiende a la organización y al usuario
•logra el equilibrio necesario (estético-funcional)
•anticipa la forma de pensamiento del usuario
•sienta las bases de la aplicación final
martes 9 de agosto de 2011
![Page 51: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/51.jpg)
taller 6 - información y medios digitales
de manera empírica y relativa lo fácil y agradable que es usar un producto o servicio bajo tres principios:
la usabilidad mide
martes 9 de agosto de 2011
![Page 52: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/52.jpg)
organizar
taller 6 - información y medios digitales
lenguaje visual
estructura clara y convincente
martes 9 de agosto de 2011
![Page 53: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/53.jpg)
organizar
taller 6 - información y medios digitales
lenguaje visual
estructura clara y convincente
economizarlo máximo con la menor cantidad de elementos
martes 9 de agosto de 2011
![Page 54: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/54.jpg)
organizar
taller 6 - información y medios digitales
lenguaje visual
estructura clara y convincente
economizarlo máximo con la menor cantidad de elementos
comunicarpresentación a la capacidad del usuario
martes 9 de agosto de 2011
![Page 55: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/55.jpg)
taller 6 - información y medios digitales
eficacia el usuario logra lo que quiere
martes 9 de agosto de 2011
![Page 56: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/56.jpg)
taller 6 - información y medios digitales
eficacia el usuario logra lo que quiere
eficiencia lo logra rápidamente
martes 9 de agosto de 2011
![Page 57: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/57.jpg)
taller 6 - información y medios digitales
eficacia el usuario logra lo que quiere
eficiencia lo logra rápidamente
satisfacción al visitar el sitio
martes 9 de agosto de 2011
![Page 58: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/58.jpg)
taller 6 - información y medios digitales
eficacia el usuario logra lo que quiere
eficiencia lo logra rápidamente
satisfacción al visitar el sitio
usabilidad
martes 9 de agosto de 2011
![Page 59: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/59.jpg)
taller 6 - información y medios digitales
•el tipo o tipos específicos de usuarios•la tarea o tareas que efectúan objeto de la
observación•el contexto en el que se da la interacción
la usabilidad considera tres aspectos
martes 9 de agosto de 2011
![Page 60: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/60.jpg)
taller 6 - información y medios digitales
lo que un usuario busca es información y la usabilidad es la manera de construir un acceso mas universal y simplificado
finalmente
martes 9 de agosto de 2011
![Page 61: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/61.jpg)
taller 6 - información y medios digitales
curva de duplicación del conocimiento de la humanidad
martes 9 de agosto de 2011
![Page 62: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/62.jpg)
taller 6 - información y medios digitales
es progresiva y por ende altamente complejizada en razón de las nuevas tecnologías
la información
martes 9 de agosto de 2011
![Page 63: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/63.jpg)
taller 6 - información y medios digitales
El DI puede definirse como el arte y la ciencia de preparar la información, de modo que pueda usarse por los humanos con eficacia y eficiencia
diseño de la información (DI)
Horn (1999)
martes 9 de agosto de 2011
![Page 64: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/64.jpg)
documentos comprensibles
taller 6 - información y medios digitalesmartes 9 de agosto de 2011
![Page 65: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/65.jpg)
documentos comprensibles
taller 6 - información y medios digitales
sistemasinteractivos
martes 9 de agosto de 2011
![Page 66: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/66.jpg)
espacios de información navegables
documentos comprensibles
taller 6 - información y medios digitales
sistemasinteractivos
la conexión entre la información, el pensamiento humano y el uso.
martes 9 de agosto de 2011
![Page 67: Diseño de información y usabilidad](https://reader031.vdocuments.pub/reader031/viewer/2022020421/568bf4b61a28ab89339f0856/html5/thumbnails/67.jpg)
taller 6 - información y medios digitales
Por lo tanto, la información es "entender" el mundo en el que vivimos, y así, el DI necesita del ambiente cognitivo y los flujos de información.
la información
martes 9 de agosto de 2011