Tema 6 tendencias de IU

36
Tema 6: Tendencias en IU DISEÑO DE INTERFACES DE USUARIO edición 2015 Miguel Gea ([email protected]) 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

Transcript of Tema 6 tendencias de IU

Page 1: Tema 6 tendencias de IU

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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