Este documento presenta las nuevas tendencias en interfaces de usuario. Cubre temas como sistemas colaborativos y sociales, nuevas técnicas de interacción como gestos y realidad mixta, interfaces inteligentes y afectivas, y áreas de investigación como inteligencia ambiental y arte interactivo. También discute el desarrollo de sistemas web, software social y la gamificación de historias.

1. Tema 6:
Tendencias en IU
DISEÑO DE INTERFACES DE USUARIO
edición 2015
!
!
Miguel Gea (mgea@ugr.es)
Dpt. Lenguajes y Sistemas Informáticos
Grado en Ingeniería Informática
Universidad de Granada
http://utopolis.ugr.es/diu
http://www.slideshare.net/mgea/
13 ene, 2016

2. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
El personaje: Pièrre Levi
2
(1956, filósofo
y sociólogo)
¿Es posible hacer existir un nuevo espacio, en el
cual tendríamos una identidad social aún sin una
profesión?
El planeta nómada está basado en la
transformación continua y rápida de los paisajes
científico, técnico, profesional y mentales. Incluso
si no nos moviésemos, el mundo cambiaría
alrededor de nosotros
Inteligencia Colectiva (2004)

3. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Indice
Sistemas colaborativos y sociales
Nuevas Técnicas de Interacción
Interfaces inteligentes y afectivos
Técnicas de interacción
Investigación
3

4. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Sistemas Colaborativos
4
Sistemas Interactivos
Sistemas Colaborativos
Tiempo estimado de colaboración
30-70% del tiempo de trabajo en reuniones
30 al 50% restante colaborando con otras personas.
CSCW (Computer Supported Cooperative Work) estudia a
los usuarios en el contexto de su trabajo dentro de una
organización y el uso de computadoras para una asistencia
efectiva

5. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Sistemas Colaborativos
5
Importancia
- Fenómeno de Globalización
- Factores organizativos
- Reuniones, grupos de trabajo Arquitectura
P P
A
Comunicación
directa
Control y
realimentación
2500 aC
Leer/Escribir
1500
Imprenta
1980
Ordenador
2000
Impacto social
Tiempo
Capacidad
humana
Desarrollo Individual
Desarrollo en
grupo
¿ CSCW ?

6. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Sistemas Colaborativos
6
Groupware:
Software de soporte a grupos
Mismo Tiempo
(SINCRONO)
Tiempos diferentes
(ASINCRONO)
Mismo Lugar
Cara a cara
Clases, salas de
reunión
Interacción asíncrona
Planificadores de
proyectos, Herramientas
de coordinación
Lugares diferentes
Distribución síncrona
Editores compartidos,
ventanas
Distribución asíncrona
Correo electrónico,
tablones de anuncios

7. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Sistemas Colaborativos
7
Tecnologías colaborativas:
- editores colaborativos
- entornos virtuales
- agendas compartidas
- espacio compartido

8. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Sistemas Web
8
Evolución de la Web
http://www.evolutionoftheweb.com

9. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Software Social
9
Internet
Scientific
Consumer
time
distribution
2002
Más usuario y más activos
Producer

10. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Software Social
10
Relaciones (enlaces) entre personas (nodos)
- Comunidades en Red
- Seis grados de separación (s. Millgram)
The small world phenomenon (1967)
an experiment to know the “distance” between random people living separately. A
consequence is the six degrees of separation concept as a standard measure
between two random persons to have a common friend.

11. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Software Social
11
Perspective: Facebook Is Now 5th Most Valuable
U.S. Internet Company
by Michael Arrington on October 25, 2007

12. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Interfaces Inteligentes
12
Tema 6. Tendencias en IU
Multimodal
Adaptativo
Pro-activo (agentes)
Afectivos / emocionales

13. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Interfaces Inteligentes
13
Agentes:
- antropomorficos
- multimodales
http://www.ikea.com
http://www.ugr.es

14. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Interfaces Inteligentes emocional
14
Molesto
Triste
Frustrado Alegre
Excitado
Relajado
Positiva
Negativa
Alta
Baja
Activación
Valencia
(Grado de estimulación)
(Grado de
atracción)
Modelo de Lang (1995)

15. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Interfaces Inteligentes
15
Hipermedia adaptativa
Hipermedia adaptativa: almacena modelo del usuario para
personalizar la información.

16. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Técnicas de interacción
16
Habla

17. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Técnicas de interacción
17
Gestuales

18. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Técnicas de interacción
18
Hápticas

19. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Técnicas de interacción
19
Vestibles

20. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Técnicas de interacción
20
Inmersivas: Rooms

21. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Técnicas de interacción
21
Inmersivas: la cueva (Cave)
http://www.youtube.com/watch?v=Xvj6NaOI1es

22. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Técnicas de interacción
22
Tangibles & Mixed Reality
http://www.jucs.org/jucs_19_17/cubica_an_example_of/jucs_19_17_2598_2616_mateu.pdf
https://www.youtube.com/watch?v=tgXTQEcAhGs

23. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Técnicas de interacción
23
Inteligencia ambiental

24. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias en investigación
24
Aware home (Georgia Tech)
http://www.awarehome.gatech.edu
digital family portrait

25. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias en investigación
25
MIT Oxigen project
http://oxygen.csail.mit.edu

26. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias en investigación
26
MIT medialab
http://www.media.mit.edu/

27. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias en investigación
27
MIT medialab
http://www.media.mit.edu/
Ejemplos:
Viral spaces (http://viral.media.mit.edu/)
Combinacion de tecnología móvil con espacios físicos
Tangible Media Group (MIT medialab)
http://tangible.media.mit.edu
http://viral.media.mit.edu/projects/crystalball/
Desarrollo: http://www.media.mit.edu/research/demos-downloads
Lenguajes:
Processsing
Scratch

28. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias en investigación
28
GroupLab (University of Calgary)
Saul Greenberg
CSCW / Phidgets
http://grouplab.cpsc.ucalgary.ca/
groupkit, 1994
http://grouplab.cpsc.ucalgary.ca/Publications/1994-GroupKit-Video.CSCW
Proxemic Interaction
http://grouplab.cpsc.ucalgary.ca/Publications/2010-ProxemicInteractions.ITS

29. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias en investigación
29
Google Research
http://research.google.com/
https://research.google.com/bigpicture/

30. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias- arte interactivo
30
Subtittled public, 2005
http://vimeo.com/33932028
http://www.lozano-hemmer.com/
http://www.youtube.com/watch?v=IBL6imnolEk
Reference flow, 2010
http://www.lozano-hemmer.com/reference_flow.php

31. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias- arte interactivo
31
“La interactividad no es algo relacionado con sólo pulsar botones o
descargar ficheros; consiste en fomentar la comunicación” (Edwin
Schlossberg, 2002, Fundador de ESI Design)
Dream Cube, Shangai, 2010 (ESI Design)
http://vimeo.com/41500906

32. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias- storytelling & gamificación
32
http://www.submarinechannel.com/category/transmedia/
http://www.tstoryteller.com
Transmedia
MMOGs
iTV…

33. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias- storytelling & gamificación
33
http://lasthijack.submarinechannel.com
Premio Documental Interactivo
http://19reinos.canalplus.es/
http://www.conducttr.com/success-stories/game-of-thrones/
http://19reinos.cm.cr
19Reinos, promo transmedia de Juego de Tronos
http://bear71.nfb.ca/#/bear71
BEAR71

34. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias- arte interactivo
34
MOMA adquiere 14 videojuegos de una lista de unos 40 en el futuro para
una categoría nueva: artworks ( 29 NOV, 2012 ) COLLECTION &
EXHIBITIONS, Video Games
Pac-Man (1980)

35. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias clase
35

36. Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Evolución tecnológica
36
http://www.slate.com/articles/technology/map_of_the_week/2013/03/google_reader_joins_graveyard_of_dead_google_products.html