Download - Tema 6 tendencias de IU
![Page 1: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/1.jpg)
Tema 6: Tendencias en IU
D I S E ÑO D E I N T E R FAC E S D E U S UA R I O
e d i c i ó n 2 015
!
!Miguel Gea ([email protected])Dpt. Lenguajes y Sistemas InformáticosGrado en Ingeniería InformáticaUniversidad de Granadahttp://utopolis.ugr.es/diu
http://www.slideshare.net/mgea/
13 ene, 2016
![Page 2: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/2.jpg)
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)
![Page 3: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/3.jpg)
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
![Page 4: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/4.jpg)
Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Sistemas Colaborativos
4
Sistemas InteractivosSistemas 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
![Page 5: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/5.jpg)
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 aCLeer/Escribir
1500 Imprenta
1980 Ordenador
2000
Impacto social
Tiempo
Capacidad humana
Desarrollo Individual
Desarrollo en grupo
¿ CSCW ?
![Page 6: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/6.jpg)
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 LugarCara a cara
Clases, salas de reunión
Interacción asíncrona Planificadores de
proyectos, Herramientas de coordinación
Lugares diferentesDistribución síncrona Editores compartidos,
ventanas
Distribución asíncrona Correo electrónico,
tablones de anuncios
![Page 7: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/7.jpg)
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
![Page 8: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/8.jpg)
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
![Page 9: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/9.jpg)
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
dist
ribu
tion
2002Más usuario y más activos
Producer
![Page 10: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/10.jpg)
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.
![Page 11: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/11.jpg)
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 Companyby Michael Arrington on October 25, 2007
![Page 12: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/12.jpg)
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
![Page 13: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/13.jpg)
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
![Page 14: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/14.jpg)
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
PositivaNegativa
Alta
Baja
Activación
Valencia
(Grado de estimulación)
(Grado de atracción)
Modelo de Lang (1995)
![Page 15: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/15.jpg)
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.
![Page 16: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/16.jpg)
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
![Page 17: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/17.jpg)
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
![Page 18: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/18.jpg)
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
![Page 19: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/19.jpg)
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
![Page 20: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/20.jpg)
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
![Page 21: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/21.jpg)
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
![Page 22: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/22.jpg)
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
![Page 23: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/23.jpg)
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
![Page 24: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/24.jpg)
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
![Page 25: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/25.jpg)
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
![Page 26: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/26.jpg)
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/
![Page 27: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/27.jpg)
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
![Page 28: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/28.jpg)
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
![Page 29: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/29.jpg)
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/
![Page 30: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/30.jpg)
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, 2005http://vimeo.com/33932028
http://www.lozano-hemmer.com/http://www.youtube.com/watch?v=IBL6imnolEk
Reference flow, 2010http://www.lozano-hemmer.com/reference_flow.php
![Page 31: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/31.jpg)
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
![Page 32: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/32.jpg)
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…
![Page 33: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/33.jpg)
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
![Page 34: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/34.jpg)
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)
![Page 35: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/35.jpg)
Tema 6. Nuevas Tendencias en IU. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu
Tendencias clase
35
![Page 36: Tema 6 tendencias de IU](https://reader033.vdocument.in/reader033/viewer/2022042908/58ef7bf41a28abdc6c8b463d/html5/thumbnails/36.jpg)
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