EGEL CenevalInteracción Humano-ComputadoraAgosto, 2010
Descripción del cursoEl curso presentará una visión general de la Interacción Humano-Computadora necesaria para la adecuada preparación del examen EGEL Ceneval.  Se basará en la propuesta de esta misma organización en base a la guía establecida.
Objetivo del cursoEl objetivo general será nivelar y preparar a los aspirantes al examen EGEL Ceneval para presentar y acreditar esta área de conocimientos.  Se presentarán los temas señalados y se contestarán las preguntas que los aspirantes pudieran tener.  No se contempla la realización de tareas, proyectos o evaluaciones.
Libros de textoDesigning the User Interface, Strategies for Effective Human-Computer Interaction, 3rd Ed, Ben Shneiderman, QA76.9 H85 S54
Libros de textoInteraction Design: Beyond Human Computer Interaction, Jenny Preece, QA76.9 H85 P74
Otros librosInterface Design, The Art of Developing Easy-to-Use Software, Peter Brickford, QA76.76 D47 B53 Human-Computer Interaction for Software Designers, Linda Macaulay, QA76.9 U83 M33Task-Centered User Interface Design, A Practical Introduction, Clayton Lewis and John Rieman http://bmrc.berkeley.edu/courseware/cs160/fall99/Book/contents.v-1.html
Web siteHuman-Centered Computing Education Digital Library (Georgia Tech)	http://hcc.cc.gatech.edu/
InterfacesIHINDI: Diseño de Interfaces
IH17Necesidades del usuario final: ayudas, eco y solicitud de respuestas concretasHerramientas automatizadas para la construcción de interfacesCiclo de vidas de las interfaces
IH18Ejecución de guiones y estafetas semánticasProceso asíncrono de eventosObjetos de interacción: botones, barras, íconosAtributos seleccionables para los objetosDiálogos multihebrados y concurrentes
Necesidades del usuario final: ayudas, eco y solicitud de respuestas concretas
UsuariosLas personas que interactúan directamente con el producto para lograr una tarea
Quién es el usuario final?
Holtzbatt and Jones (1993)Aquellos que tratan con usuarios directos, aquellos quienes reciben productos del sistema, aquellos que prueban el sistema, aquellos que tienen decisión de compra y aquellos que usan productos competitivos
Eason (1987)Usuario primario: aquellos que seguramente utilizarán los sistemasUsuario secundario: usuarios ocasionales o aquellos que utilizan un sistema a través de un intermediarioUsuario terciario: aquellos usuarios afectados por la introducción de un sistema o quienes influenciarán su compra
StakeholdersLos stakeholders son personas u organizaciones quienes se verán afectados por el sistema y quienes tienen influencia directa o indirecta en los requerimientos del sistema (Kotonya and Sommerville, 1998)
Clasificación de usuariosNovicios o usuarios por primera vez: mientras los usuarios novicios saben poco de computadoras e interfaces.  En cambio, los usuarios de primera vez son profesionales que saben de las tareas a realizar, pero no conocen elementos sobre interfaces
Clasificación de usuariosUsuarios intermitentes pero conocedores: son usuarios con gran conocimiento, pero usuarios intermitentes que puede que no retengan información de las interfaces (eg menús, estructuras, etc)
Clasificación de usuariosUsuarios frecuentes expertos: usuarios expertos con las tareas y las interfaces que buscan hacer su trabajo de forma rápida.  Demandantes, crean macros y buscan shortcuts para tareas repetitivas
Diseño de interacciónIdentificación de necesidades y establecimiento de requerimientosDesarrollo de diseños alternativos que cumplan con esos requerimientosDesarrollo de versiones interactivas de los diseños de tal forma que puedan ser mostradas y evaluadasEvaluación de lo que se está desarrollando a través de todo el proceso
Ejemplos heurísticasIdentificar necesidades: entender a los usuarios, su trabajo y el contexto del trabajoDefinir requerimientos: un documento base donde se establezcan los objetivos para el desarrollo de la aplicación
Heurísticas (original)H1-1: Diálogo simple y natural H1-2: Hable el lenguaje de los usuariosH1-3: Minimize carga de memoria de los usuariosH1-4: ConsistenciaH1-5: RetroalimentaciónH1-6: Salidas bien marcadasH1-7: ShortcutsH1-8: Mensajes de error precisos y efectivosH1-9: Prevenir erroresH1-10: Ayuda y documentación
10 Heurísticas de NielsenVisibilidad del estado del sistemaSimilitud entre el sistema y el mundo realControl por parte del usuario y libertadConsistencia y cumplimiento de estándaresPrevención de errores
10 Heurísticas de NielsenPreferencia al reconocimiento frente a la memorizaciónFlexibilidad y eficiencia de usoEstética y diseño minimalistaAyuda para reconocer, diagnosticar y recuperarse de erroresAyuda y documentación
Ejemplos heurísticassearching database for matchesH2-1: Visibilidad del estado del sistemaMantener usuarios informados de qué pasa en todo momentoPor ejemplo, tiempo de respuesta 0.1 segs: no requiere retroalimentación, o si? 1.0 segs: usuario pierde noción del tiempo10 segs: máxima atención del usuario para una tareaPara más tiempo, muestre porcentajes
Ejemplos heurísticasMal ejemplo: Mac OS 9Jalando un disco a la basuraDebería borrarlo, no expulsarloH2-2: Similitud entre el mundo 	real y el sistemaHable el lenguaje del sistemaSiga las convenciones del mundo real (eg metáfora del escritorio)
Ejemplos heurísticasWizardsPara tareas infrecuentes (eg configuración red inalámbrica)No para tareas frecuentesBueno para principiantes (eg ZIP files, izq) H2-3: Control por parte del usuario y libertad
Aceleradores heurísticasH2-4: Consistencia y cumplimiento de estándares
Ejemplos heurísticasMS Web Publishing WizardAntes de llamar,Pide id y passwordCuando se está conectandoPide id y psw otra vezH2-5: Prevención de erroresH2-6: Reconocimiento sobre memorizaciónCrear objetos, acciones, opciones visibles y reconocibles
Ejemplos heurísticasEditCutCopyPasteH2-7: Flexibilidad y eficiencia de usoAceleradores para expertos (eg trazos, shortcuts)Macros para acciones continuas
Ejemplos heurísticasH2-8: Estética y diseño minimalistaNo información irrelevante en las formas
Ejemplos heurísticasH2-9: Ayuda para reconocer, diagnosticar y recuperarse de errores Indicar precisamente cuál es el problemaConstructivamente suguiere una solución
EjemplosH2-10: Ayuda y documentaciónFácil de buscarBasada en la tarea del usuarioLista de pasos concretos No demasiado extenso

