SlideShare ist ein Scribd-Unternehmen logo
1 von 54
EN CONTEXTO
Cuatro Nobles Verdades de los
productos informáticos exitosos
Quién soy yo
BootStudio
Instituto para la Arquitectura
de la Información
Boxes and Arrows
Quiénes son ustedes
Ensalada de frutas
Toilet
Salón
Información digital interactiva
MRI machine
Don Norman
User Experience Architect
(Apple)
Ejemplo: sitios web
Ejemplo: Nike+ Fuel Band
Estructura de la presentación
El diseño es comunicación
LA PRIMERA NOBLE VERDAD
Ejemplo de diseño gráfico
Ejemplo: Nike+ Fuel Band
Comunicación:
Transmisión de señales
mediante un código común al
emisor y al receptor.
Ejemplo de diseño gráfico
Taza
Lenguaje de interacción (1/2)
Affordances
“una cualidad de un objeto
o entorno que permite que
un individuo realice una
acción.”
J.J. Gibson
Lenguaje de interacción (2/2)
La comunicación depende
del contexto
LA SEGUNDA NOBLE VERDAD
Ejemplo: Auschwitz (1)
Ejemplo: Auschwitz (2)
Contexto:
El conjunto de circunstancias
que rodean una situación y sin
las cuales no se puede
comprender correctamente.
Comunicación
Comunicación
Entornos semánticos
1. Las personas
2. Sus propósitos
3. Las reglas del discurso
4. La terminología particular
de la situación
Ejemplo: ciencia vs. religión
El contexto se puede definir
LA TERCERA NOBLE VERDAD
War department
Department of War
1789 – 1947
Department of Defense
1949 - Presente
Melvil Dewey
000 Ciencia de los computadores,
información y obras generales
100 Filosofía y psicología
200 Religión, teología
300 Ciencias sociales
400 Lenguas
500 Ciencia
600 Tecnología
700 Artes y recreación
800 Literatura
900 Historia y geografía
Melvil Dewey
200 Religión, teología
• 210 Teología natural
• 220 Biblia
• 230 Teología cristiana
• 240 Teología moral y devoción cristiana
• 250 Órdenes cristianas e iglesia local
• 260 Teología social cristiana
• 270 Historia de la iglesia cristiana
• 280 Denominaciones y sectas cristianas
• 290 Otras y religión comparativa
Ejemplo: Disney (1/2)
Adventureland
Adventureland
Adventureland
Ejemplo: Disney (2/2)
Cambio de los inboxes de
Gmail
El camino de la Arquitectura
de la Información
LA CUARTA NOBLE VERDAD
Libro del oso polar
Computing antes
Sitemap
Computing ahora (múltiples
entornos y dispositivos)
Arquitectura de la
información:
La integridad estructural del
significado entre diversos
contextos.
El diseño es comunicación
LA PRIMERA NOBLE VERDAD
La comunicación depende
del contexto
LA SEGUNDA NOBLE VERDAD
El contexto se puede definir
LA TERCERA NOBLE VERDAD
El camino de la Arquitectura
de la Información
LA CUARTA NOBLE VERDAD
Gracias
@jarango http://jarango.com

Weitere ähnliche Inhalte

Andere mochten auch

Portfolio without contact details for people per hour
Portfolio without contact details for people per hourPortfolio without contact details for people per hour
Portfolio without contact details for people per hourEmily Browne
 
Protect Yourself Against Today's Cybercriminals and Hackers
Protect Yourself Against Today's Cybercriminals and HackersProtect Yourself Against Today's Cybercriminals and Hackers
Protect Yourself Against Today's Cybercriminals and HackersKaseya
 
Hankerson_2012_Estimation of evapotranspiration from fields with and without ...
Hankerson_2012_Estimation of evapotranspiration from fields with and without ...Hankerson_2012_Estimation of evapotranspiration from fields with and without ...
Hankerson_2012_Estimation of evapotranspiration from fields with and without ...Brett Hankerson
 
Portamap portable gas analyser
Portamap portable gas analyserPortamap portable gas analyser
Portamap portable gas analyserSystechIllinois
 
REENERGY by INMERCO
REENERGY by INMERCOREENERGY by INMERCO
REENERGY by INMERCOinmerco
 
Tus derechos en tu lengua.
Tus derechos en tu lengua.Tus derechos en tu lengua.
Tus derechos en tu lengua.maugenocioni
 
Georgia's Juvenile Code Revised - An Overview
Georgia's Juvenile Code Revised - An OverviewGeorgia's Juvenile Code Revised - An Overview
Georgia's Juvenile Code Revised - An Overviewbartoncenter
 
23339110 scrum-checklists
23339110 scrum-checklists23339110 scrum-checklists
23339110 scrum-checklistssansahib
 

