SlideShare una empresa de Scribd logo
1 de 4
HCI

   Estudio de la interacción del hombre (usuarios) con las computadoras.
   La interacción se produce a través de una interfaz.
   Compuesta de software y hardware.
   Se debe de realizar el estudio de los humanos y de las computadoras en
    conjunto.
   HCI mal diseñado llevar a muchos problemas inesperados


Objetivos
  •   Optimizar la interfaz de acuerdo a los usuarios.

  •   Eficiencia de las interfaces

  •   Evaluar y comparar las interfaces

  •   Desarrollar nuevas interfaces

  •   A largo plazo Lograr un entendimiento entre lo que el usuario quiere lograr y
      lo que la máquina debe de realizar

  •   Los investigadores de HCI buscan aplicar el diseño de metodologías al
      mundo real.
      Experimentan con nuevo hardware, prototipos de software

      La atención se centra más en los usuarios que trabajan específicamente
      con las computadoras.
Principios de diseño


Enfoque del usuario y la tarea:


       Establecer un número de usuarios de la interfaz y saber quiénes son los
       apropiados para su uso.
       Medición empírica (experiencia): Los usuarios deben de entrar en un “día a
       día” con la interfaz. Manejar medida exacta y manejar detalles


Diseño iterativo:
       Diseñar la interfaz
       Probar
       Analizar resultados.
       Repetir


El diseño iterativo se debe de repetir hasta que la interfaz sea considerada fácil de
usar



DCU
   •   Diseño Centrado en el usuario.

   •   Es una filosofía que dice que el usuario es el centro del escenario de
       cualquier sistema informático

   •   Los usuarios, diseñadores y técnicos trabajan juntos.
Principios a considerar Tolerancia
   •   Simplicidad

   •   Visibilidad

   •   Captación intuitiva

   •   Coherencia

   •   Estructura

   •   Comentarios




   Mostrar los diseños
   •   Con la finalidad de que al diseñar las pantallas, toda la interacción que
       exista dentro de ella esté definida




   Principios para el diseño de una pantalla (Christopher
   Wickens)
Permiten crear visualizaciones eficientes en los diseños

   •   1. Haga pantallas legibles (o audible)
       Es fundamental

   •   2. Evite los límites absolutos de juicio. No pedir al usuario determinar
       variables

   •   3. Procesamiento de arriba abajo.
       Diseñar con un orden lógico

   •   4. Redundancia de ganancia
Manifestar una señal de diferentes formas

   •   5. Similitud causa confusión



Evitar señales confusas

   •   6. Principio del realismo pictórico



Las variables que se presenten deben tener similitud con la pantalla

   •   7. Principio de la parte móvil



Los elementos móviles, deben de hacerlo con lógica.

   •   8. Minimizar el coste de la información de acceso



Evitar que el usuario se distraiga por información innecesaria.

   •   9. Proximidad principio compatibilidad



Se pueden compartir atención en ventanas, siempre y cuando exista un
control.

   •   10. Principio de múltiples recursos



Distribuir la información para que sea captada por diferentes medios

   •   11. Principios de Memoria



Equilibrar el conocimiento de la cabeza con el mundo debe ser
equilibrada para el diseño efectivo
   •   12.Principio de predicción ayudar

   •   13. Principio de la coherencia

Más contenido relacionado

Similar a HCI

Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
Usabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosUsabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosKarla Arosemena
 
Trabajo bañott
Trabajo bañottTrabajo bañott
Trabajo bañottEleny30
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo bañoEleny30
 
2. diseño centrado al usuario
2. diseño centrado al usuario2. diseño centrado al usuario
2. diseño centrado al usuariosalvador2711
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuarioUX Nights
 
Front End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest MeridaFront End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest MeridaLuis Felipe Perez
 
1-1 Introducción IHC
1-1 Introducción IHC1-1 Introducción IHC
1-1 Introducción IHCkamui002
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuariotaninof
 
Unas notas de Usabilidad
Unas notas de UsabilidadUnas notas de Usabilidad
Unas notas de Usabilidadbetabeers
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computadorDessireWpe
 
Informatica taller 3 franklin licuy
Informatica taller 3 franklin licuyInformatica taller 3 franklin licuy
Informatica taller 3 franklin licuyFranklinlicuy
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfazncor_narbe
 

