SlideShare a Scribd company logo
1 of 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

More Related Content

Viewers also liked

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
 

Viewers also liked (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
 

Similar to 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
 

Similar to 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
 

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

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

Recently uploaded

Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxEdisonCondesoDelgado1
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...chechei12040303
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfPowerRayo
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajadayannanicolzuluetab
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxLeo Florez
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptxeldermishti
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulosRosarioLloglla
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Iirenecarmona12
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoCristianLobo10
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdftortillasdemaizjf2
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesLuis Fernando Salgado
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....estefaniaortizsalina
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkkscristinacastro892534
 

Recently uploaded (20)

Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 

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

Editor's Notes

  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.