SlideShare una empresa de Scribd logo
1 de 18
Interfaces de usuario y
                                 Usabilidad




                                                                                         Basado en: HCI. Scott Klemmer.
                                                                                               www.hci-class.org
Disclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a los
autores originales y presentarlo en un formato apropiado para servir de apoyo a las clases en Facultad de Ingeniería . No obstante, esta
presentación puede contener opiniones del autor (en lo posible, pocas...).
HCI

  HUMAN
 COMPUTER
INTERACTION
HCI

  HUMAN
 COMPUTER
INTERACTION
HCI

  HUMAN
 COMPUTER
INTERACTION
HCI

   HUMAN
 COMPUTER
INTERACTION
Proceso iterativo


Evaluación                    Diseño




             Implementación
Fail fast to succeed sooner
Buen diseño
Mal diseño
Mal diseño
La mejor interface es la que no
            se nota
Diseñar excelentes interfaces

• Exige mucha creatividad y trabajo

• Crear interfaces relativamente
  buenas es bastante facil si se
  siguen algunos metodos, tecnicas
  y principios.
Nace HCI
                            •   Vannevar Bush
                            •   Artículo "As we may think" (1945)
                            •   http://engl114-
                                pressman.commons.yale.edu/files/2008/
                                09/vbush.pdf
                            •   Decano de Ingeniería del MIT en los 30
                            •   Asesor de Fred Terman, decano de
                                Ingeniería en Stanford, para muchos, el
                                padre de Silicon Valley
                            •   Clave en la creación de centros de
                                investigación universitarias financiados
                                por el gobierno.

• A finales de la 2da guerra mundial se pregunta: que
  pueden los cientificos financiados por el gobierno hacer
  para crear un mundo mejor en tiempos de paz?
• Visión de las TI aumentando las habilidades
  intelectuales de las personas
Memex: escritorio interactivo del futuro




• Interfaces de usuario efectivas en almacenamiento y recuperación
  de información
• (No existían computadoras digitales más chicas que una habitación)
• Primera visión del hipertexto: rutas a través del almacén de
  información, guardarlas y compartirlas
• Pero...
  – No siempre se está en el escritorio
  – No solo consumir contenido sino producirlo
  – No solo texto
• Camara como un tercer ojo
• Capturar imágenes fácilmente
  – sin perillas ni configuraciones
• Doug Engelbart encontró el artículo "As you
  May Think"
• Luego de investigar y conseguir financiación
  – “The mother of all demos” (1968)
  – http://sloan.stanford.edu/mousesite/1968Demo.html
Nariz larga de la innovación

                                                        Bill Buxton




• STAR
  – 4 décadas luego de artículo de Vannevar Bush
  – 2 decadas luego de demo mouse
  – 1 decada luego que Alan Kay empezara a trabajar en el equipo

Más contenido relacionado

Destacado

Inundaciones
InundacionesInundaciones
Inundaciones
mazenso
 
Banquete Nodos y Redes
Banquete Nodos y RedesBanquete Nodos y Redes
Banquete Nodos y Redes
Roberto Pineda
 
Objeto De Aprendizaje
Objeto De AprendizajeObjeto De Aprendizaje
Objeto De Aprendizaje
gviera
 
Matematicos jenni gomez
Matematicos jenni gomezMatematicos jenni gomez
Matematicos jenni gomez
maleja2008
 
Tres Cicles A L´Hospitalet
Tres Cicles A L´HospitaletTres Cicles A L´Hospitalet
Tres Cicles A L´Hospitalet
guest21fdc1f
 
Agro activa 2013
Agro activa 2013Agro activa 2013
Agro activa 2013
SoloApuntes
 

Destacado (19)

Oracle
OracleOracle
Oracle
 
Perifericos
PerifericosPerifericos
Perifericos
 
Taller de marketing online para coaches
Taller de marketing online para coachesTaller de marketing online para coaches
Taller de marketing online para coaches
 
Tipos de clientes
Tipos de clientes Tipos de clientes
Tipos de clientes
 
"Ventas"
"Ventas""Ventas"
"Ventas"
 
Modelo de Gestión de Planes de Desarrollo Individual (GPDI) en el SSPA - Conc...
Modelo de Gestión de Planes de Desarrollo Individual (GPDI) en el SSPA - Conc...Modelo de Gestión de Planes de Desarrollo Individual (GPDI) en el SSPA - Conc...
Modelo de Gestión de Planes de Desarrollo Individual (GPDI) en el SSPA - Conc...
 
U D 2 Teorias Del Aprendizaje
U D 2  Teorias Del AprendizajeU D 2  Teorias Del Aprendizaje
U D 2 Teorias Del Aprendizaje
 