Similar a HCI (20)

Hci
HciHci
Hci
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
Usabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosUsabilidad - Conceptos Básicos
Usabilidad - Conceptos Básicos
 
Trabajo bañott
Trabajo bañottTrabajo bañott
Trabajo bañott
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo baño
 
2. diseño centrado al usuario
2. diseño centrado al usuario2. diseño centrado al usuario
2. diseño centrado al usuario
 
Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
T01 dawebguis
T01 dawebguisT01 dawebguis
T01 dawebguis
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuario
 
Front End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest MeridaFront End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest Merida
 
1-1 Introducción IHC
1-1 Introducción IHC1-1 Introducción IHC
1-1 Introducción IHC
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Unas notas de Usabilidad
Unas notas de UsabilidadUnas notas de Usabilidad
Unas notas de Usabilidad
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computador
 
Informatica taller 3 franklin licuy
Informatica taller 3 franklin licuyInformatica taller 3 franklin licuy
Informatica taller 3 franklin licuy
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 

Último

MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfalguien92
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfMariaGabrielaSandova2
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
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
 
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
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfAsol7
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
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
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 

Último (20)

MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdf
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdf
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
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
 
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
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdf
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
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
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 

HCI

  • 1. HCI  Estudio de la interacción del hombre (usuarios) con las computadoras.  La interacción se produce a través de una interfaz.  Compuesta de software y hardware.  Se debe de realizar el estudio de los humanos y de las computadoras en conjunto.  HCI mal diseñado llevar a muchos problemas inesperados Objetivos • Optimizar la interfaz de acuerdo a los usuarios. • Eficiencia de las interfaces • Evaluar y comparar las interfaces • Desarrollar nuevas interfaces • A largo plazo Lograr un entendimiento entre lo que el usuario quiere lograr y lo que la máquina debe de realizar • Los investigadores de HCI buscan aplicar el diseño de metodologías al mundo real. Experimentan con nuevo hardware, prototipos de software La atención se centra más en los usuarios que trabajan específicamente con las computadoras.
  • 2. Principios de diseño Enfoque del usuario y la tarea: Establecer un número de usuarios de la interfaz y saber quiénes son los apropiados para su uso. Medición empírica (experiencia): Los usuarios deben de entrar en un “día a día” con la interfaz. Manejar medida exacta y manejar detalles Diseño iterativo: Diseñar la interfaz Probar Analizar resultados. Repetir El diseño iterativo se debe de repetir hasta que la interfaz sea considerada fácil de usar DCU • Diseño Centrado en el usuario. • Es una filosofía que dice que el usuario es el centro del escenario de cualquier sistema informático • Los usuarios, diseñadores y técnicos trabajan juntos.
  • 3. Principios a considerar Tolerancia • Simplicidad • Visibilidad • Captación intuitiva • Coherencia • Estructura • Comentarios Mostrar los diseños • Con la finalidad de que al diseñar las pantallas, toda la interacción que exista dentro de ella esté definida Principios para el diseño de una pantalla (Christopher Wickens) Permiten crear visualizaciones eficientes en los diseños • 1. Haga pantallas legibles (o audible) Es fundamental • 2. Evite los límites absolutos de juicio. No pedir al usuario determinar variables • 3. Procesamiento de arriba abajo. Diseñar con un orden lógico • 4. Redundancia de ganancia
  • 4. Manifestar una señal de diferentes formas • 5. Similitud causa confusión Evitar señales confusas • 6. Principio del realismo pictórico Las variables que se presenten deben tener similitud con la pantalla • 7. Principio de la parte móvil Los elementos móviles, deben de hacerlo con lógica. • 8. Minimizar el coste de la información de acceso Evitar que el usuario se distraiga por información innecesaria. • 9. Proximidad principio compatibilidad Se pueden compartir atención en ventanas, siempre y cuando exista un control. • 10. Principio de múltiples recursos Distribuir la información para que sea captada por diferentes medios • 11. Principios de Memoria Equilibrar el conocimiento de la cabeza con el mundo debe ser equilibrada para el diseño efectivo • 12.Principio de predicción ayudar • 13. Principio de la coherencia