SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Similaire à 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
 

Plus 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
 

Plus 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
 

Dernier

TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
NadiaMartnez11
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
pvtablets2023
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 

Dernier (20)

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
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
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
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
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
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
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 

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