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

Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
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
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 

Último (20)

Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
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
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 

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