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 (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!

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