Seminario Diseño objetos cotidianos
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Seminario Diseño objetos cotidianos

on

  • 725 views

Diseño de Interfaces de usuario

Diseño de Interfaces de usuario
Asignatura de Grado de Ingeniería Informática
http://utopolis.ugr.es/diu
Seminarios
Miguel Gea

Statistics

Views

Total Views
725
Views on SlideShare
382
Embed Views
343

Actions

Likes
0
Downloads
7
Comments
0

2 Embeds 343

http://utopolis.ugr.es 341
http://webcache.googleusercontent.com 2

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

Seminario Diseño objetos cotidianos Presentation Transcript

  • 1. Diseño de Interfaces de Usuario Seminarios Diseño de Objetos cotidianos o Diseño de Objetos cotidianos o Diseño centrado en el usuario Miguel Gea (mgea@ugr.es)! Dpt. Lenguajes y Sistemas Informáticoss! Grado en Ingeniería Informática! Universidad de Granada! http://utopolis.ugr.es/diu 07 Octubre, 2014! http://www.slideshare.net/mgea/seminario-window-manager-2013!
  • 2. Preece, J., Rogers, Y., Sharp, H. (2002), Interaction Design: Beyond Human-Computer Interaction, New York: Wiley, p.21 D. Norman: The Design of Everyday Things. Basicbooks, 1990 Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos 2 principios de diseño Visibilidad Las funciones más visibles son las que los usuario mas se interesarán por conocer y usar. Las que están fuera de la “vista”, serán más difícil de conocer, encontrar y por tanto usar. ! Realimentación (feedback) Dar información acerca de las acción realizada y el efecto producido, permitiendo al usuario conocer y continuar con la actividad. La realimentación puede ser visual, auditiva, táctil, o combinación de varias. ! Mapping (Relación) Relación entre la acción sobre el elemento de control y el efecto obtenido en el mundo. ! Proyección (Afforfance) Término para referirse a los atributos de un objeto que permiten conocer cómo usarlo (características de diseño intuitivo). Son acciones obvias en el diseño que nos sugiere cómo usarlo (pulsarlo, empujarlo, agarrarlo, moverlo, etc.) Donald A. Norman
  • 3. Una objeto usable es aquel que permite al usuario centrarse en su tarea, no en la interfaz Las interfaces se ponen en el medio. No quiero concentrar mis energías en la interfaz, me quiero concentrar en mi trabajo (Donald Norman) Miguel Gea Dpt. Lenguajes y Sistemas Informáticos a) b) Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos c) Proyección (Afforfance) a) subir/bajar, b) pulsar c) desplegar 3
  • 4. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos 4 BALAY 3WGX2539P ! Potencia: 900 W. Capacidad: 25 litros Grill simultáneo de : 1200 W Electrónico Reloj electrónico programable de fin de cocción de 99 minutos 1 memorias programable Programas automáticos de cocción y descongelación por peso Selector de funciones: microondas (5 niveles), grill y microondas !
  • 5. Miguel Gea http://pages.cpsc.ucalgary.ca/~saul/hci_topics/pdf_files/psychology.pdf Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos Mapping (Relación objeto control - resultado) ¿? 5
  • 6. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos http://pages.cpsc.ucalgary.ca/~saul/hci_topics/pdf_files/psychology.pdf Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos Mapping (Relación) 6
  • 7. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: Visibilidad? 7 ¿Cual es el estado y la secuencia acciones? ! ¿Cual es el efecto producido? ! ¿Qué vende esta máquina? !
  • 8. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: Proyección? 8
  • 9. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: Intutitivo? 9 Visibilidad vs Mapping
  • 10. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: Intutitivo? 10 Mapping vs affordance
  • 11. Miguel Gea Fuera Dentro Cabina Estado libre, ocupado parado, sube baja Dpt. Lenguajes y Sistemas Informáticos Acciones Llamar Piso Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensor 11 Abrir, parar Feedback Luz Display boton seleccionado !
  • 12. Miguel Gea Fuera Dentro Cabina Estado libre, ocupado parado, sube baja Dpt. Lenguajes y Sistemas Informáticos Acciones Llamar Piso Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensor 12 Abrir, parar Feedback Luz Display boton seleccionado !
  • 13. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensores Elementos básicos para representar acciones Mapping intuitivo 13
  • 14. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensores ! Uso de diferente codificación (H,E,P,B) de plantas Casos de “superstición” (china) 14 2 1 P H 2 E P B
  • 15. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensores 15 ! Orden no convencional
  • 16. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensores 16 ! Relación (mapping) no intuitiva ! 1 Recepción 0 Bodeguita.. -1 Parking
  • 17. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos 17
  • 18. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensores 18
  • 19. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensores 19
  • 20. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensores 20
  • 21. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Objetos Cotidianos: ascensores 21
  • 22. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño Objetos Cotidianos affordances: – botones para pulsar, no está claro su función ! mapping – no se percibe la relación entre botones, posibles acciones y resultado final ! Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos 22
  • 23. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos o Telefono útil (vodafone simply) http://www.vodafonesites.com/simply/ Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Centrado en el Usuario 23
  • 24. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Centrado en el Usuario 24
  • 25. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño Centrado en el Usuario 25
  • 26. http://www.elmundo.es/navegante/2003/01/24/esociedad/1043401065.html Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Comportamiento con el ordenador 26
  • 27. Miguel Gea ¿Como será el ordenador para el tercer mundo?! Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño adaptado al usuario 27 MIT mediaLab 100$ Laptop
  • 28. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño adaptado al usuario One Laptop per Child http://olpc.com/ 28
  • 29. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño adaptado al usuario y a su entorno 29
  • 30. Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseño adaptado al usuario y a su entorno 30
  • 31. http://www.youtube.com/watch?v=wk146eGRUtI Miguel Gea http://www.youtube.com/watch?v=SJZv8sIIZpc Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseñando los objetos del futuro 31
  • 32. http://content.time.com/time/specials/2007/ article/ 0,28804,1677329_1678542_1677891,00.html Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Diseñando los objetos del futuro 32 http://www.apple.com/es/watch/apple-watch-sport/ http://www.theguardian.com/technology/2013/mar/ 06/google-glass-threat-to-our-privacy
  • 33. ! http://www.pinterest.com/miguelgea14/ux/ ! Preece, J., Rogers, Y., Sharp, H. (2002), Interaction Design: Beyond Human-Computer Interaction, New Miguel Gea Dpt. Lenguajes y Sistemas Informáticos Diseño de Interfaces de Usuario http://utopolis.ugr.es/diu ETSI Ingeniería Informática. Universidad de Granada CASO DE ESTUDIO: Objetos cotidianos Referencias 33 York: Wiley, p.21 ! D. Norman: The Design of Everyday Things. Basicbooks, 1990 ! D. Norman website: http://www.jnd.org/ ! http://twobenches.wordpress.com/2008/06/05/don-normans-design-principles/ ! http://www.slideshare.net/gelvan/design-principles ! http://olpc.org ! S. Greenberg: Design of everyday things: http://pages.cpsc.ucalgary.ca/~saul/hci_topics/pdf_files/ psychology.pdf