Introducción al Diseño de Interacción Humano-Computadora

Download Introducción al Diseño de Interacción Humano-Computadora

Post on 19-Jan-2015

3.679 views

Category:

Design

0 download

DESCRIPTION

Introduccin a la Interaccin Humano-Computadora, a su Diseo -como proceso- y la relacin con el Diseo de Interaccin.Curso de HCI. Versin 2012.

TRANSCRIPT

<ul><li> 1. InteraccinHumano-Computadora2012Introduccin al Diseode InteraccinHumano-ComputadoraMtro. Omar Sosa Tzec.Lic. en Diseo de Interaccin.Universidad Iberoamericana Campus Puebla.http://www.tzek-design.com/blog</li></ul> <p> 2. ObjetivosQu es lo que tengo que dominar al nal del curso? 3. El objetivo del curso es tener las bases del espectro queabarca la Interaccin HumanoComputadora (HCI por sussiglas en ingls) y su relacin con el diseo de interaccin yel diseo de experiencias de usuario. 4. IxDHCI UXD 5. ConocimientosgeneralesBase paraIncorporacin la crtica de conocimiento previoAdopcin deAfinar mtodos ejecucin 6. ConocimientosgeneralesBase paraIncorporacin la crtica de conocimiento previoAdopcin deAfinar mtodos ejecucin 7. ConocimientosgeneralesBase paraIncorporacin la crtica de conocimiento previoAdopcin deAfinar mtodos ejecucin 8. Realidad Academia 9. ConocimientosgeneralesBase paraIncorporacin la crtica de conocimiento previoAdopcin deAfinar mtodos ejecucin 10. ConocimientosgeneralesBase paraIncorporacin la crtica de conocimiento previoAdopcin deAfinar mtodos ejecucin 11. Esquemtica HCI 12. Arquitectura HCIde Informacin 13. IngenieraHCIde Software 14. Animacin HCI 15. ConocimientosgeneralesBase paraIncorporacin la crtica de conocimiento previoAdopcin deAfinar mtodos ejecucin 16. En el sentido prctico, el alumno debe: a) sensibilizarsea los paradigmas de HCI bajo un enfoque centrado en elusuario y en la experiencia de uso, b) desarrollar prototipospara el diseo de interfaces, y c) entender el proceso deevaluacin de una interfaz de usuario y como aplicarla. 17. TemasY qu veremos en el curso? 18. Teora Mtodos Evaluacin y/dediseo 19. Teora Mtodos Evaluacin y/dediseo 20. HCI y DIx como disciplinasInterfazParadigmas de HCISntesis y Anlisis en el diseo de HCIMtodos de diseo para HCIEl boceto como herramienta de ideacinElaboracin de prototiposDiseo para pantallaLey de FittsAffordancesDiseo, usuarios y cognicinDiseo emocionalRetrica y HCILa experiencia de usuarioUsabilidadComunicabilidadetc 21. EvaluacinCmo ser evaluado? 22. 30%Suma de las evaluaciones deSuma de dos evaluaciones proyectos parciales que parciales escritas sobre conceptosdemuestren la aplicacin de los conceptos vistos en clase, 40%tericos vistos en clase aplicadas durante el curso.elaborados durante el curso.30% Proyecto final para el curso. 23. Exmenes escritos? 24. Material del curso 25. Proyecto final Qu deber entregar al nal? 26. IxDHCI UXD 27. Pantalla/FsicoPower PointFlashPhotoshopIllustratorCacooAfterEffectsPrototipo ImpresoArduinoCartnReporteContextoRequerimientosPersonasEntrevistasBocetosEvaluacinRegistro procesoYouTube 28. EvaluacinCmo sern evaluadas las tareas y el proyecto nal? 29. Importante.Las tareas son vlidas hasta la fecha y hora que se indique suentrega, con frecuencia hasta la siguiente clase.* El criterio para obtener el 100% de los puntos se especificarcon cada tarea.* Si la tarea es entregada el mismo da pero no a la horasealada, automticamente reducir su valor a un 50%.* Si ya ha pasado un da a partir de la fecha de entrega. Latarea valdr cero puntos.* Si hay excepciones, se indicar en clase delante de todoel grupo. 30. Deseable 99.9% que no seaproyecto de ASE 31. Empecemos 32. Los mismosfundamentosde siempre 33. Usuario Interfaz TareaHerramientaDel objeto a la interfase.Gui Bonsiepe.Infinito. 1999. 34. Qu caracteriza al usuario?Qu caracteriza a la herramienta?Qu caracteriza a la tarea? 35. El usuario podra estar caracterizado por:* Su nivel de alfabetizacin.* Su nivel de alfabetizacin funcional.* Su nivel de alfabetizacin informtica.* Su nivel de alfabetizacin informacional.* Experiencias de la niez, adolescencia oetapa adulta.* Conocimiento.* Capacidades psico-motoras.* Capacidades especiales. Qu otra cosa? 36. La herramienta podra estar caracterizada por:* Su peso y volumen.* La composicin de sus materiales.* Competitividad tecnolgica, econmica yoperacional.* Capacidad de respuea. Qu otra cosa? 37. La tarea podra estar caracterizada por:* Su complejidad.* El o los resultados esperados.* Tiempo de ejecucin.* Camino de ejecucin. Qu otra cosa? 38. InteraccinHumano-Computadora 39. La Interaccin HumanoComputadora (HCI por sus siglasen ingls) es el eudio de la relacin que exie entre losusuarios humanos y los siemas de cmputo que usanpara realizar diversas tareas.The Esscence of HumanComputerInteraction.Christine Faulkner.Prentince Hall, 1997. 40. Usuario Computadora 41. Usuario Computadora? 42. contextopersonasproblema necesidades 43. Busca entender cmo funcionan los usuarios, las tareasque necesitan llevar a cabo y el modo en el que lossiemas de cmputo necesitan ear eructurados parafacilitar el cumplimiento de esas tareas.The Esscence of HumanComputerInteraction.Christine Faulkner.Prentince Hall, 1997. 44. UsuarioTareaComputadora 45. SubtareaUsuario 1 Subtarea2Subtarean-1 Subtarea Computadoran 46. http://www.usabilitynet.org/tools/taskanalysis.htm 47. Para entender a los usuarios esnecesario entender los procesos,capacidades y predilecciones quepueden asociarse a las tareas quedesempean.Eo involucra un entendimiento yconocimiento de cosas como lamemoria, visin, cognicin, odo,tacto y habilidades motrices.El siema computacional necesita serentendido en trminos de lo quepuede hacer por los usuarios y cmopodra comunicarse mejor con ellos...The Esscence of HumanComputerInteraction.Christine Faulkner.Prentince Hall, 1997. 48. CognicinUsuario Computadora 49. contextopersonasproblema necesidades 50. CognicinUsuario Computadora 51. Usuario ComputadoraCultura 52. Usuario ComputadoraUna pregunta para hacernos como diseadores 53. La interaccin humano-computadora comprende elproceso que se lleva a cabo cuando un humano interactacon un producto de software.Formalizacin del Modelo de Diseo para laInteraccin Humano-Computadora.Gustavo A. Valero.Universidad de los Andes Mrida, 2008. 54. IxDHCI UXD 55. HCI Diseo 56. HCIDiseoUna constante: el cambio 57. Exien varios factores que intervienen en la HCI relativosal usuario, ambiente, tecnologa y desempeo delsiema en general, de que no considerarseapropiadamente en el desarrollo del software, el productoobtenido puede que no satisfaga completamente losrequisitos de los usuarios.Formalizacin del Modelo de Diseo para laInteraccin Humano-Computadora.Gustavo A. Valero.Universidad de los Andes Mrida, 2008. 58. La interaccin humano-computadora es una disciplinaque tiene que ver con el diseo, evaluacin eimplementacin de siemas computacionalesinteractivos para uso humano y con el eudio de losfenmenos de mayor importancia que en involucrados.ACM SIGCHI Curricula for Human-Computer Interaction.Enero, 2010. 59. Si la tareaes la mismaTodos los usuarios pueden usarexitosamente la misma herramienta?Existe la idea de interfaz global?El diseo es universal? Por quhablar de la palabra diseo? 60. El diseo universal es un paradigma del diseo relativamente nuevo, quedirige sus acciones al desarrollo de productos y entornos de fcil accesopara el mayor nmero de personas posible, sin la necesidad de adaptarloso redisearlos de una forma especial.El concepto surge del diseo sin barreras, del diseo accesible y de latecnologa asiiva de apoyo. A diferencia de eos conceptos el diseouniversal alcanza todos los aspectos de la accesibilidad, y se dirige atodas las personas, incluidas las personas con discapacidad.Resuelve el problema con una visin holia, partiendo de la idea de ladiversidad humana. Adems, tiene en cuenta la manera en que se vende elproducto y la imagen de producto, para que os, adems de seraccesibles, puedan venderse y captar a todo el rango de consumidores.Wikipedia.Enero 2010. 61. Global 62. Cultural 63. Contextual 64. Social 65. Ergonoma Psicologa social y factores y organizacionalhumanosPsicologaIngenieracognitiva Ciencias de laDiseo Computacininteraccinhumano-computadora Inteligencia ArticialAntropologaLingica Sociologa FilosofaThe Esscence of HumanComputer Interaction.Christine Faulkner.Prentince Hall, 1997. 66. La interaccin humano-computadora incluye la interfaz deusuario (tanto hardware como software), modelado desiemas y usuarios, ciencias del comportamiento ycognitivas, eudios empricos, metodologa, tcnica yherramientas. La meta de la mayora del trabajo eninteraccin humano-computadora es, de una forma uotra, proveer al usuario con una gran alto de usabilidad.Developing user interfaces: ensuring usabilitytrhough product &amp; process.Debora HIx and Rex Harston.Wiley, 1993. 67. HCIUsabilidadSi no es usable no sirve? 68. ResponsabilidadSocial?Cultura? Marketing?HCIUsabilidadEmocin? Diseosostenible?Economa? 69. HCI y Diseo deInteraccin 70. El diseo de interaccin (DIx) dene la eructura ycomportamiento de productos y servicios interactivos.Los diseadores de interaccin crean relaciones slidasentre la gente y los siemas interactivos que usan, desdelas computadoras haa dispositivos mviles, dando lasbases para experiencias intangibles.IxDA. Interaction Design Association.2010. 71. HCIDIxEst el diseo de interaccin contenido en la interaccin humano-computadora? 72. DIx HCIEst la interaccin humano-computadora contenida en el el diseo de interaccin? 73. En los primeros das, el trmino diseo dentro de lacomunidad de HCI signicaba ingeniera de usabilidad:el proceso de modelar a los usuarios y siemas yespecicar el comportamiento del siema de tal formaque encaje con las tares de los usuarios, que seaeciente, fcil de usar y de aprender.Research Through Design as a Method for InteractionDesign Research in HCI.John Zimmerman, Jodi Forlizzi, Shelley Evenson.CHI 2007 Proceedings 74. A travs del tiempo, los diseadores comenzarontrabajando con los desarrolladores de software,incorporando las habilidades en jerarquas visuales,navegacin, color y tipografa que se habandesarrollados en los productos impresos. Research Through Design as a Method for Interaction Design Research in HCI. John Zimmerman, Jodi Forlizzi, Shelley Evenson. CHI 2007 Proceedings 75. Jonas Lwgren nombr a ee proceso que llevaron aldiseo de interaccin como diseo creativo paradiinguirlo del enfoque de ingeniera.En la ingeniera del diseo, los desarrolladores creansoftware para cubrir una especicacin, mientras que enel diseo creativo, los diseadores continan re-enmarcando el problema, conantemente cueionandolos supueos inherentes durante el proceso de diseo.Research Through Design as a Method for InteractionDesign Research in HCI.John Zimmerman, Jodi Forlizzi, Shelley Evenson.CHI 2007 Proceedings 76. Diseo de Experiencia deUsuario. Arq. de Arquitectura.Informacin. Diseo Contenido. industrial.Factores humanos.Diseovisual.Diseo deInteraccin.Diseo de sonido.InteraccinDesigning for Interaction: Creating Innovativehumano-computadora.Applications and Devices, Second Edition.Dan Saffer.New Riders, 2009. 77. Disciplinas acadmicas.Prcticas de diseo.Ergonoma. Diseo grco.Psicologa/Ciencias cognitivas.Diseo de Producto. Informtica.Diseo artico. Ingeniera. Diseo indurial. Ciencias de la computacin. Induria del cine.Ingeniera de software. Ciencias sociales.diseo de interaccinCampos multidisciplinarios. Factores humanos. Ingeniera cognitiva. HCI.Ergonoma cognitiva. CSCW. Interaction Design beyond human-computer interaction. Second Edition. Siemas de informacin. Preece, Sharp &amp; Rogers. Wiley, 2007. 78. Los diseadores de interaccin trabajan en una variedad de productos: todo desde sitios web a aplicaciones de escritorio, de electrnica de consumo haa robtica, de dispositivos mbiles y mdicos haa ambientes interactivos. Eos productos pueden ser solamente digitales (software) o mayormente anlogos (robots) o incorpreos (una interfaz por geos), o una combinacin de todo.Designing for Interaction: Creating InnovativeApplications and Devices, Second Edition.Dan Saffer.New Riders, 2009. 79. Ms y ms, los productos en los que trabajan los diseadores de interaccin en conectados a un servicio, a tal punto que no es importante diinguir entre ambos para el diseo de la interaccin.Designing for Interaction: Creating InnovativeApplications and Devices, Second Edition.Dan Saffer.New Riders, 2009. 80. Un proceso es un conjunto de las fasessucesivas de un fenmeno natural o deuna operacin articial. RAE. Enero 2010. 81. Un servicio es una cadena deactividades o eventos en secuencia,paralelas o bien, no lineales queforman un proceso y tienen valor parael usuario nal.Designing for Interaction: Creating InnovativeApplications and Devices, Second Edition.Dan Saffer.New Riders, 2009. 82. Tarea 1:* Hacer una presentacin de un meme que narre unproblema grave y recurrente para los usuarios de un serviciodado un cine, un establecimiento de comida rpida,transporte pblico, etc. El asunto es que dicho servicio debeser fuera de la universidad. Posteriormente, a nivel boceto posteriormente escaneado o wireframe, bocetar unasolucin. Concluir la presentacin con un meme que deevidencia de por qu y cmo el problema se solucion con lapropuesta de diseo. 83. Gracias.* Todas las imgenes moradas en ea presentacin son sin nes de lucro y los derechos sonpropiedad de sus autores o dueos. </p>

Recommended

View more >