Andere mochten auch (16)

Portfolio without contact details for people per hour
Portfolio without contact details for people per hourPortfolio without contact details for people per hour
Portfolio without contact details for people per hour
 
Protect Yourself Against Today's Cybercriminals and Hackers
Protect Yourself Against Today's Cybercriminals and HackersProtect Yourself Against Today's Cybercriminals and Hackers
Protect Yourself Against Today's Cybercriminals and Hackers
 
Stoke Newington town guide c1907
Stoke Newington town guide c1907Stoke Newington town guide c1907
Stoke Newington town guide c1907
 
JORNAL DE BAIRRO - STANDARD
JORNAL DE BAIRRO - STANDARDJORNAL DE BAIRRO - STANDARD
JORNAL DE BAIRRO - STANDARD
 
Hankerson_2012_Estimation of evapotranspiration from fields with and without ...
Hankerson_2012_Estimation of evapotranspiration from fields with and without ...Hankerson_2012_Estimation of evapotranspiration from fields with and without ...
Hankerson_2012_Estimation of evapotranspiration from fields with and without ...
 
Las drogas
Las drogasLas drogas
Las drogas
 
áLex rovira promo
áLex rovira promoáLex rovira promo
áLex rovira promo
 
Toulous'UP
Toulous'UPToulous'UP
Toulous'UP
 
Portamap portable gas analyser
Portamap portable gas analyserPortamap portable gas analyser
Portamap portable gas analyser
 
REENERGY by INMERCO
REENERGY by INMERCOREENERGY by INMERCO
REENERGY by INMERCO
 
Tus derechos en tu lengua.
Tus derechos en tu lengua.Tus derechos en tu lengua.
Tus derechos en tu lengua.
 
Slurry Seal Presentation for CalAPA LA Tech Meeting
Slurry Seal Presentation for CalAPA LA Tech MeetingSlurry Seal Presentation for CalAPA LA Tech Meeting
Slurry Seal Presentation for CalAPA LA Tech Meeting
 
Tema robot
Tema robotTema robot
Tema robot
 
Composta bocashi
Composta bocashiComposta bocashi
Composta bocashi
 
Georgia's Juvenile Code Revised - An Overview
Georgia's Juvenile Code Revised - An OverviewGeorgia's Juvenile Code Revised - An Overview
Georgia's Juvenile Code Revised - An Overview
 
23339110 scrum-checklists
23339110 scrum-checklists23339110 scrum-checklists
23339110 scrum-checklists
 

Ähnlich wie En contexto: cuatro nobles verdades de los productos informáticos exitosos

Charla II Congreso de Bibliotecas Universitarias y Especializadas
Charla II Congreso de Bibliotecas Universitarias y EspecializadasCharla II Congreso de Bibliotecas Universitarias y Especializadas
Charla II Congreso de Bibliotecas Universitarias y EspecializadasChristian Sifaqui
 
Cuestionario internet
Cuestionario internetCuestionario internet
Cuestionario internetArmando Jori
 
Colegio de educación profesional técnico del estado de mexico
Colegio de educación profesional técnico del estado de mexicoColegio de educación profesional técnico del estado de mexico
Colegio de educación profesional técnico del estado de mexicoFatima Ayala Zuñiga
 
Colegio de educación profesional técnico del estado de mexico
Colegio de educación profesional técnico del estado de mexicoColegio de educación profesional técnico del estado de mexico
Colegio de educación profesional técnico del estado de mexicoFatima Ayala Zuñiga
 
G#1.lima.salazar.henry.comercio.electrónico
G#1.lima.salazar.henry.comercio.electrónicoG#1.lima.salazar.henry.comercio.electrónico
G#1.lima.salazar.henry.comercio.electrónicoHenry Lima
 
ACTIVIDAD ENTREGALE N 1
ACTIVIDAD ENTREGALE N 1ACTIVIDAD ENTREGALE N 1
ACTIVIDAD ENTREGALE N 1Henry Lima
 
¿QUÉ ES EL INTERNET.?
¿QUÉ ES EL INTERNET.?¿QUÉ ES EL INTERNET.?
¿QUÉ ES EL INTERNET.?Erika Morales
 
Herramientas informáticas
Herramientas informáticasHerramientas informáticas
Herramientas informáticasuptcduitama
 
Herramientas informáticas
Herramientas informáticasHerramientas informáticas
Herramientas informáticasuptcduitama
 

Ähnlich wie En contexto: cuatro nobles verdades de los productos informáticos exitosos (20)

Charla II Congreso de Bibliotecas Universitarias y Especializadas
Charla II Congreso de Bibliotecas Universitarias y EspecializadasCharla II Congreso de Bibliotecas Universitarias y Especializadas
Charla II Congreso de Bibliotecas Universitarias y Especializadas
 