Hci ceneval 1

  • 2.
  • 3.
    Descripción del cursoElcurso presentará una visión general de la Interacción Humano-Computadora necesaria para la adecuada preparación del examen EGEL Ceneval. Se basará en la propuesta de esta misma organización en base a la guía establecida.
  • 4.
    Objetivo del cursoElobjetivo general será nivelar y preparar a los aspirantes al examen EGEL Ceneval para presentar y acreditar esta área de conocimientos. Se presentarán los temas señalados y se contestarán las preguntas que los aspirantes pudieran tener. No se contempla la realización de tareas, proyectos o evaluaciones.
  • 5.
    Libros de textoDesigningthe User Interface, Strategies for Effective Human-Computer Interaction, 3rd Ed, Ben Shneiderman, QA76.9 H85 S54
  • 6.
    Libros de textoInteractionDesign: Beyond Human Computer Interaction, Jenny Preece, QA76.9 H85 P74
  • 7.
    Otros librosInterface Design,The Art of Developing Easy-to-Use Software, Peter Brickford, QA76.76 D47 B53 Human-Computer Interaction for Software Designers, Linda Macaulay, QA76.9 U83 M33Task-Centered User Interface Design, A Practical Introduction, Clayton Lewis and John Rieman http://bmrc.berkeley.edu/courseware/cs160/fall99/Book/contents.v-1.html
  • 8.
    Web siteHuman-Centered ComputingEducation Digital Library (Georgia Tech) http://hcc.cc.gatech.edu/
  • 9.
  • 10.
    IH17Necesidades del usuariofinal: ayudas, eco y solicitud de respuestas concretasHerramientas automatizadas para la construcción de interfacesCiclo de vidas de las interfaces
  • 11.
    IH18Ejecución de guionesy estafetas semánticasProceso asíncrono de eventosObjetos de interacción: botones, barras, íconosAtributos seleccionables para los objetosDiálogos multihebrados y concurrentes
  • 12.
    Necesidades del usuariofinal: ayudas, eco y solicitud de respuestas concretas
  • 13.
    UsuariosLas personas queinteractúan directamente con el producto para lograr una tarea
  • 14.
    Quién es elusuario final?
  • 15.
    Holtzbatt and Jones(1993)Aquellos que tratan con usuarios directos, aquellos quienes reciben productos del sistema, aquellos que prueban el sistema, aquellos que tienen decisión de compra y aquellos que usan productos competitivos
  • 16.
    Eason (1987)Usuario primario:aquellos que seguramente utilizarán los sistemasUsuario secundario: usuarios ocasionales o aquellos que utilizan un sistema a través de un intermediarioUsuario terciario: aquellos usuarios afectados por la introducción de un sistema o quienes influenciarán su compra
  • 17.
    StakeholdersLos stakeholders sonpersonas u organizaciones quienes se verán afectados por el sistema y quienes tienen influencia directa o indirecta en los requerimientos del sistema (Kotonya and Sommerville, 1998)
  • 18.
    Clasificación de usuariosNovicioso usuarios por primera vez: mientras los usuarios novicios saben poco de computadoras e interfaces. En cambio, los usuarios de primera vez son profesionales que saben de las tareas a realizar, pero no conocen elementos sobre interfaces
  • 19.
    Clasificación de usuariosUsuariosintermitentes pero conocedores: son usuarios con gran conocimiento, pero usuarios intermitentes que puede que no retengan información de las interfaces (eg menús, estructuras, etc)
  • 20.
    Clasificación de usuariosUsuariosfrecuentes expertos: usuarios expertos con las tareas y las interfaces que buscan hacer su trabajo de forma rápida. Demandantes, crean macros y buscan shortcuts para tareas repetitivas
  • 21.
    Diseño de interacciónIdentificaciónde necesidades y establecimiento de requerimientosDesarrollo de diseños alternativos que cumplan con esos requerimientosDesarrollo de versiones interactivas de los diseños de tal forma que puedan ser mostradas y evaluadasEvaluación de lo que se está desarrollando a través de todo el proceso
  • 22.
    Ejemplos heurísticasIdentificar necesidades:entender a los usuarios, su trabajo y el contexto del trabajoDefinir requerimientos: un documento base donde se establezcan los objetivos para el desarrollo de la aplicación
  • 23.
    Heurísticas (original)H1-1: Diálogosimple y natural H1-2: Hable el lenguaje de los usuariosH1-3: Minimize carga de memoria de los usuariosH1-4: ConsistenciaH1-5: RetroalimentaciónH1-6: Salidas bien marcadasH1-7: ShortcutsH1-8: Mensajes de error precisos y efectivosH1-9: Prevenir erroresH1-10: Ayuda y documentación
  • 24.
    10 Heurísticas deNielsenVisibilidad del estado del sistemaSimilitud entre el sistema y el mundo realControl por parte del usuario y libertadConsistencia y cumplimiento de estándaresPrevención de errores
  • 25.
    10 Heurísticas deNielsenPreferencia al reconocimiento frente a la memorizaciónFlexibilidad y eficiencia de usoEstética y diseño minimalistaAyuda para reconocer, diagnosticar y recuperarse de erroresAyuda y documentación
  • 26.
    Ejemplos heurísticassearching databasefor matchesH2-1: Visibilidad del estado del sistemaMantener usuarios informados de qué pasa en todo momentoPor ejemplo, tiempo de respuesta 0.1 segs: no requiere retroalimentación, o si? 1.0 segs: usuario pierde noción del tiempo10 segs: máxima atención del usuario para una tareaPara más tiempo, muestre porcentajes
  • 27.
    Ejemplos heurísticasMal ejemplo:Mac OS 9Jalando un disco a la basuraDebería borrarlo, no expulsarloH2-2: Similitud entre el mundo real y el sistemaHable el lenguaje del sistemaSiga las convenciones del mundo real (eg metáfora del escritorio)
  • 28.
    Ejemplos heurísticasWizardsPara tareasinfrecuentes (eg configuración red inalámbrica)No para tareas frecuentesBueno para principiantes (eg ZIP files, izq) H2-3: Control por parte del usuario y libertad
  • 29.
    Aceleradores heurísticasH2-4: Consistenciay cumplimiento de estándares
  • 30.
    Ejemplos heurísticasMS WebPublishing WizardAntes de llamar,Pide id y passwordCuando se está conectandoPide id y psw otra vezH2-5: Prevención de erroresH2-6: Reconocimiento sobre memorizaciónCrear objetos, acciones, opciones visibles y reconocibles
  • 31.
    Ejemplos heurísticasEditCutCopyPasteH2-7: Flexibilidady eficiencia de usoAceleradores para expertos (eg trazos, shortcuts)Macros para acciones continuas
  • 32.
    Ejemplos heurísticasH2-8: Estéticay diseño minimalistaNo información irrelevante en las formas
  • 33.
    Ejemplos heurísticasH2-9: Ayudapara reconocer, diagnosticar y recuperarse de errores Indicar precisamente cuál es el problemaConstructivamente suguiere una solución
  • 34.
    EjemplosH2-10: Ayuda ydocumentaciónFácil de buscarBasada en la tarea del usuarioLista de pasos concretos No demasiado extenso