SlideShare una empresa de Scribd logo
1 de 67
Descargar para leer sin conexión
taller 6
                internet y el diseño de la información




                      taller_media
martes 9 de agosto de 2011
El diseño no es
                necesario, es
                inevitable»
                Alan Fletcher




martes 9 de agosto de 2011
la web
       portales
       sitios
       email

          1.0



                                                 de
                                                 donde
                                                 venimos
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
la web                       la web social
       portales                     mensajería
       sitios                       participación
       email                        comunidad

          1.0                                    2.0



                                                       de
                                                       donde
                                                       venimos
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
la web                       la web social      web semántica
       portales                     mensajería         conocimiento
       sitios                       participación      inteligencia
       email                        comunidad          agentes

          1.0                                    2.0       3.0



                                                                       de
                                                                       donde
                                                                       venimos
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
solo lectura /
                                                 read only
                                                 folletismo
                      que es la web 1.0
                                                                  1
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
hablar+leer
                                                 teléfonos móviles

     que es lo móvil 1.0
                                                                     1
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
6 grados de
                                                 separación

                                                 estás en mi
                                                 agenda?

     que es la red social 1.0
                                                               1
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
interactividad
                                                 limitada /
                                                 catálogos
                                                 electrónicos
     que es el e-commerce 1.0
                                                                  1
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
leer - ver -
                                                 escribir
                                                 el cliente vuelve
                                                 a la carga
                      que es la web 2.0
                                                                     2
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
Hablar+ Escribir+
                                                 Web + Media +
                                                 Aplicaciones

                                                 dispositivos
                                                 móviles
                      que es lo móvil 2.0
                                                                     2
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
1 grado de
                                                 separación

                                                 estamos todos a
                                                 un clic de distancia

        que es la red social 2.0
                                                                        2
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
que es el e-commerce 2.0
                                                 2
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
ratings de
                                                 usuarios, críticas y
                                                 recomendaciones

que es el we-commerce 2.0
                                                                        2
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
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.

     que es la web 3.0
                                                                               3
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
si aun no te
                convence
                analizando en volumen el mercado de la información




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
38 años

     50 millones de usuarios
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
13 años

     50 millones de usuarios
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
4 años

     50 millones de usuarios
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
3 años

     50 millones de usuarios
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
2 años

     50 millones de usuarios
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
esto nos obliga a conocer a
              nuestro usuario, base del
              desarrollo de nuevas
              plataformas



     taller 6 - información y medios digitales
martes 9 de agosto de 2011
diseño centrado
                                                 en el usuario

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usuario
                                                 no me hagas
                                                 pensar

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usabilidad
                                                 buenas prácticas


     taller 6 - información y medios digitales
martes 9 de agosto de 2011
Qué es lo más importante que
              debo hacer para que un sitio
              sea fácil de usar ?



     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usabilidad
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
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.


     taller 6 - información y medios digitales
martes 9 de agosto de 2011
filtrar, seleccionar y
                                                 determinar sus puntos
   usabilidad                                    de interés.


     taller 6 - información y medios digitales
martes 9 de agosto de 2011
¿cómo usamos la
                web?
                hechos de la vida 1... no leemos, escaneamos




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
¿cómo usamos la web?

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
¿cómo usamos la web?

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
problema a nivel de
                usuario
                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




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
¿cómo usamos la
                web?
                hechos de la vida 2... no hacemos búsquedas
                óptimas




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
por qué?
                                                 estamos apurados

   ¿cómo usamos la web?

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
por qué?
                                                 estamos apurados
                                                 nos gusta adivinar
   ¿cómo usamos la web?

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
¿cómo usamos la
                web?
                hechos de la vida 3... no nos preocupamos de
                como funciona todo




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
como opera y define
                                                 criterios un
   usabilidad                                    metabuscador


     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usabilidad

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
la usabilidad es la facilidad con que
              las personas pueden utilizar una
              herramienta con el fin de alcanzar un
              objetivo concreto




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
facilidad de usar
                                                 herramientas


     taller 6 - información y medios digitales
