Introducción al Diseño de Interacción Humano-Computadora
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 4,030 views

Introducción a la Interacción Humano-Computadora, a su Diseño -como proceso- y la relación con el Diseño de Interacción.

Introducción a la Interacción Humano-Computadora, a su Diseño -como proceso- y la relación con el Diseño de Interacción.

Curso de HCI. Versión 2012.

Statistics

Views

Total Views
4,030
Views on SlideShare
4,029
Embed Views
1

Actions

Likes
3
Downloads
85
Comments
0

1 Embed 1

https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • Interacción Humano- Computadora 2012Introducción al Diseñode InteracciónHumano-ComputadoraMtro. Omar Sosa Tzec.Lic. en Diseño de Interacción.Universidad Iberoamericana Campus Puebla.http://www.tzek-design.com/blog
  • Objetivos¿Qué es lo que tengo que dominar al final del curso?
  • El objetivo del curso es tener las bases del espectro queabarca la Interacción Humano–Computadora (HCI por sussiglas en inglés) y su relación con el diseño de interacción yel diseño de experiencias de usuario.
  • IxDHCI UXD
  • Conocimientos generales Base para Incorporación la crítica de conocimiento previoAdopción de Afinar métodos ejecución
  • Conocimientos generales Base para Incorporación la crítica de conocimiento previoAdopción de Afinar métodos ejecución
  • Conocimientos generales Base para Incorporación la crítica de conocimiento previoAdopción de Afinar métodos ejecución
  • Realidad Academia
  • Conocimientos generales Base para Incorporación la crítica de conocimiento previoAdopción de Afinar métodos ejecución
  • Conocimientos generales Base para Incorporación la crítica de conocimiento previoAdopción de Afinar métodos ejecución
  • Esquemática HCI
  • Arquitectura HCIde Información
  • Ingeniería HCIde Software
  • Animación HCI
  • Conocimientos generales Base para Incorporación la crítica de conocimiento previoAdopción de Afinar métodos ejecución
  • En el sentido práctico, 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 diseño de interfaces, y c) entender el proceso deevaluación de una interfaz de usuario y como aplicarla.
  • Temas¿Y qué veremos en el curso?
  • Teoría Métodos Evaluación y/de diseño
  • Teoría Métodos Evaluación y/de diseño
  • HCI y DIx como disciplinasInterfazParadigmas de HCISíntesis y Análisis en el diseño de HCIMétodos de diseño para HCIEl boceto como herramienta de ideaciónElaboración de prototiposDiseño para pantallaLey de FittsAffordancesDiseño, usuarios y cogniciónDiseño emocionalRetórica y HCILa experiencia de usuarioUsabilidadComunicabilidadetc…
  • Evaluación ¿Cómo seré evaluado?
  • 30% Suma de las evaluaciones de Suma de dos evaluaciones proyectos parciales que parciales escritas sobre conceptosdemuestren la aplicación de los conceptos vistos en clase, 40% teóricos vistos en clase aplicadas durante el curso. elaborados durante el curso. 30% Proyecto final para el curso.
  • ¿Exámenes escritos?
  • Material del curso
  • Proyecto final ¿Qué deberé entregar al final?
  • IxDHCI UXD
  • Pantalla/Físico Power Point Flash Photoshop Illustrator Cacoo AfterEffectsPrototipo Impreso Arduino Cartón Reporte Contexto Requerimientos Personas Entrevistas Bocetos Evaluación Registro proceso YouTube
  • Evaluación¿Cómo serán evaluadas las tareas y el proyecto final?
  • Importante.Las tareas son válidas 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 especificarácon cada tarea.* Si la tarea es entregada el mismo día pero no a la horaseñalada, automáticamente reducirá su valor a un 50%.* Si ya ha pasado un día a partir de la fecha de entrega. Latarea valdrá cero puntos.* Si hay excepciones, se indicará en clase delante de todoel grupo.
  • Deseable 99.9% que no seaproyecto de ASE
  • Empecemos…
  • Los mismosfundamentosde siempre…
  • Usuario Interfaz Tarea HerramientaDel objeto a la interfase.Gui Bonsiepe.Infinito. 1999.
  • ¿Qué caracteriza al usuario?¿Qué caracteriza a la herramienta?¿Qué caracteriza a la tarea?
  • El usuario podría estar caracterizado por:* Su nivel de alfabetización.* Su nivel de alfabetización funcional.* Su nivel de alfabetización informática.* Su nivel de alfabetización informacional.* Experiencias de la niñez, adolescencia oetapa adulta.* Conocimiento.* Capacidades psico-motoras.* Capacidades especiales. ¿Qué otra cosa?
  • La herramienta podría estar caracterizada por:* Su peso y volumen.* La composición de sus materiales.* Competitividad tecnológica, económica yoperacional.* Capacidad de respuesta. ¿Qué otra cosa?
  • La tarea podría estar caracterizada por:* Su complejidad.* El o los resultados esperados.* Tiempo de ejecución.* Camino de ejecución. ¿Qué otra cosa?
  • Interacción Humano-Computadora
  • La Interacción Humano–Computadora (HCI por sus siglasen inglés) es el estudio de la relación que existe entre losusuarios humanos y los sistemas de cómputo que usanpara realizar diversas tareas.The Esscence of Human–ComputerInteraction.Christine Faulkner.Prentince Hall, 1997.
  • Usuario Computadora
  • Usuario ¿Computadora?
  • contextopersonas problema necesidades
  • Busca entender cómo funcionan los usuarios, las tareasque necesitan llevar a cabo y el modo en el que lossistemas de cómputo necesitan estar estructurados parafacilitar el cumplimiento de esas tareas.The Esscence of Human–ComputerInteraction.Christine Faulkner.Prentince Hall, 1997.
  • Usuario Tarea Computadora
  • SubtareaUsuario 1 Subtarea 2 …Subtarea n-1 Subtarea Computadora n
  • http://www.usabilitynet.org/tools/taskanalysis.htm
  • Para entender a los usuarios esnecesario entender los procesos,capacidades y predilecciones quepueden asociarse a las tareas quedesempeñan.Esto involucra un entendimiento yconocimiento de cosas como lamemoria, visión, cognición, oído,tacto y habilidades motrices. El sistema computacional necesita ser entendido en términos de lo que puede hacer por los usuarios y cómo podría comunicarse mejor con ellos...The Esscence of Human–ComputerInteraction.Christine Faulkner.Prentince Hall, 1997.
  • CogniciónUsuario Computadora
  • contextopersonas problema necesidades
  • CogniciónUsuario Computadora
  • Usuario Computadora Cultura
  • Usuario Computadora Una pregunta para hacernos como diseñadores
  • La interacción humano-computadora comprende elproceso que se lleva a cabo cuando un humano interactúacon un producto de software.Formalización del Modelo de Diseño para laInteracción Humano-Computadora.Gustavo A. Valero.Universidad de los Andes Mérida, 2008.
  • IxDHCI UXD
  • HCI Diseño
  • HCI DiseñoUna constante: el cambio
  • Existen varios factores que intervienen en la HCI relativosal usuario, ambiente, tecnología y desempeño delsistema en general, de que no considerarseapropiadamente en el desarrollo del software, el productoobtenido puede que no satisfaga completamente losrequisitos de los usuarios.Formalización del Modelo de Diseño para laInteracción Humano-Computadora.Gustavo A. Valero.Universidad de los Andes Mérida, 2008.
  • La interacción humano-computadora es una disciplinaque tiene que ver con el diseño, evaluación eimplementación de sistemas computacionalesinteractivos para uso humano y con el estudio de losfenómenos de mayor importancia que están involucrados.ACM SIGCHI Curricula for Human-Computer Interaction.Enero, 2010.
  • Si la tareaes la misma… ¿Todos los usuarios pueden usar exitosamente la misma herramienta? ¿Existe la idea de interfaz global? ¿El diseño es universal? ¿Por qué hablar de la palabra diseño?
  • El diseño universal es un paradigma del diseño relativamente nuevo, quedirige sus acciones al desarrollo de productos y entornos de fácil accesopara el mayor número de personas posible, sin la necesidad de adaptarloso rediseñarlos de una forma especial.El concepto surge del diseño sin barreras, del diseño accesible y de latecnología asistiva de apoyo. A diferencia de estos conceptos el diseñouniversal alcanza todos los aspectos de la accesibilidad, y se dirige atodas las personas, incluidas las personas con discapacidad.Resuelve el problema con una visión holista, partiendo de la idea de ladiversidad humana. Además, tiene en cuenta la manera en que se vende elproducto y la imagen de producto, para que éstos, además de seraccesibles, puedan venderse y captar a todo el rango de consumidores.Wikipedia.Enero 2010.
  • Global
  • Cultural
  • Contextual
  • Social
  • Ergonomía Psicología social y factores y organizacional humanos Psicología Ingeniería cognitiva Ciencias de la Diseño Computación interacción humano-computadora Inteligencia Artificial Antropología Lingüística Sociología FilosofíaThe Esscence of Human–Computer Interaction.Christine Faulkner.Prentince Hall, 1997.
  • La interacción humano-computadora incluye la interfaz deusuario (tanto hardware como software), modelado desistemas y usuarios, ciencias del comportamiento ycognitivas, estudios empíricos, metodología, técnica yherramientas. La meta de la mayoría del trabajo eninteracción humano-computadora es, de una forma uotra, proveer al usuario con una gran alto de usabilidad.Developing user interfaces: ensuring usabilitytrhough product & process.Debora HIx and Rex Harston.Wiley, 1993.
  • HCI Usabilidad¿Si no es usable no sirve?
  • ¿Responsabilidad Social?¿Cultura? ¿Marketing? HCI Usabilidad¿Emoción? ¿Diseño sostenible? ¿Economía?
  • HCI y Diseño deInteracción
  • El diseño de interacción (DIx) define la estructura ycomportamiento de productos y servicios interactivos.Los diseñadores de interacción crean relaciones sólidasentre la gente y los sistemas interactivos que usan, desdelas computadoras hasta dispositivos móviles, dando lasbases para experiencias intangibles.IxDA. Interaction Design Association.2010.
  • HCI DIx¿Está el diseño de interacción contenido en la interacción humano-computadora?
  • DIx HCI¿Está la interacción humano-computadora contenida en el el diseño de interacción?
  • En los primeros días, el término “diseño” dentro de lacomunidad de HCI significaba ingeniería de usabilidad:“…el proceso de modelar a los usuarios y sistemas yespecificar el comportamiento del sistema de tal formaque encaje con las tares de los usuarios, que seaeficiente, fácil de usar y de aprender. Research Through Design as a Method for Interaction Design Research in HCI. John Zimmerman, Jodi Forlizzi, Shelley Evenson. CHI 2007 Proceedings
  • A través del tiempo, los diseñadores comenzarontrabajando con los desarrolladores de software,incorporando las habilidades en jerarquías visuales,navegación, color y tipografía que se habíandesarrollados 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
  • Jonas Löwgren nombró a este proceso que llevaron aldiseño de interacción como “diseño creativo” paradistinguirlo del enfoque de ingeniería.En la ingeniería del diseño, los desarrolladores creansoftware para cubrir una especificación, mientras que enel diseño creativo, los diseñadores continúan re-enmarcando el problema, constantemente cuestionandolos supuestos inherentes durante el proceso de diseño. Research Through Design as a Method for Interaction Design Research in HCI. John Zimmerman, Jodi Forlizzi, Shelley Evenson. CHI 2007 Proceedings
  • Diseño de Experiencia de Usuario. Arq. de Arquitectura. Información. Diseño Contenido. industrial. Factores humanos. Diseño visual. Diseño de Interacción. Diseño de sonido. InteracciónDesigning for Interaction: Creating Innovative humano-computadora.Applications and Devices, Second Edition.Dan Saffer.New Riders, 2009.
  • Disciplinas académicas. Prácticas de diseño. Ergonomía. Diseño gráfico.Psicología/Ciencias cognitivas. Diseño de Producto. Informática. Diseño artístico. Ingeniería. Diseño industrial. Ciencias de la computación. Industria del cine. Ingeniería de software. Ciencias sociales. diseño de interacciónCampos multidisciplinarios. Factores humanos. Ingeniería cognitiva. HCI. Ergonomía cognitiva. CSCW. Interaction Design beyond human-computer interaction. Second Edition. Sistemas de información. Preece, Sharp & Rogers. Wiley, 2007.
  • Los diseñadores de interacción trabajan en una variedad de productos: todo desde sitios web a aplicaciones de escritorio, de electrónica de consumo hasta robótica, de dispositivos móbiles y médicos hasta ambientes interactivos. Estos productos pueden ser solamente digitales (software) o mayormente análogos (robots) o incorpóreos (una interfaz por gestos), o una combinación de todo.Designing for Interaction: Creating InnovativeApplications and Devices, Second Edition.Dan Saffer.New Riders, 2009.
  • Más y más, los productos en los que trabajan los diseñadores de interacción están conectados a un servicio, a tal punto que no es importante distinguir entre ambos para el diseño de la interacción.Designing for Interaction: Creating InnovativeApplications and Devices, Second Edition.Dan Saffer.New Riders, 2009.
  • Un proceso es un conjunto de las fasessucesivas de un fenómeno natural o deuna operación artificial. RAE. Enero 2010.
  • Un servicio es una cadena deactividades o eventos en secuencia,paralelas o bien, no lineales queforman un proceso y tienen valor parael usuario final. Designing for Interaction: Creating Innovative Applications and Devices, Second Edition. Dan Saffer. New Riders, 2009.
  • Tarea 1:* Hacer una presentación de un “meme” que narre unproblema grave y recurrente para los usuarios de un serviciodado –un cine, un establecimiento de comida rápida,transporte público, etc. El asunto es que dicho servicio debeser fuera de la universidad. Posteriormente, a nivel boceto –posteriormente escaneado– o wireframe, bocetar unasolución. Concluir la presentación con un “meme” que deevidencia de por qué y cómo el problema se solucionó con lapropuesta de diseño.
  • Gracias.* Todas las imágenes mostradas en esta presentación son sin fines de lucro y los derechos sonpropiedad de sus autores o dueños.