Inundaciones
InundacionesInundaciones
Inundaciones
 
Edición 4 suplemento cultural rezistencia
Edición 4    suplemento cultural rezistenciaEdición 4    suplemento cultural rezistencia
Edición 4 suplemento cultural rezistencia
 
Banquete Nodos y Redes
Banquete Nodos y RedesBanquete Nodos y Redes
Banquete Nodos y Redes
 
Objeto De Aprendizaje
Objeto De AprendizajeObjeto De Aprendizaje
Objeto De Aprendizaje
 
Edición 2 suplemento cultural rezistencia
Edición 2  suplemento cultural rezistenciaEdición 2  suplemento cultural rezistencia
Edición 2 suplemento cultural rezistencia
 
Matematicos jenni gomez
Matematicos jenni gomezMatematicos jenni gomez
Matematicos jenni gomez
 
Tres Cicles A L´Hospitalet
Tres Cicles A L´HospitaletTres Cicles A L´Hospitalet
Tres Cicles A L´Hospitalet
 
Naturaleza FráGil
Naturaleza FráGilNaturaleza FráGil
Naturaleza FráGil
 
Las personas factor clave del éxito
Las personas factor clave del éxitoLas personas factor clave del éxito
Las personas factor clave del éxito
 
Clase 8
Clase 8Clase 8
Clase 8
 
Los niños
Los niñosLos niños
Los niños
 
Agro activa 2013
Agro activa 2013Agro activa 2013
Agro activa 2013
 

Similar a HCI

Evolución de las Computadoras
Evolución de las ComputadorasEvolución de las Computadoras
Evolución de las Computadoras
yumnel
 
La computadora
La computadoraLa computadora
La computadora
MINISRS
 
La computadora
La computadoraLa computadora
La computadora
MINISRS
 
Taller -evaluacion
Taller  -evaluacionTaller  -evaluacion
Taller -evaluacion
jhoancordoba
 
Taller -evaluacion
Taller  -evaluacionTaller  -evaluacion
Taller -evaluacion
jhoancordoba
 

Similar a HCI (20)

HCI
HCIHCI
HCI
 
PAC 3.
PAC 3. PAC 3.
PAC 3.
 
Estructura de la comunicacion en internet
Estructura de la comunicacion en internetEstructura de la comunicacion en internet
Estructura de la comunicacion en internet
 
Lev Manovich y la cultura del software
Lev Manovich y la cultura del softwareLev Manovich y la cultura del software
Lev Manovich y la cultura del software
 
Ayudamemongolaa jajaja (1)
Ayudamemongolaa jajaja (1)Ayudamemongolaa jajaja (1)
Ayudamemongolaa jajaja (1)
 
Equipo electro puma
Equipo electro pumaEquipo electro puma
Equipo electro puma
 
la historia del internet
la historia del internet la historia del internet
la historia del internet
 
Fonaments i evolució de la multimèdia
Fonaments i evolució de la multimèdiaFonaments i evolució de la multimèdia
Fonaments i evolució de la multimèdia
 
Pac3 juan ramon_vidal
Pac3 juan ramon_vidalPac3 juan ramon_vidal
Pac3 juan ramon_vidal
 
Historia de la multimedia
Historia de la multimediaHistoria de la multimedia
Historia de la multimedia
 
Evolución de las Computadoras
Evolución de las ComputadorasEvolución de las Computadoras
Evolución de las Computadoras
 
La computadora
La computadoraLa computadora
La computadora
 
La computadora
La computadoraLa computadora
La computadora
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computador
 
Aportaciones al desarrollo multimedia
Aportaciones al desarrollo multimediaAportaciones al desarrollo multimedia
Aportaciones al desarrollo multimedia
 
La computadora
La computadoraLa computadora
La computadora
 
Taller -evaluacion
Taller  -evaluacionTaller  -evaluacion
Taller -evaluacion
 
Taller -evaluacion
Taller  -evaluacionTaller  -evaluacion
Taller -evaluacion
 
Informatica taller 3 franklin licuy
Informatica taller 3 franklin licuyInformatica taller 3 franklin licuy
Informatica taller 3 franklin licuy
 
Historia y evolucion de las computadoras
Historia y evolucion de las computadorasHistoria y evolucion de las computadoras
Historia y evolucion de las computadoras
 

Más de tayzee

Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
tayzee
 
6 wcag2.0 para comunicadores - semantica
6   wcag2.0 para comunicadores - semantica6   wcag2.0 para comunicadores - semantica
6 wcag2.0 para comunicadores - semantica
tayzee
 

Más de tayzee (20)

Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0
 
1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web
 
1.1 Introducción a la accesibilidad web
1.1 Introducción a la accesibilidad web1.1 Introducción a la accesibilidad web
1.1 Introducción a la accesibilidad web
 
Accesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: PerceptibleAccesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: Perceptible
 
Accesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: OperableAccesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: Operable
 
Accesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: ComprensibleAccesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: Comprensible
 
Accesibilidad web por principios - Principio 4: robusto
Accesibilidad web por principios - Principio 4:  robustoAccesibilidad web por principios - Principio 4:  robusto
Accesibilidad web por principios - Principio 4: robusto
 
Imagenes accesibles
Imagenes accesiblesImagenes accesibles
Imagenes accesibles
 
Documentos accesibles (word, ppt, pdf)
Documentos accesibles  (word, ppt, pdf)Documentos accesibles  (word, ppt, pdf)
Documentos accesibles (word, ppt, pdf)
 
Creación de contenido accesible
Creación de contenido accesibleCreación de contenido accesible
Creación de contenido accesible
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
UX
UXUX
UX
 
Congreso latinoamericano de ciegos tic y diseño universal
Congreso latinoamericano de ciegos  tic y diseño universalCongreso latinoamericano de ciegos  tic y diseño universal
Congreso latinoamericano de ciegos tic y diseño universal
 
Una introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadoresUna introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadores
 
7 wcag2.0 para comunicadores - Accesibilidad parte 3
7   wcag2.0 para comunicadores - Accesibilidad parte 37   wcag2.0 para comunicadores - Accesibilidad parte 3
7 wcag2.0 para comunicadores - Accesibilidad parte 3
 
6 wcag2.0 para comunicadores - semantica
6   wcag2.0 para comunicadores - semantica6   wcag2.0 para comunicadores - semantica
6 wcag2.0 para comunicadores - semantica
 
4 introducción a wcag2.0
4   introducción a wcag2.04   introducción a wcag2.0
4 introducción a wcag2.0
 
Beneficios accesibilidad
Beneficios accesibilidadBeneficios accesibilidad
Beneficios accesibilidad
 
2 diseño universal
2   diseño universal2   diseño universal
2 diseño universal
 
1) introducción
1)  introducción1)  introducción
1) introducción
 

Último

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
MiNeyi1
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
JonathanCovena1
 

Último (20)

Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 

HCI

  • 1. Interfaces de usuario y Usabilidad Basado en: HCI. Scott Klemmer. www.hci-class.org Disclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a los autores originales y presentarlo en un formato apropiado para servir de apoyo a las clases en Facultad de Ingeniería . No obstante, esta presentación puede contener opiniones del autor (en lo posible, pocas...).
  • 2. HCI HUMAN COMPUTER INTERACTION
  • 3. HCI HUMAN COMPUTER INTERACTION
  • 4. HCI HUMAN COMPUTER INTERACTION
  • 5. HCI HUMAN COMPUTER INTERACTION
  • 6. Proceso iterativo Evaluación Diseño Implementación
  • 7. Fail fast to succeed sooner
  • 11. La mejor interface es la que no se nota
  • 12. Diseñar excelentes interfaces • Exige mucha creatividad y trabajo • Crear interfaces relativamente buenas es bastante facil si se siguen algunos metodos, tecnicas y principios.
  • 13. Nace HCI • Vannevar Bush • Artículo "As we may think" (1945) • http://engl114- pressman.commons.yale.edu/files/2008/ 09/vbush.pdf • Decano de Ingeniería del MIT en los 30 • Asesor de Fred Terman, decano de Ingeniería en Stanford, para muchos, el padre de Silicon Valley • Clave en la creación de centros de investigación universitarias financiados por el gobierno. • A finales de la 2da guerra mundial se pregunta: que pueden los cientificos financiados por el gobierno hacer para crear un mundo mejor en tiempos de paz? • Visión de las TI aumentando las habilidades intelectuales de las personas
  • 14. Memex: escritorio interactivo del futuro • Interfaces de usuario efectivas en almacenamiento y recuperación de información • (No existían computadoras digitales más chicas que una habitación) • Primera visión del hipertexto: rutas a través del almacén de información, guardarlas y compartirlas
  • 15. • Pero... – No siempre se está en el escritorio – No solo consumir contenido sino producirlo – No solo texto
  • 16. • Camara como un tercer ojo • Capturar imágenes fácilmente – sin perillas ni configuraciones
  • 17. • Doug Engelbart encontró el artículo "As you May Think" • Luego de investigar y conseguir financiación – “The mother of all demos” (1968) – http://sloan.stanford.edu/mousesite/1968Demo.html
  • 18. Nariz larga de la innovación Bill Buxton • STAR – 4 décadas luego de artículo de Vannevar Bush – 2 decadas luego de demo mouse – 1 decada luego que Alan Kay empezara a trabajar en el equipo