martes 9 de agosto de 2011
en internet
                el diseño debe estar centrado en el usuario




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
en internet
                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




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
diseño centrado en el
                usuario
                Nuestro rol es ayudar a entender para que la gente
                pueda actuar bien.




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usa
  bili
  dad
                                                 diseño
                                                 centrado
                                                 en el
                                                 usuario
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usa in
  bili ter
  dad faz
                                                 diseño
                                                 centrado
                                                 en el
                                                 usuario
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usa in                                         in
  bili ter                                       terac
  dad faz                                        ción
                                                         diseño
                                                         centrado
                                                         en el
                                                         usuario
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usa
  bili
  dad
                                           diseñar es organizar elementos de
                                           modo que cumplan una necesidad
                                           particular de la mejor manera/forma
                                           posible.
                                           (Charles Eames)

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usa
  bili
  dad                                    Steve Krug

                                        DON’T MAKE
                                        ME THINK
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usa
  bili
  dad                                      •entiende

                                            usuario
                                                       a la organización y al

                                           •logra el equilibrio necesario (estético-
                                            funcional)
                                           •anticipa la forma de pensamiento del
                                            usuario
                                           •sienta las bases de la aplicación final


     taller 6 - información y medios digitales
martes 9 de agosto de 2011
la usabilidad mide
                de manera empírica y relativa lo fácil y agradable
                que es usar un producto o servicio bajo tres
                principios:




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
orga
  ni
  zar
  estructura
  clara y
  convincente

                                                 lenguaje
                                                 visual

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
orga eco
  ni   nomi
  zar zar
  estructura                            lo máximo con
  clara y                               la menor
  convincente                           cantidad de
                                        elementos
                                                        lenguaje
                                                        visual

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
orga eco co
  ni   nomi muni
  zar zar   car
  estructura                            lo máximo con   presentación a
  clara y                               la menor        la capacidad
  convincente                           cantidad de     del usuario
                                        elementos
                                                                         lenguaje
                                                                         visual

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
eficacia                                     el usuario logra lo que quiere
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
eficiencia                                         lo logra rápidamente


     eficacia                                     el usuario logra lo que quiere
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
satisfacción                                             al visitar el sitio


     eficiencia                                           lo logra rápidamente


     eficacia                                     el usuario logra lo que quiere
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
usabilidad
     satisfacción                                             al visitar el sitio


     eficiencia                                           lo logra rápidamente


     eficacia                                     el usuario logra lo que quiere
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
la usabilidad
                considera tres
                aspectos
                •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



     taller 6 - información y medios digitales
martes 9 de agosto de 2011
finalmente
                lo que un usuario busca es información y la
                usabilidad es la manera de construir un acceso mas
                universal y simplificado




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
curva de
                                                 duplicación del
                                                 conocimiento de
                                                 la humanidad

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
la información
                es progresiva y por ende altamente complejizada en
                razón de las nuevas tecnologías




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
diseño de la
                información (DI)
                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


                                                     Horn (1999)

     taller 6 - información y medios digitales
martes 9 de agosto de 2011
documentos
 comprensibles




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
documentos
 comprensibles



 sistemas
 interactivos




     taller 6 - información y medios digitales
martes 9 de agosto de 2011
documentos
 comprensibles



 sistemas
 interactivos


                                                 la conexión entre la información, el
 espacios de                                     pensamiento humano y el uso.
 información
 navegables
     taller 6 - información y medios digitales
martes 9 de agosto de 2011
la información
                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.




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

Más contenido relacionado

Similar a Diseño de la información y usabilidad

Social media para pymes y autónomos (Parque Magalia)
Social media para pymes y autónomos (Parque Magalia)Social media para pymes y autónomos (Parque Magalia)
Social media para pymes y autónomos (Parque Magalia)Isabel Franco
 
Redes sociales - Un acercamiento teórico y práctico
Redes sociales - Un acercamiento teórico y prácticoRedes sociales - Un acercamiento teórico y práctico
Redes sociales - Un acercamiento teórico y prácticoLuis Joaquín Simón
 
Wireframes y diseño web
Wireframes y diseño webWireframes y diseño web
Wireframes y diseño webiConstruye
 
DIseño de Información y mapas conceptuales
DIseño de Información y mapas conceptualesDIseño de Información y mapas conceptuales
DIseño de Información y mapas conceptualesiConstruye
 