Datos abiertos enlazados: situación actual y perspectivas
Datos abiertos enlazados: situación actual y perspectivasDatos abiertos enlazados: situación actual y perspectivas
Datos abiertos enlazados: situación actual y perspectivas
 
Cuestionario internet
Cuestionario internetCuestionario internet
Cuestionario internet
 
Internet
InternetInternet
Internet
 
Presentacion Gloria
Presentacion GloriaPresentacion Gloria
Presentacion Gloria
 
Presentacion Gloria
Presentacion GloriaPresentacion Gloria
Presentacion Gloria
 
Colegio de educación profesional técnico del estado de mexico
Colegio de educación profesional técnico del estado de mexicoColegio de educación profesional técnico del estado de mexico
Colegio de educación profesional técnico del estado de mexico
 
Colegio de educación profesional técnico del estado de mexico
Colegio de educación profesional técnico del estado de mexicoColegio de educación profesional técnico del estado de mexico
Colegio de educación profesional técnico del estado de mexico
 
El Internet
El InternetEl Internet
El Internet
 
G#1.lima.salazar.henry.comercio.electrónico
G#1.lima.salazar.henry.comercio.electrónicoG#1.lima.salazar.henry.comercio.electrónico
G#1.lima.salazar.henry.comercio.electrónico
 
ACTIVIDAD ENTREGALE N 1
ACTIVIDAD ENTREGALE N 1ACTIVIDAD ENTREGALE N 1
ACTIVIDAD ENTREGALE N 1
 
Internet
InternetInternet
Internet
 
¿QUÉ ES EL INTERNET.?
¿QUÉ ES EL INTERNET.?¿QUÉ ES EL INTERNET.?
¿QUÉ ES EL INTERNET.?
 
Herramientas informáticas
Herramientas informáticasHerramientas informáticas
Herramientas informáticas
 
Herramientas informáticas
Herramientas informáticasHerramientas informáticas
Herramientas informáticas
 
Web 2.0: El mundo en un clic
Web 2.0: El mundo en un clicWeb 2.0: El mundo en un clic
Web 2.0: El mundo en un clic
 
Red de redes
Red de redesRed de redes
Red de redes
 
Web semantica
Web semanticaWeb semantica
Web semantica
 
traficando
traficando   traficando
traficando
 
Historia del internet
Historia del internetHistoria del internet
Historia del internet
 

Mehr von Jorge Arango

Design in the Post-pandemic World
Design in the Post-pandemic WorldDesign in the Post-pandemic World
Design in the Post-pandemic WorldJorge Arango
 
Elemental, Or How Information Architecture Makes Us Smarter
Elemental, Or How Information Architecture Makes Us SmarterElemental, Or How Information Architecture Makes Us Smarter
Elemental, Or How Information Architecture Makes Us SmarterJorge Arango
 
Design as an Antidote to VUCA
Design as an Antidote to VUCADesign as an Antidote to VUCA
Design as an Antidote to VUCAJorge Arango
 
Consider the Avocado
Consider the AvocadoConsider the Avocado
Consider the AvocadoJorge Arango
 
Living in Information (Short Version)
Living in Information (Short Version)Living in Information (Short Version)
Living in Information (Short Version)Jorge Arango
 
Lands, Hubs, and Wienies
Lands, Hubs, and WieniesLands, Hubs, and Wienies
Lands, Hubs, and WieniesJorge Arango
 
Architects Everywhere
Architects EverywhereArchitects Everywhere
Architects EverywhereJorge Arango
 
El diagramado y cuidado del entorno semántico
El diagramado y cuidado del entorno semánticoEl diagramado y cuidado del entorno semántico
El diagramado y cuidado del entorno semánticoJorge Arango
 
Give a hoot! Mapping (and caring for) the semantic environment
Give a hoot! Mapping (and caring for) the semantic environmentGive a hoot! Mapping (and caring for) the semantic environment
Give a hoot! Mapping (and caring for) the semantic environmentJorge Arango
 
Links, Nodes, & Order
Links, Nodes, & OrderLinks, Nodes, & Order
Links, Nodes, & OrderJorge Arango
 
"Good fit" in the design of information spaces
"Good fit" in the design of information spaces"Good fit" in the design of information spaces
"Good fit" in the design of information spacesJorge Arango
 
Cómo construir esquemas de navegación por facetas en Drupal
Cómo construir esquemas de navegación por facetas en DrupalCómo construir esquemas de navegación por facetas en Drupal
Cómo construir esquemas de navegación por facetas en DrupalJorge Arango
 
Architecture as a model
Architecture as a modelArchitecture as a model
Architecture as a modelJorge Arango
 
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de informaciónLa experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de informaciónJorge Arango
 
