seminario diseño objetos cotidianos

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





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)





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 !





Mapping (Relación objeto control - resultado)

¿?

5

http://pages.cpsc.ucalgary.ca/~saul/hci_topics/pdf_files/psychology.pdf





Mapping (Relación)

6

http://pages.cpsc.ucalgary.ca/~saul/hci_topics/pdf_files/psychology.pdf




Diseño Objetos Cotidianos: Visibilidad?

7

¿Cual es el estado y la secuencia acciones? !¿Cual es el efecto producido? !¿Qué vende esta máquina? !




Diseño Objetos Cotidianos: Proyección?

8




Diseño Objetos Cotidianos: Intutitivo?

9

Visibilidad vs Mapping




Diseño Objetos Cotidianos: Intutitivo?

10

Mapping vs affordance




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

!




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

!




Diseño Objetos Cotidianos: ascensores

Elementos básicos para representar acciones Mapping intuitivo

13





!Uso de diferente codificación (H,E,P,B) de plantas Casos de “superstición” (china)

14

2

1

P

2H

E P

B





15

!Orden no convencional





16

!Relación (mapping) no intuitiva

!1 Recepción 0 Bodeguita.. -1 Parking





17





18





19





20





21




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 Centrado en el Usuario

23

o  Telefono útil (vodafone simply)

http://www.vodafonesites.com/simply/





24





25




Comportamiento con el ordenador

26

http://www.elmundo.es/navegante/2003/01/24/esociedad/1043401065.html




Diseño adaptado al usuario

27

¿Como será el ordenador para el tercer mundo?!

MIT mediaLab 100$ Laptop




Diseño adaptado al usuario

One Laptop per Child http://olpc.com/

28




Diseño adaptado al usuario y a su entorno

29




Diseño adaptado al usuario y a su entorno

30




Diseñando los objetos del futuro

31

http://www.youtube.com/watch?v=SJZv8sIIZpchttp://www.youtube.com/watch?v=wk146eGRUtI




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




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

seminario diseño objetos cotidianos

Documents