Similar a Diseño de la información y usabilidad (6)

Social media para pymes y autónomos (Parque Magalia)
Social media para pymes y autónomos (Parque Magalia)Social media para pymes y autónomos (Parque Magalia)
Social media para pymes y autónomos (Parque Magalia)
 
Redes sociales - Un acercamiento teórico y práctico
Redes sociales - Un acercamiento teórico y prácticoRedes sociales - Un acercamiento teórico y práctico
Redes sociales - Un acercamiento teórico y práctico
 
Redes sociales e Internet para Emprendedores
Redes sociales e Internet para EmprendedoresRedes sociales e Internet para Emprendedores
Redes sociales e Internet para Emprendedores
 
Wireframes y diseño web
Wireframes y diseño webWireframes y diseño web
Wireframes y diseño web
 
DIseño de Información y mapas conceptuales
DIseño de Información y mapas conceptualesDIseño de Información y mapas conceptuales
DIseño de Información y mapas conceptuales
 
Maicol andres vente solis la web
Maicol andres vente solis la webMaicol andres vente solis la web
Maicol andres vente solis la web
 

Más de iConstruye

Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4iConstruye
 
Prototipado Web
Prototipado WebPrototipado Web
Prototipado WebiConstruye
 
Introducción a Motion Graphics
Introducción a Motion GraphicsIntroducción a Motion Graphics
Introducción a Motion GraphicsiConstruye
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrppiConstruye
 
Examen edicion
Examen edicionExamen edicion
Examen edicioniConstruye
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesigniConstruye
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6iConstruye
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto webiConstruye
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la webiConstruye
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptualesiConstruye
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5iConstruye
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSSiConstruye
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTMLiConstruye
 
La información como fundamento del diseño
La información como fundamento del diseñoLa información como fundamento del diseño
La información como fundamento del diseñoiConstruye
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición MultimediaiConstruye
 
Temario examen
Temario examenTemario examen
Temario exameniConstruye
 

Más de iConstruye (20)

Examen taller
Examen tallerExamen taller
Examen taller
 
Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4
 
Prototipado Web
Prototipado WebPrototipado Web
Prototipado Web
 
Introducción a Motion Graphics
Introducción a Motion GraphicsIntroducción a Motion Graphics
Introducción a Motion Graphics
 
Examen imagen
Examen imagenExamen imagen
Examen imagen
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrpp
 
Examen edicion
Examen edicionExamen edicion
Examen edicion
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesign
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6
 
Filezilla
FilezillaFilezilla
Filezilla
 
Webhost
WebhostWebhost
Webhost
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto web
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la web
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptuales
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSS
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTML
 
La información como fundamento del diseño
La información como fundamento del diseñoLa información como fundamento del diseño
La información como fundamento del diseño
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición Multimedia
 
Temario examen
Temario examenTemario examen
Temario examen
 

Último

Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 

Último (20)

1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 

