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

HCI

  • 1.
    Interfaces de usuarioy 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 tosucceed sooner
  • 8.
  • 9.
  • 10.
  • 11.
    La mejor interfacees 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 interactivodel 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 comoun tercer ojo • Capturar imágenes fácilmente – sin perillas ni configuraciones
  • 17.
    • Doug Engelbartencontró 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 dela 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