SlideShare a Scribd company logo
1 of 67
Download to read offline
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

More Related Content

More from 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
 

More from 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
 

Recently uploaded

Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfMariaGabrielaSandova2
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptxStiugaRoberturux
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadratc070603hmcmrha7
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESMairaLasso1
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfrociomoral626
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfTpicoAcerosArequipa
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaJosAntonioFloresQuis
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 

Recently uploaded (20)

Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdf
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONES
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzada
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 

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