67
internet y el diseño de la información taller 6 taller_media martes 9 de agosto de 2011

Diseño de la información y usabilidad

Embed Size (px)

DESCRIPTION

Métodos para analizar, crear y proponer formas visuales de interpretar la información, haciendola accesible a escala humana.

Citation preview

Page 1: Diseño de la información y usabilidad

internet y el diseño de la informacióntaller 6

taller_mediamartes 9 de agosto de 2011

Page 2: Diseño de la información y usabilidad

El diseño no es necesario, es inevitable»Alan Fletcher

martes 9 de agosto de 2011

Page 3: Diseño de la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

taller 6 - información y medios digitales

diseño centrado en el usuario

martes 9 de agosto de 2011

Page 24: Diseño de la información y usabilidad

taller 6 - información y medios digitales

usuariono me hagas pensar

martes 9 de agosto de 2011

Page 25: Diseño de la información y usabilidad

taller 6 - información y medios digitales

usabilidadbuenas prácticas

martes 9 de agosto de 2011

Page 26: Diseño de la información y usabilidad

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 la información y usabilidad

taller 6 - información y medios digitales

usabilidad

martes 9 de agosto de 2011

Page 28: Diseño de la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

taller 6 - información y medios digitales

¿cómo usamos la web?

martes 9 de agosto de 2011

Page 32: Diseño de la información y usabilidad

taller 6 - información y medios digitales

¿cómo usamos la web?

martes 9 de agosto de 2011

Page 33: Diseño de la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

taller 6 - información y medios digitales

usabilidad

martes 9 de agosto de 2011

Page 40: Diseño de la información y usabilidad

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 la información y usabilidad

taller 6 - información y medios digitales

facilidad de usar herramientas

martes 9 de agosto de 2011

Page 42: Diseño de la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

usabilidad

taller 6 - información y medios digitales

diseñocentrado en el usuario

martes 9 de agosto de 2011

Page 46: Diseño de la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

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 la información y usabilidad

documentos comprensibles

taller 6 - información y medios digitalesmartes 9 de agosto de 2011

Page 65: Diseño de la información y usabilidad

documentos comprensibles

taller 6 - información y medios digitales

sistemasinteractivos

martes 9 de agosto de 2011

Page 66: Diseño de la información y usabilidad

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 la información y usabilidad

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