La Experiencia del Usuario
La Experiencia del UsuarioLa Experiencia del Usuario
La Experiencia del UsuarioJorge Arango
 

Mehr von Jorge Arango (17)

Design in the Post-pandemic World
Design in the Post-pandemic WorldDesign in the Post-pandemic World
Design in the Post-pandemic World
 
Elemental, Or How Information Architecture Makes Us Smarter
Elemental, Or How Information Architecture Makes Us SmarterElemental, Or How Information Architecture Makes Us Smarter
Elemental, Or How Information Architecture Makes Us Smarter
 
Design as an Antidote to VUCA
Design as an Antidote to VUCADesign as an Antidote to VUCA
Design as an Antidote to VUCA
 
Consider the Avocado
Consider the AvocadoConsider the Avocado
Consider the Avocado
 
Living in Information (Short Version)
Living in Information (Short Version)Living in Information (Short Version)
Living in Information (Short Version)
 
Leaving Your Mark
Leaving Your MarkLeaving Your Mark
Leaving Your Mark
 
Lands, Hubs, and Wienies
Lands, Hubs, and WieniesLands, Hubs, and Wienies
Lands, Hubs, and Wienies
 
Architects Everywhere
Architects EverywhereArchitects Everywhere
Architects Everywhere
 
El diagramado y cuidado del entorno semántico
El diagramado y cuidado del entorno semánticoEl diagramado y cuidado del entorno semántico
El diagramado y cuidado del entorno semántico
 
Give a hoot! Mapping (and caring for) the semantic environment
Give a hoot! Mapping (and caring for) the semantic environmentGive a hoot! Mapping (and caring for) the semantic environment
Give a hoot! Mapping (and caring for) the semantic environment
 
Links, Nodes, & Order
Links, Nodes, & OrderLinks, Nodes, & Order
Links, Nodes, & Order
 
"Good fit" in the design of information spaces
"Good fit" in the design of information spaces"Good fit" in the design of information spaces
"Good fit" in the design of information spaces
 
Cómo construir esquemas de navegación por facetas en Drupal
Cómo construir esquemas de navegación por facetas en DrupalCómo construir esquemas de navegación por facetas en Drupal
Cómo construir esquemas de navegación por facetas en Drupal
 
Architecture as a model
Architecture as a modelArchitecture as a model
Architecture as a model
 
La experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de informaciónLa experiencia del usuario y la arquitectura de información
La experiencia del usuario y la arquitectura de información
 
La Experiencia del Usuario
La Experiencia del UsuarioLa Experiencia del Usuario
La Experiencia del Usuario
 
Deep Context
Deep ContextDeep Context
Deep Context
 

Kürzlich hochgeladen

Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoJUANJOSESANCHEZPEA
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxPercyTineoPongo1
 
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
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
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
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlojefeer060122
 
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
 
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
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfPOLALAGUNADANIELA
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
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
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
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
 

Kürzlich hochgeladen (20)

Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en México
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.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
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
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
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlo
 
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
 
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)
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
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
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
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
 

En contexto: cuatro nobles verdades de los productos informáticos exitosos

