seminario diseño objetos cotidianos
DESCRIPTION
Diseño de Interfaces de usuario Asignatura de Grado de Ingeniería Informática http://utopolis.ugr.es/diu Seminarios Miguel GeaTRANSCRIPT
Diseño de Objetos cotidianos o Diseño de Objetos cotidianos o Diseño centrado en el usuario
Diseño de Interfaces de Usuario
Seminarios
Miguel Gea ([email protected])!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!
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
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
principios de diseñoVisibilidad
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
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 (Afforfance) a) subir/bajar, b) pulsar c) desplegar
c)
b) a)
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
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 !
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
Mapping (Relación objeto control - resultado)
¿?
5
http://pages.cpsc.ucalgary.ca/~saul/hci_topics/pdf_files/psychology.pdf
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
Mapping (Relación)
6
http://pages.cpsc.ucalgary.ca/~saul/hci_topics/pdf_files/psychology.pdf
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? !
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
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
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
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: ascensor
11
Fuera Dentro Cabina
Estado libre, ocupado parado, sube baja
Acciones Llamar Piso
Abrir, parar
Feedback Luz Display
boton seleccionado
!
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: ascensor
12
Fuera Dentro Cabina
Estado libre, ocupado parado, sube baja
Acciones Llamar Piso
Abrir, parar
Feedback Luz Display
boton seleccionado
!
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
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
2H
E P
B
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
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
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
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
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
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
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
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
22
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 Objetos Cotidianos
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
23
o Telefono útil (vodafone simply)
http://www.vodafonesites.com/simply/
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
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
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
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
Diseño adaptado al usuario
27
¿Como será el ordenador para el tercer mundo?!
MIT mediaLab 100$ Laptop
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
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
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
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
31
http://www.youtube.com/watch?v=SJZv8sIIZpchttp://www.youtube.com/watch?v=wk146eGRUtI
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
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
Referencias
33
! http://www.pinterest.com/miguelgea14/ux/
! 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
! 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