Diseño de la información y usabilidad

  • 1. taller 6 internet y el diseño de la información taller_media martes 9 de agosto de 2011
  • 2. El diseño no es necesario, es inevitable» Alan Fletcher martes 9 de agosto de 2011
  • 3. la web portales sitios email 1.0 de donde venimos taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 4. la web la web social portales mensajería sitios participación email comunidad 1.0 2.0 de donde venimos taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 5. la web la web social web semántica portales mensajería conocimiento sitios participación inteligencia email comunidad agentes 1.0 2.0 3.0 de donde venimos taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 6. solo lectura / read only folletismo que es la web 1.0 1 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 7. hablar+leer teléfonos móviles que es lo móvil 1.0 1 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 8. 6 grados de separación estás en mi agenda? que es la red social 1.0 1 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 9. interactividad limitada / catálogos electrónicos que es el e-commerce 1.0 1 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 10. leer - ver - escribir el cliente vuelve a la carga que es la web 2.0 2 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 11. Hablar+ Escribir+ Web + Media + Aplicaciones dispositivos móviles que es lo móvil 2.0 2 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 12. 1 grado de separación estamos todos a un clic de distancia que es la red social 2.0 2 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 13. que es el e-commerce 2.0 2 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 14. ratings de usuarios, críticas y recomendaciones que es el we-commerce 2.0 2 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 15. 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. que es la web 3.0 3 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 16. si aun no te convence analizando en volumen el mercado de la información taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 17. 38 años 50 millones de usuarios taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 18. 13 años 50 millones de usuarios taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 19. 4 años 50 millones de usuarios taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 20. 3 años 50 millones de usuarios taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 21. 2 años 50 millones de usuarios taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 22. esto nos obliga a conocer a nuestro usuario, base del desarrollo de nuevas plataformas taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 23. diseño centrado en el usuario taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 24. usuario no me hagas pensar taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 25. usabilidad buenas prácticas taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 26. Qué es lo más importante que debo hacer para que un sitio sea fácil de usar ? taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 27. usabilidad taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 28. 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. taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 29. filtrar, seleccionar y determinar sus puntos usabilidad de interés. taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 30. ¿cómo usamos la web? hechos de la vida 1... no leemos, escaneamos taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 31. ¿cómo usamos la web? taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 32. ¿cómo usamos la web? taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 33. problema a nivel de usuario 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 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 34. ¿cómo usamos la web? hechos de la vida 2... no hacemos búsquedas óptimas taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 35. por qué? estamos apurados ¿cómo usamos la web? taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 36. por qué? estamos apurados nos gusta adivinar ¿cómo usamos la web? taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 37. ¿cómo usamos la web? hechos de la vida 3... no nos preocupamos de como funciona todo taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 38. como opera y define criterios un usabilidad metabuscador taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 39. usabilidad taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 40. la usabilidad es la facilidad con que las personas pueden utilizar una herramienta con el fin de alcanzar un objetivo concreto taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 41. facilidad de usar herramientas taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 42. en internet el diseño debe estar centrado en el usuario taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 43. en internet 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 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 44. diseño centrado en el usuario Nuestro rol es ayudar a entender para que la gente pueda actuar bien. taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 45. usa bili dad diseño centrado en el usuario taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 46. usa in bili ter dad faz diseño centrado en el usuario taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 47. usa in in bili ter terac dad faz ción diseño centrado en el usuario taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 48. usa bili dad diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera/forma posible. (Charles Eames) taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 49. usa bili dad Steve Krug DON’T MAKE ME THINK taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 50. usa bili dad •entiende usuario a la organización y al •logra el equilibrio necesario (estético- funcional) •anticipa la forma de pensamiento del usuario •sienta las bases de la aplicación final taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 51. la usabilidad mide de manera empírica y relativa lo fácil y agradable que es usar un producto o servicio bajo tres principios: taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 52. orga ni zar estructura clara y convincente lenguaje visual taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 53. orga eco ni nomi zar zar estructura lo máximo con clara y la menor convincente cantidad de elementos lenguaje visual taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 54. orga eco co ni nomi muni zar zar car estructura lo máximo con presentación a clara y la menor la capacidad convincente cantidad de del usuario elementos lenguaje visual taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 55. eficacia el usuario logra lo que quiere taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 56. eficiencia lo logra rápidamente eficacia el usuario logra lo que quiere taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 57. satisfacción al visitar el sitio eficiencia lo logra rápidamente eficacia el usuario logra lo que quiere taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 58. usabilidad satisfacción al visitar el sitio eficiencia lo logra rápidamente eficacia el usuario logra lo que quiere taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 59. la usabilidad considera tres aspectos •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 taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 60. finalmente lo que un usuario busca es información y la usabilidad es la manera de construir un acceso mas universal y simplificado taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 61. curva de duplicación del conocimiento de la humanidad taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 62. la información es progresiva y por ende altamente complejizada en razón de las nuevas tecnologías taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 63. diseño de la información (DI) 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 Horn (1999) taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 64. documentos comprensibles taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 65. documentos comprensibles sistemas interactivos taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 66. documentos comprensibles sistemas interactivos la conexión entre la información, el espacios de pensamiento humano y el uso. información navegables taller 6 - información y medios digitales martes 9 de agosto de 2011
  • 67. la información 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. taller 6 - información y medios digitales martes 9 de agosto de 2011