Hinweis der Redaktion

  1. Ante todo, quiero agradecer a Ana y a Veritas por invitarme, y a ustedes por venir hoy a conversar sobre diseño de experiencias.
  2. Mi nombre es Jorge Arango. Soy arquitecto de la información, y he estado practicando desde hace casi 20 años, principalmente en Panamá...
  3. ...Donde fundé y dirijo BootStudio, una de las primeras consultorías de diseño de experiencias en la region.Además, participo activamente de la comunidad internacional de diseño de experiencias.
  4. He sido director y presidente del Instituto para la Arquitectura de la Información…
  5. … Y jefe de redacción de la revista Boxes and Arrows.Pero suficiente acerca de mi. Me gustaría saber un poco más de ustedes.
  6. Como esta es la primera presentación del día, y todavía no nos conocemos, quería comenzar haciendo un breve sondeo para ver cuánto saben sobre el tema. Por favor levanten la mano aquellos de ustedes que habían escuchado el término “diseño de experiencias” antes de saber sobre el evento de hoy.Es un término curioso este, “diseño de experiencias”, ¿no les parece? Después de todo, todo lo que hacemos los seres humanos resulta en una experiencia.
  7. Estamañana tuve la oportunidad de desayunar con Matt, Noel, y Carlos. Comimos una ensalada de frutas y conversamos sobre nuestros trabajos y presentaciones. Eso fue una experiencia.
  8. Anoche, cuando llegué al hotel, lo primero que quería hacer fue lo que queremos hacer muchos de nosotros cuando llegamos de un viaje: ir al baño. Cuando entré al baño en el cuarto del hotel, encontré este detalle, que alteró un poquito mi opinión sobre el hotel. Esto fue una experiencia.
  9. Este edificio, y este auditorio en el que estamos... ¡Tienen un diseño espectacular! Estar aquí en este espacio, con las luces, la proyección, el volumen de mi voz cuando es transmitida por el sistema de audio... Todas estas cosas conducen a que tengamos una experiencia juntos.Todas estas cosas son experiencias, y algunas de ellas, como este edificio, fueron diseñadas. O sea que el diseño de experiencias en realidad no es nada nuevo; los seres humanos lo hemos estado practicando desde hace siglos.Entonces, ¿Por qué hablamos ahora de “diseño de experiencias” como una disciplina particular?
  10. Fuente de la imagen: http://en.wikipedia.org/wiki/File:Eniac.jpgLa principal razón es que a mediados del siglo pasado desarrollamos una nueva tecnología – las computadoras digitales – que nos permiten interactuar con la información de formas y en volumenes que antes eran inalcanzables. Estas primeras computadoras no eran fáciles de usar; posiblemente eran entre las máquinas más complejas que hemos desarrollado. El campo del diseño de experiencias tiene sus raíces aquí: en los inicios de la revolución digital.
  11. Fuente de la imagen: http://en.wikipedia.org/wiki/File:MRI-Philips.JPGEsta mañana en el taller, Dianna Miller habló sobre el diseno de las máquinas de resonancia magnética. Actualmente no solo interactuamos con la información: en algunos casos (y cada vez con más frecuencia) habitamos la información, y somos nosotros el input de esta maquinaria informática. El diseño de experiencias nació como disciplina para humanizar estas bestias.
  12. Fuente de la imagen: http://en.wikipedia.org/wiki/File:Donald_Norman_at_AWF05.jpgDe hecho, la primera persona en tener “diseñador de experiencias” como título laboral fue Don Norman, cuando estaba trabajando en Apple. El rol de los diseñadores de experiencias siempre ha sido humanizar las tecnologías informáticas para lograr que sirvan mejora las necesidades de las personas que las usan.Mi punto al mencionar toda esta historia es que nuestro campo siempre ha estado atado a las tecnologías de la información.
  13. Cuando muchos de nosotros pensamos en diseño de tecnologías digitales interactivas hoy día, pensamos en el diseño de aplicaciones o sitios web, ya que son los ejemplos más tangibles. Y de hecho, el diseño de sitios web y aplicaciones caen dentro del rubro del diseño de experiencias.
  14. Fuente de la imagen: http://en.wikipedia.org/wiki/File:Nike_FuelBand.jpgSin embargo, el diseño de experiencias también abarca productos físicos y los servicios que los soportan. Este es el Nike Fuel Band, del que estoy seguro vamos a hablar más adelante. El principal diferenciador de este producto es la capa informática que provee: permite capturar información de su usuario y presentarle información a su usuario, y esta información que genera y despliega es lo que le da valor. Sin ellas, sería una simple pulsera plástica.
  15. Cuando el Buda enseño su mensajeFuente de la imagen: http://www.flickr.com/photos/fchungcw/5679436996/Cuando el Buda presentó su mensaje sobre como librarnos del sufrimiento, lo dividó en cuatro “nobles verdades”, una estructura que primero diagnosticaba el problema y luego ofrecía una solución. Con el permiso de los Budistas que puedan haber en la audiencia, voy a tomar prestada esta estructura para mi presentación.Sin más preámbulo, pasemos a la primera noble verdad para el diseño de experiencias exitosas.
  16. La primera noble verdad es que todo lo que hacemos los diseñadores resulta en artefactos que comunican.Cuando yo le digo a alguien que soy diseñador de experiencias, muchas veces piensan que cuando digo “diseño” estoy hablando de diseño gráfico. El diseño visual es una de las formas más comunes y populares del diseño, por lo que es un buen sitio donde comenzar a hablar de comunicación.
  17. Fuente de la imagen: http://en.wikipedia.org/wiki/File:We_Can_Do_It!.jpgVeamos este rótulo de mediados del siglo pasado. Esta imagen tiene un objetivo principal: comunicar un mensaje. Para hacerlo, usa técnicas de diseño – colores particulares, un estilo de ilustración particular, etc. – para enganchar nuestra atención. El texto en el título nos envía un mensaje particular.Creo que es bastante claro que un artefacto como este poster fue diseñado principalmente para comunicar.
  18. Pero ¿qué tal un producto como el Fuel Band que vimos hace un rato? Si bien puede ser que el objetivo principal de este artefacto no sea comunicar, la comunicación juega un papel esencial en el éxito del producto. Además de la pantalla que presenta información, la forma misma de este producto nos da claves sobre el uso que debemos darle.
  19. Fuente de la imagen:http://www.flickr.com/photos/madisonberndt/5830411257/Para propósitos de esta presentación, estoy definiendo comunicación como la transmisión de señales mediante un código común al emisor y al receptor. Esa última parte es crítica.
  20. Fuente de la imagen: http://en.wikipedia.org/wiki/File:We_Can_Do_It!.jpgUna persona que no lee inglés – o sea, un receptor que no comparte el código del emisor – no puede entender el mensaje que envía este poster. Aparte del idioma literal, algunas características de esta imagen – la forma en que la chica está vestida, el gesto en su cara, la posición de su cuerpo – envían un mensaje sobre el rol de las mujeres en la sociedad que interpretamos de forma diferente las audiencias del siglo 21; nuestras actitudes sobre este tema han cambiado desde que esta imagen fue creada, y ahora existe una falta de sincronía entre el emisor del artefacto (el diseñador que lo creó), y el receptor del mensaje (nosotros), y esta diferencia le resta poder comunicativo a la imagen.
  21. Fuente de la imagen: http://www.flickr.com/photos/jaywiese/6206009032/Tomemos ahora un artefacto más sencillo, uno que no tiene palabras del todo. Por ejemplo, veamos una taza. La mera forma de este artefacto, su tamaño, los materiales que la componen, el hecho de que tiene una agarradera con las proporciones justas para nuestros dedos: todas estas cosas nos comunican mensajes que nos hablan sobre el propósito del artefacto y la forma en que debemos usarlo.
  22. Fuente de la imagen: http://en.wikipedia.org/wiki/File:IPhone_5s.pngO examinemos un objeto más obviamente diseñado (y más complejo): el iPhone. El tamaño y proporciones del iPhone sugieren que está hecho para que lo tomemos verticalmente en la mano. Además, la fachada del aparato cuenta con un solo botón, que tiene el tamaño exacto para nuestro dedo. Estas decisiones de diseño nos envían mensajes que sugieren la forma en que debemos usar el aparato; después de todo, si el iPhone midiera metro y medio de ancho y pesara 25 kilos, difícilmente podríamos tomarlo en la mano.
  23. Fuente de las imágenes: http://cs3240group07.wordpress.com/2012/03/04/a-thought-about-affordance/http://en.wikipedia.org/wiki/File:IPhone_5s.pngEstos mensajes constituyen lo que el psicólogo J.J. Gibson denominaba “affordances”, que son la forma en que un artefacto o sistema comunica (o no) las cosas que puedes hacer con el y cómo puedes hacerlas.
  24. Fuente de las imágenes:http://en.wikipedia.org/wiki/File:IPhone_5s.pnghttp://en.wikipedia.org/wiki/File:IOS_7_Home_Screen.pngHemos estado hablando sobre el diseño de artefactos físicos, pero los artefactos digitales también presentan affordances, y en este caso tenemos una serie de retos que no enfrentamos en el mundo físico: en los espacios informáticos “todo vale”, la pantalla ofrece posibilidades ilimitadas, perdemos la referencia del escala de tamaños, podemos saltar de un momento a otro entre elementos radicalmente diferentes, y más. El diseño de los affordances en estos artefactos digitales, y su relación con los affordances de los artefactos físicos mediante los cuales podemos experimentarlos, es el enfoque de la disciplina conocida como “diseño de interacción”.
  25. En el diseño de sitios web también podemos emplear affordances. Un caso clásico es el diseño de la página de inicio de Google: tradicionalmente, ésta no ha consistido de mucho más que el logo de Google y una cajita de búsqueda. Esto sugiere el uso que Google espera que le vas a dar al servicio. (Cabe notar que ahora que Google está promoviendo Google+, la página de inicio también cuenta con un elemento muy llamativo que te invita a ingresar a esta red social. Esto sugiere un conflicto estratégico en la misión de Google.)Entonces, para resumir la primera noble verdad: todos los artefactos que producen los diseñadores comunican. Pasemos ahora a ver la segunda noble verdad.
  26. La segunda noble verdad es que la comunicación, para ser exitosa, depende del contexto. Para ilustrar esto, me gusta mucho un ejemplo que usa mi colega Andrea Resmini en sus presentaciones.
  27. Fuente de la imagen: http://www.flickr.com/photos/dsopfe/3927831475/Si les muestro esta imagen, y les pregunto: “¿Les gustaría visitar este lugar?”, probablemente no tendrían suficiente información para decidir; quizás piensen que parece un lugar algo viejo, probalmente en algún sitio en Europa.
  28. Fuente de la imagen: http://www.flickr.com/photos/dsopfe/3927831475/Sin embargo, si me paro unos 10 metros atrás y les permito ver más de la imagen, puedo que tomar una decisión sea más fácil. Todos los sentimientos que vienen con saber que se trata de Auschwitz son parte del contexto en el que ustedes interpretan esta imagen; no hay nada explícitamente presente en la imagen que de señales sobre lo que ocurrió en este sitio y su significado.
  29. Para propósitos de esta presentación, definiremos el contexto como el conjunto de circunstancias que rodean una imagen y sin las cuales no se puede comprender correctamente.
  30. Fuente de la imagen: http://www.flickr.com/photos/vandycft/8241700203/Muchas personas piensan que la comunicación funciona como un juego de ping-pong: yo te digo algo, tu escuchas, lo interpretas, y me contestas; yo lo escucho, lo interpreto, y te contesto; y así nos vamos. Sin embargo, la comunicación es más complicada y sutil: es menos un proceso, y más una situación en la que participamos.
  31. Fuente de la imagen: http://www.flickr.com/photos/vandycft/8241700203/En el campo de la semántica general, estas situaciones se conocen como espacios semánticos. Estos espacios están compuestos por cuatro elementos:Las personas que participan en la situación,Sus propósitos y objetivos,Las reglas sociales (y jerárquicas) que rigen el discurso, yLa terminología – las palabras – particulares que son apropiadas en la situación.Noten que solo el último de estos cuatro elementos tiene que ver con las palabras que empleamos; los otros tres tienen que ver con el contexto de la situación.
  32. Fuente de las imágenes:http://www.flickr.com/photos/catholicism/4091871705/http://www.flickr.com/photos/jeremywilburn/5229733212/Para entender esto, piensen en dos entornos semánticos diferentes: la religión y la ciencia. Ambos tienen sus propias terminologías, jerarquías sociales, reglas de conversación, objetivos, y más. Muchos de los problemas que vemos cuando las personas sostienen discusiones entre la ciencia y la religión es que están intentando comunicarse entre dos entornos muy diferentes; por más que usen el mismo idioma, están partiendo de contextos muy diferentes que hacen que la comunicación sea difícil (o en algunos casos, imposible).La religión y la ciencia son dos entornos semánticos muy viejos, y usarlos como ejemplo puede hacernos pensar que estas cosas no cambian. Sin embargo, los contextos están cambiando todo el tiempo, lo que hace que los entoros semánticos sean fluidos.
  33. Piensen por ejemplo en esta secuencia de caracteres: tenían un significado muy diferente en el año 2000 que lo que tenían en el 2002. El mundo alrededor de ellos cambió entre esos años, influyendo esta secuencia con un significado nuevo.Entonces, para resumir la segundanoble verdad: la comunicación depende del contexto para ser efectiva.
  34. Eso nos lleva a la tercera noble verdad: que las personas podemos hacer cosas para cambiar el entorno semántico.
  35. Veamos nuevamente estos caracteres. El significadoqueadquirióestasecuencia es accidental; esos eventos podían haber ocurrido el 10 de septiembre o en otra fecha. No hay nada intrínsico sobre esta secuencia que los una a los eventos de ese día. Nadie se despertó ese día pensando “Hoy vamos a asociar esta secuencia específica con la tragedia y el heroísmo”.Sin embargo, hay cambios al entorno semántico que si pueden ocurrir de forma planificada.
  36. Pero hay cambios importantes que no son accidentalesEjemplo: Antes de la 2da guerra mundialEl departamento del gobierno de EE.UU. que administraLas fuerzas armadasGuerra = agresión, violencia, negativoDefensa = más positivoFuente de la imagen: http://www.flickr.com/photos/martinpro/351157587/Uno de mis ejemplos favoritos es el nombre del departamento del gobierno Estadounidense que rige las fuerzas armadas. Antes de la segunda guerra mundial, el nombre de esta institución era el Departamento de Guerra, pero después de la guerra le cambiaron el nombre a Departamento de Defensa. “Guerra” es una palabra asociada con la violencia y agresividad, mientras que “defensa” es una palabra con connotaciones más positivas. La diferencia entre ellas influye sobre la forma en que percibimos el rol de esta institución, y la disposición de los Estadounidenses de financiar esta institución con sus impuestos.
  37. Fuente de la imagen:http://en.wikipedia.org/wiki/File:Melvil_Dewey.jpg Otro ejemplo es el sistema de clasificación decimal de Dewey, que se usa para organizar los anaqueles de las bibliotecas. Esta taxonomía fue postulada por Melvil Dewey en la segunda mitad del siglo 19, y aunque el primer nivel de la taxonomía divide el conocimiento en categorías que creo podemos reconocer
  38. Segundo nivel de la taxonomíaCaracterísticas que lo atan a la sociedad en que fue creadoNo es fácil reorganizar una bibliotecaEsta organización ha influido en la forma en que muchas personas entienden la religiónFuente de la imagen:http://en.wikipedia.org/wiki/File:Melvil_Dewey.jpg
  39. Fuente de la imagen: http://en.wikipedia.org/wiki/File:George_Orwell_press_photo.jpg
  40. Fuente de la imagen: http://www.themeparkbrochures.net/Un ejemplo más divertido son los parques temáticos de Disney. Si has visitado Disneyland o el MagicKingdom en Walt Disney World, sabrás que estos parques están organizados en torno a diferentes “tierras” que representan diferentes temas: en Tomorrowland el tema es el futuro, en Fantasyland el tema son los cuentos de hadas, en Frontierland el tema es el lejano oeste, etc. Estas tierras son entornos semánticos, pero también son entornos físicos en el mundo real. Esto los hace interesantes.
  41. Fuente de la imagen: http://www.flickr.com/photos/hamsters/29695886/Por ejemplo, el tema en Adventureland son aventuras exóticas en las partes tropicales del planeta, y todos los elementos de diseño del sitio apoyan esta narrativa: la arquitectura, la vegetación, …
  42. Fuente de la imagen: http://www.flickr.com/photos/toursdepartingdaily/7580484582/… la tipografía, la iluminación, los colores…
  43. Fuente de la imagen: http://www.flickr.com/photos/harshlight/7506320908/… los detalles urbanos, todos envían señales coherentes que en conjunto apoyan la narrativa.
  44. Fuente de la imagen: http://davelandweb.com/disneyland/Disneyland es particularmente interesante: como es el más compacto y denso de estos parques, hay lugares en que uno puede ver los lugares en que chocan estos diferentes entornos semánticos, a veces en el mismo edificio como es el caso en esta imagen.
  45. Otro ejemplo, más cercano al trabajo del UX para web, es el cambio reciente en las casillas de entrada de Gmail. Si usas Gmail, habrás notado que lo que antes conocíamos como “casilla de entrada” ahora consiste de varias casillas diferentes: la casilla social, la de notificaciones, la de foros, etc. Aunque Google alega que el nuevo esquema busca facilitar el procesamiento del correo, dándole mayor prioridad a los mensajes directos que recibe el usuario, la decisión ha creado mucha controversia con las empresas que envían publicidad por correo, y que ahora no van a poder alcanzar a los usuarios tan directamente como antes.Entonces, para resumir la tercera noble verdad: el contexto es algo que podemos modificar.
  46. Eso nos lleva a la cuarta noble verdad: que hay una disciplina dentro del diseño de experiencias que vela por la definición de estos entornos semánticos: La arquitectura de la información.
  47. La mayoría de las personas en nuestro campo que conocen sobre la AI han llegado a ella por medio de este libro, “Information Architecture for the World Wide Web” de Rosenfeld y Morville, o “libro del oso polar” como le conocemos afectuasamente. Este libro ha sido muy influencial, y con justa razón: es muy bueno. Como indica el título, este libro explica cómo crear arquitecturas de información para específicamenta para el web.
  48. Y esto era especialmente importante hace 15 años, cuando apareció la primera edición, ya que entonces esa era la forma más importante en que las personas accedían a estos entornos semánticos: usando un navegador web, sentados en un escritorio, con una pantalla, teclado, y ratón.
  49. El resultado es que muchas personas piensan que la arquitectura de la información solamente consiste en estructurar sitios web, y piensan que lo que hacen los arquitectos de la información es crear mapas de sitios y wireframes.
  50. Fuente de la imagen: http://bit.ly/O3hN4WAunque es cierto que mucho de nuestro trabajo toma forma en el web, las estructuras que definimos se pueden instanciar de muchas otras formas. Actualmente hay una proliferación de nuevos medios para acceder a — e interactuar con — los entornos informáticos. Por ejemplo, este es un experimento de Tesco en Corea del Sur, en el cual pusieron anuncios con artículos de supermercado en las paredes del metro que permitían que los usuarios las escanearan para comprar con sus teléfonos los productos, que luego eran entregados a sus casas.El resultado de esta proliferación de contextos y mecanismos de acceso es una nueva preocupación por la coherencia estructural de estas experiencias, y esto está llevando a un renacimiento dentro del campo de la arquitectura de la información…
  51. Fuentede la imagen: http://www.flickr.com/photos/jhaymesisvip/6497720753/… con un enfoque en la integridadestructural de los entornossemánticosparalograrconsistencia en lasexperiencias de los usuarios, independientemente del medioqueusemos o el contexto en queestemos al accederla. El objetivoes lacoherenciaen la comunicación, y en últimainstancia el entendimiento.Entonces,pararesumirlascuatro nobles verdades:
  52. 1. El diseño es comunicación, y los artefactos que procucimos los diseñadores tienen como objetivo comunicar.
  53. 2. La comunicación, para ocurrir efectivamente, depende del contexto.
  54. 3. El contexto se puede definir.
  55. Y 4. La disciplina que vela por estos temas es la arquitectura de la información.