Your SlideShare is downloading. ×
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
La Interaccion persona ordenador
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

La Interaccion persona ordenador

5,526

Published on

La Interacción Persona Ordenador …

La Interacción Persona Ordenador
Primer tema de la asignatura Diseño de Interfaces de Usuario
Grado de Ingeniería Informática. Universidad de Granada
Actualización al curso 2013/14

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
5,526
On Slideshare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
42
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Diseño de Interfaces de Usuario Tema 1: Interacción Persona-Ordenador edición 2014 Miguel Gea (mgea@ugr.es) Dpt. Lenguajes y Sis temas Informáticoss Grado en Ingeniería Informática Universidad de Granada ! !
  • 2. Diseño de Interfaces de Usuario 1. Interacción Persona - Ordenador Introducción El Interfaz de usuario Principios Generales Herramientas Evolución de los IU
  • 3. Interacción Persona - Ordenador ! El personaje The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it ! ! ! The computer for the 21st Century. Art. Scientific American, Vol. 265, Mark Weiser No. 3 (September 199l (1952-1999)
  • 4. Tema 1. Introducción HCI La Relación persona-máquina [SCH08] Visión en cine/películas: El cine usa tecnología existente La tecnología inspira películas La películas inspiran nueva tecnología El cine y desarrolladores desarrollan nuevas visiones tecnológicas Metrópolis (1927, Fritz Lang) 2001 La odisea del espacio (1968) Blade Runner (1982) el cortador de cesped (1992) The matrix (1999) AI, ArtiLicial Intelligence (2001) Minority Report (2002) I robot (2004) interfaces antropomórLicos diseño emocional interfaces gestuales interfaces neuronales invasivos realidad virtual
  • 5. La Relación persona-máquina Ambitos de trabajo: Tema 1. Introducción HCI
  • 6. Tema 1. Introducción HCI La Relación persona-máquina Evolución: http://www.historiacultural.com/2010/11/primera-revolucion-industrial.html 2ª guerra mundial
  • 7. Interacción Persona-Ordenador Definición: Tema 1. Introducción HCI La Interacción Persona-Ordenador es “la disciplina que se dedica al estudio del diseño, evaluación e implantación de sistemas interactivos dedicados al uso humano, y de todos aquellos fenómenos que pueden afectar a la comunicación ! [ACMCHI92] Informática Psicología Ergonomía Sociología Diseño Etnografía Semiótica Ingeniería HCI
  • 8. Interacción Persona-Ordenador Tema 1. Introducción HCI ACM SIGCHI - http://old.sigchi.org/cdg/figure_1.pdf
  • 9. Tema 1. Introducción HCI Interfaz de Usuario Definición:! La Interfaz de usuario de la parte del sistema informático a través del cual los usuarios pueden comunicarse con el ordenador, y comprende todos los puntos de contacto entre el usuario y el equipo (hardware y software). Es por tanto el instrumento que nos permite utilizar efectivamente el sistema o artefacto [Thim90]. Subsistema de entrada Aplicación E R Dispositivos físicos
  • 10. Tema 1. Introducción HCI Interfaz de usuario Comentarios: ! Lenguaje de entrada para el usuario, un lenguaje de salida para el ordenador y un protocolo para la interacción. ! Donde los bits y las personas se encuentran [NEGR95] Uhmm for (i=0; i< 10; i++) add 1,n 00001001011101
  • 11. Tema 1. Introducción HCI Interfaz de los objetos Objetos: Qué hacen? Cómo se utilizan? Función de la Interfaz de usuario Proporcionar el acceso al objeto Percepción del objeto ! ¡¡¡¡ CONTROL INTUITIVO !!!
  • 12. Tema 1. Introducción HCI Interfaz de los objetos Consideraciones de la Interfaz de Usuario! - “Bien diseñado”! - “Facilidad de uso”! Cualidades en el diseño de la interfaz de usuario:! [NORM13] ! ! ! ! ! - Visibilidad! ! ! ! ! - Proyección (Affordance)! ! ! ! ! - Realimentación (Feedback)! ! ! ! !! ! ! Cabeza Empuñadura
  • 13. Tema 1. Introducción HCI Interfaz de los objetos http://www.baddesigns.com/
  • 14. Tema 1. Introducción HCI Interfaz de usuario: Tipologías de Interfaces: - Ordenador - Ordenador ! ! ! ! - Ordenador - Usuario
  • 15. Tema 1. Introducción HCI Interfaz de usuario: Tipos: APLICACION SISTEMA OPERATIVO DISPOSITIVOS
  • 16. Tema 1. Introducción HCI Interfaz de usuario: Mejora de la usabilidad [ISO 9241]: Efectividad. Porcentaje de las posibilidades ofrecidas por la máquina (o programa) que el usuario es capaz de usar. ! Eficiencia. Cantidad de esfuerzo que se requiere para conseguir un propósito. ! Satisfacción. Grado de comodidad que un usuario experimenta mientras utiliza un producto. objetivo: éxito comercial
  • 17. Tema 1. Introducción HCI Principios Generales: 1. Conocer al usuario 2. Diseño intuitivo 3. Realimentación 4. Consistencia 5. Flexible 6. Ayuda 7. Robusto 8. Atractivo 9. Estandarización y portabilidad Fuentes (varias)! [HIG95] Macintosh Human Interface Guidelines, Apple 1995! [DIX03] [SCHNE06]!
  • 18. Principios Generales: 1. Conocer al usuario Perfil: Intenciones (objetivos) Habilidades, experiencia Comunicación: Tema 1. Introducción HCI Claridad en funciones disponibles Lenguaje claro y conciso Control: Iniciativa del usuario Anular/Cancelar tareas
  • 19. Tema 1. Introducción HCI Principios Generales: 2. Consistencia La consistencia indica que todos los aspectos de la interfaz de usuario son uniformes en su funcionamiento y filosofía (color, tipo de mensajes, petición de datos, Funcionalidad Apariencia y Comportamiento (look&feel) Datos
  • 20. Tema 1. Introducción HCI Principios Generales: 2. Consistencia (cont.) Teléfonos y control remoto 1 2 3 4 5 6 7 8 9 0 Calculadora, teclado,ordenador 7 8 9 4 5 6 1 2 3 0
  • 21. Tema 1. Introducción HCI Principios Generales: 3. Flexible Interfaz flexible para trabajar con un rango de usuarios con distinto nivel de inicialización • Diversidad de Usuarios • Diversidad de Dispositivos
  • 22. Tema 1. Introducción HCI Principios Generales: 4. Realimentación • Informar del estado •Informar al Usuario de lo que hace
  • 23. Tema 1. Introducción HCI Principios Generales: 5. Robustez Evitar situaciones en las que se produzcan errores irreversibles, o un malfuncionamiento general del sistema
  • 24. Tema 1. Introducción HCI Principios Generales: 6. Ayuda Tipo: - General (acerca de...) - Contexto - Referencia / guía rápida
  • 25. Tema 1. Introducción HCI Principios Generales: 7. Minimizar errores Avisar / Evitar / Corregir (undo)
  • 26. Tema 1. Introducción HCI Principios Generales: 8. Diseño y apariencia
  • 27. Principios Generales: 9. Estandarización y Portabilidad Tema 1. Introducción HCI Interfaz común en diferentes aplicaciones IBM CUA, MacOS X-AQUA Favorece consistencia
  • 28. Principios Generales: 9. Estandarización y Portabilidad Tema 1. Introducción HCI IU sobre diferentes plataformas (S.O.)
  • 29. Tema 1. Introducción HCI Herramientas: Las Herramientas de creación de IU permiten la programación de sistemas interactivos, minimizando el esfuerzo de desarrollo [DIX03] 40-70% del esfuerzo de desarrollo Generador IU Toolkits Wm y paquetes gráficos Sistema Operativo Hardware UIMS
  • 30. Herramientas: Gestores de Ventanas Tema 1. Introducción HCI Gestores de ventanas • Interfaces Gráficos • Metáfora de escritorio • Iconos y barra de tareas Generador IU Toolkits Wm y paquetes gráficos Sistema Operativo Hardware UIMS
  • 31. Herramientas: Compontentes (Controles) Tema 1. Introducción HCI Generador IU Toolkits Wm y paquetes gráficos Sistema Operativo Hardware UIMS Menú Paneles RadioButton CheckButton Escala Area de Texto Barras Scroll Botones Elementos de interacción Composicionables
  • 32. Tema 1. Introducción HCI Tendencias Sistemas Interactivos Ratón SketchPad Interactividad Internet Memex hipertexto WYSIWIG Ventanas Xwindows MS Windows HyperCard Hardware PDAs Apple Lisa PC Portátiles UNIVAC 1950 1960 1970 1980 1990 2000 iPhone 2010 Web 2.0 Interacción iPad
  • 33. Tema 1. Introducción HCI Tendencias Calidad gráfica Miniaturización Conectividad Diálogo natural Inteligencia Artificial Ubicuo !
  • 34. Tema 1. Introducción HCI Referencias [ACMCHI92] ACM SIGCHI Curricula for Human-­‐Computer Interaction,92, ACM online: http://old.sigchi.org/cdg/ [DIX03] A. Dix, J. Finlay, G. Abowd, R. Beale: Human-­‐Computer Interaction, 3ª ed. Prentice Hall, 2003. [HIG95] Macintosh Human Interface Guidelines, Apple 1995 online: https://developer.apple.com/.../AppleHIGuidelines/OSXHIGuidelines.pdf ![ ISO 9241] ISO Ergonomics of human-­‐system interaction. Usability online http://www.w3.org/2002/Talks/0104-­‐usabilityprocess/slide3-­‐0.html [NEGR95] N. Negroponte: Being Digital, Knopf Inc [NORM13] D. Norman : The Design of Everyday things. Basicbooks, 2013. online UGR: http://sl.ugr.es/06NU [SCH08] M. Schmitz, C. Endres, A. Butz. “A Survey of Human-­Computer Interaction Design in Science Fiction Movies”. ACM Proceeding INTETAIN '08 Proceedings of the 2nd international conference on INtelligent TEchnologies for interactive enterTAINment. online: http://www.cip.i`i.lmu.de/~butz/publications/talks/HCI-­‐Sci`i-­‐talk-­‐slides.pdf [THIM90] Thimbleby, Harold: "User Interface Design". ACM Press. Addison Wesley 1990 !!!

×