Interacción y Experiencia de Usuario

Datos de la asignatura

1.1 Datos de la asignatura

Aprender haciendo

01CrearAppInventor

Construir una aplicación móvil para resolver una necesidad propia.

→

02Conversarn8n

Conectar un agente conversacional con un flujo de trabajo.

→

03ExplorarUnity

Crear experiencias de realidad virtual, aumentada o mixta.

→

04NarrarTwine

Diseñar una historia interactiva con decisiones y consecuencias.

→

05EvaluarUX

Observar el uso y valorar la experiencia de las personas.

Volver

1.1 Datos de la asignatura

Cinco bloques, el mismo peso

01EUD20 %

02Interacción verbal20 %

03Entornos inmersivos20 %

04Videojuegos20 %

05UX20 %

Un poco de historia

1.2 Un poco de historia

De los documentos a la conversación

011945Memex

→

021963Sketchpad

→

031973Xerox Alto

→

041984Macintosh

→

052007iPhone

→

062022ChatGPT

Un poco de historia

Cronología

1940’s	Vannevar Bush — Visionario del hipertexto e internet
1960’s	Douglas Engelbart — Stanford SRI, Inventor del ratón
1970’s	Alan Kay — Xerox PARC, WIMP Diciembre 1979 ⇒ Steve Jobs visita el Xerox PARC
1983-1984	Apple Computer — Lisa + Macintosh
1985-1995	Bill Gates — Microsoft Windows 1.0 / 3.1 / 95
2000’s	Steve Jobs (again) 2007 ⇒ iPhone, pantalla táctil capacitiva
2017-2020	Deep learning, transformers 2022 ⇒ Sam Altman — ChatGPT

Un poco de historia

Historia de las interfaces de usuario (WIMP)

Un poco de historia

A user interface is the space where interactions between humans and machines occur

https://history.user-interface.io/

Douglas Engelbart

En 1962, en el Stanford Research Institute, desarrolló el NLS (oN-Line System), un sistema de interacción humano-computador que permitía al usuario interactuar con la computadora a través de un teclado, un ratón y una pantalla. Este sistema fue el antecedente de los sistemas de interacción gráfica de hoy en día.

Alan Kay

En 1968, en el Xerox Palo Alto Research Center (PARC), desarrolló Smalltalk, un lenguaje de programación orientado a objetos que permitía la creación de interfaces gráficas de usuario. Este lenguaje fue el antecedente de los lenguajes de programación orientados a objetos de hoy en día.

Alan Kay

En 1973, Xerox desarrolló Xerox Alto, el primer prototipo con interfaces gráficas de usuario WIMP (Windows, Icons, Menus, Pointer).

Alan Kay

WYSIWYG

Interfaz WIMP de Xerox Alto (1973) [2'15"]

Xerox - The Company that threw away everything [30'']

Alan Kay

La interfaz WIMP de Xerox Alto fue la primera GUI que permitía la creación de ventanas, iconos, menús y ratón. Esta interfaz fue el antecedente de las interfaces gráficas de usuario de hoy en día. Xerox Alto (1973) no fue un producto comercial, pero su tecnología fue licenciada primero por Apple y luego por Microsoft para sus propios sistemas operativos. Xerox Star (1981) fue el primer producto comercial que utilizó la interfaz WIMP, pero no tuvo éxito en el mercado debido a su precio.

Alan Kay

WIMP

Alan Kay

WIMP = Windows, Icons, Menus and Pointer

Alan Kay

Xerox WIPM: Del laboratorio a la edición interactiva

La restauración del Alto permite observar herramientas de edición, dibujo, red y Smalltalk en una misma plataforma. La demostración de Bravo muestra selección de texto, inserción, copia, formato y desplazamiento por documentos. Estas operaciones ayudan a estudiar cómo la representación visible y la rapidez de respuesta hacen posible trabajar sobre un resultado mientras se construye.
Vídeo: Xerox Alto Restoration — Demo: observar las diferencias entre Bravo y el entorno de ventanas de Smalltalk.
Vídeo: Yesterday’s Computer of Tomorrow — Bravo Demo: comparar sus selecciones y modos de edición con un procesador de texto actual.
Vídeo: All the Widgets (1990), Brad A. Myers: visionado complementario para recorrer la historia de los controles de interfaz.

Steve Jobs

Steve Jobs visitó el PARC de Xerox en 1979 y se llevó consigo la idea de la interfaz gráfica de usuario WIMP.

Steve Jobs

En 1983, Jobs presentó el Apple Lisa, el primer ordenador personal de Apple que operaba con interfaz gráfica de usuario WIMP y un ratón. La tecnología del Lisa fue utilizada posteriormente en el Apple Macintosh (1984), que se convirtió en el primer ordenador personal de éxito comercial con interfaz gráfica de usuario WIMP.

Steve Jobs

How Steve Jobs got the ideas of GUI from XEROX [9'40"]

Steve Jobs

Interfaces WIMP

Interfaz WIMP del Apple Macintosh (1987) [1'21'']

Ver la película "Steve Jobs"

Steve Jobs

Macintosh WIMP: Innovación técnica y difusión de una interfaz

El fragmento documental sobre la visita de Jobs a PARC y la retrospectiva sobre Xerox permiten separar dos problemas: inventar una forma de interacción y convertirla en un producto que se difunde. La historia de las GUI no se explica solo por una persona o una fecha; intervienen investigación, demostraciones, decisiones de producto y adaptación de ideas anteriores.
Vídeos: How Steve Jobs got the ideas of GUI from XEROX y Xerox — The Company That Threw Away Everything.
Lectura crítica: el segundo video mezcla historia tecnológica con una valoración empresarial de su autor. Sus pronósticos sobre Xerox no son hechos históricos ni se usan aquí como descripción de su situación actual.

Bill Gates

Bill Gates incorpora la interfaz WIMP a Windows.

Bill Gates

Bill Gates a Steve Jobs, sobre la tecnología de Xerox

Bill Gates

Creo que es más como si ambos tuviéramos este vecino rico llamado Xerox y yo irrumpí en su casa para robar el televisor y descubrí que tú [Steve Jobs] ya lo habías robado

Steve Jobs (again)

Apple incorpora las pantallas táctiles capacitivas a sus dispositivo móvil iPhone, lo que amplía el interés en nuevas formas de entrada y en las interfaces gráficas de usuario basadas en gestos.

Steve Jobs (again)

Es importante distinguir entre las mejores interfaces de usuario para entrada y las mejores para salida.

Sam Altman

Sam Altman, director ejecutivo de Open AI, propone el término Language User Interface (LUI) para referirse a las interfaces de usuario basadas en lenguaje natural:

Sam Altman

Interacciones conversacionales (chatbots)
Sugerencias generadas por Large Language Models (LLM)
Interacciones contextualizadas

Sam Altman

A pesar de que los LLM son una tecnología clave para la interacción verbal de entrada (chatbots), las interfaces de salida siguen siendo muchas veces gráficas, visuales o de otro tipo (por ejemplo, hápticas).

Sam Altman

Vannevar Bush

Fue un físico estadounidense que trabajó en el MIT y en el Laboratorio de Investigación de la Oficina de Servicios de Guerra durante la Segunda Guerra Mundial. En 1945 publicó un artículo en la revista Atlantic Monthly titulado As We May Think en el que propuso un sistema de almacenamiento y recuperación de información basado en la idea de un hipotético dispositivo denominado memex.

Vannevar Bush

1940’s: As We May Think

Vannevar Bush

Visionario del hipertexto y la Internet

Consider a future device for individual use, which is a sort of mechanized private file and library. It needs a name, and, to coin one at random, "memex" will do. A memex is a device in which an individual stores all his books, records, and communications, and which is mechanized so that it may be consulted with exceeding speed and flexibility. It is an enlarged intimate supplement to his memory…

— Vannevar Bush
As We May Think

Vannevar Bush

Memex fue el hipotético dispositivo hipertextual propuesto por Bush, un sistema de almacenamiento y recuperación de información que permitía la navegación entre documentos y la creación de hipervínculos entre ellos. Bush propuso que el dispositivo fuera capaz de almacenar y recuperar información de forma automática, de forma que el usuario pudiera concentrarse en la búsqueda de información y no en la gestión de la misma.

Vannevar Bush

Memex animation [2'33'']

Vannevar Bush

Memex: Del archivo al recorrido de asociaciones

La animación del Memex muestra cómo una consulta se convierte en un recorrido: el usuario relaciona documentos, incorpora comentarios y conserva caminos que puede recuperar y compartir. El interés está en representar las relaciones que construye una persona, además de almacenar los documentos.
Vídeo: Memex animation — Vannevar Bush’s diagrams made real. Es una recreación posterior de la propuesta de Bush, no una filmación de una máquina construida en 1945.

Volver

Ivan Sutherland · Sketchpad, 1962–1963 · MIT Museum / CHM 102652182

Ivan Sutherland

En 1963, en el MIT, desarrolló el primer prototipo de un dispositivo de interacción humano-computador, el Sketchpad, que permitía al usuario interactuar con la computadora dibujando en una pantalla. Este dispositivo fue el antecedente de los sistemas de interacción gráfica de hoy en día.

Ivan Sutherland

1960’s: Sketchpad

Premio BBVA 2019 Fronteras del conocimiento en categoría TIC a Ivan Sutherland [2'35'']

Steven A. Coons explicando Sketchpad [2'35'']

Ivan Sutherland

Sketchpad: dibujar, imponer relaciones y modificar

En la demostración de Sketchpad, el lápiz luminoso permite introducir figuras y actuar sobre ellas. La pantalla funciona como una ventana sobre un espacio de dibujo mayor. La interacción no consiste únicamente en producir una imagen: las relaciones entre sus elementos permiten modificar la construcción conservando su estructura.
Vídeos: Ivan Sutherland Sketchpad Demo 1963.

Volver

Alan Kay

En 1973, Xerox desarrolló Xerox Alto, el primer prototipo con interfaces gráficas de usuario WIMP (Windows, Icons, Menus, Pointer).

Alan Kay

WYSIWYG

Interfaz WIMP de Xerox Alto (1973) [2'15"]

Xerox - The Company that threw away everything [30'']

Alan Kay

WIMP

Alan Kay

WIMP = Windows, Icons, Menus and Pointer

Alan Kay

Xerox WIPM: Del laboratorio a la edición interactiva

La restauración del Alto permite observar herramientas de edición, dibujo, red y Smalltalk en una misma plataforma. La demostración de Bravo muestra selección de texto, inserción, copia, formato y desplazamiento por documentos. Estas operaciones ayudan a estudiar cómo la representación visible y la rapidez de respuesta hacen posible trabajar sobre un resultado mientras se construye.
Vídeo: Xerox Alto Restoration — Demo: observar las diferencias entre Bravo y el entorno de ventanas de Smalltalk.
Vídeo: Yesterday’s Computer of Tomorrow — Bravo Demo: comparar sus selecciones y modos de edición con un procesador de texto actual.
Vídeo: All the Widgets (1990), Brad A. Myers: visionado complementario para recorrer la historia de los controles de interfaz.

Volver

Steve Jobs

Steve Jobs visitó el PARC de Xerox en 1979 y se llevó consigo la idea de la interfaz gráfica de usuario WIMP.

Steve Jobs

How Steve Jobs got the ideas of GUI from XEROX [9'40"]

Steve Jobs

Interfaces WIMP

Interfaz WIMP del Apple Macintosh (1987) [1'21'']

Ver la película "Steve Jobs"

Steve Jobs

Macintosh WIMP: Innovación técnica y difusión de una interfaz

El fragmento documental sobre la visita de Jobs a PARC y la retrospectiva sobre Xerox permiten separar dos problemas: inventar una forma de interacción y convertirla en un producto que se difunde. La historia de las GUI no se explica solo por una persona o una fecha; intervienen investigación, demostraciones, decisiones de producto y adaptación de ideas anteriores.
Vídeos: How Steve Jobs got the ideas of GUI from XEROX y Xerox — The Company That Threw Away Everything.
Lectura crítica: el segundo video mezcla historia tecnológica con una valoración empresarial de su autor. Sus pronósticos sobre Xerox no son hechos históricos ni se usan aquí como descripción de su situación actual.

Volver

Volver

Volver

1.2 Un poco de historia

Memex: enlazar el conocimiento

Documentos → asociaciones → recuperación

Vannevar Bush

1940’s: As We May Think

Vannevar Bush

Visionario del hipertexto y la Internet

Consider a future device for individual use, which is a sort of mechanized private file and library. It needs a name, and, to coin one at random, "memex" will do. A memex is a device in which an individual stores all his books, records, and communications, and which is mechanized so that it may be consulted with exceeding speed and flexibility. It is an enlarged intimate supplement to his memory…

— Vannevar Bush
As We May Think

Vannevar Bush

Memex animation [2'33'']

Vannevar Bush

Memex: Del archivo al recorrido de asociaciones

La animación del Memex muestra cómo una consulta se convierte en un recorrido: el usuario relaciona documentos, incorpora comentarios y conserva caminos que puede recuperar y compartir. El interés está en representar las relaciones que construye una persona, además de almacenar los documentos.
Vídeo: Memex animation — Vannevar Bush’s diagrams made real. Es una recreación posterior de la propuesta de Bush, no una filmación de una máquina construida en 1945.

Vannevar Bush

1940’s: As We May Think

Vannevar Bush

Visionario del hipertexto y la Internet

Consider a future device for individual use, which is a sort of mechanized private file and library. It needs a name, and, to coin one at random, "memex" will do. A memex is a device in which an individual stores all his books, records, and communications, and which is mechanized so that it may be consulted with exceeding speed and flexibility. It is an enlarged intimate supplement to his memory…

— Vannevar Bush
As We May Think

Vannevar Bush

Memex animation [2'33'']

Vannevar Bush

Memex: Del archivo al recorrido de asociaciones

La animación del Memex muestra cómo una consulta se convierte en un recorrido: el usuario relaciona documentos, incorpora comentarios y conserva caminos que puede recuperar y compartir. El interés está en representar las relaciones que construye una persona, además de almacenar los documentos.
Vídeo: Memex animation — Vannevar Bush’s diagrams made real. Es una recreación posterior de la propuesta de Bush, no una filmación de una máquina construida en 1945.

Volver

Vídeos recomendados

Memex: Del archivo al recorrido de asociaciones

Memex animation - Vannevar Bush's diagrams made real

Mark Sanderson - researcher

1.2 Un poco de historia

Sketchpad: actuar sobre lo que se ve

Ivan Sutherland

1960’s: Sketchpad

Premio BBVA 2019 Fronteras del conocimiento en categoría TIC a Ivan Sutherland [2'35'']

Steven A. Coons explicando Sketchpad [2'35'']

Ivan Sutherland

Sketchpad: dibujar, imponer relaciones y modificar

En la demostración de Sketchpad, el lápiz luminoso permite introducir figuras y actuar sobre ellas. La pantalla funciona como una ventana sobre un espacio de dibujo mayor. La interacción no consiste únicamente en producir una imagen: las relaciones entre sus elementos permiten modificar la construcción conservando su estructura.
Vídeos: Ivan Sutherland Sketchpad Demo 1963.

Ivan Sutherland · Sketchpad, 1962–1963 · MIT Museum / CHM 102652182

Ivan Sutherland

1960’s: Sketchpad

Premio BBVA 2019 Fronteras del conocimiento en categoría TIC a Ivan Sutherland [2'35'']

Steven A. Coons explicando Sketchpad [2'35'']

Ivan Sutherland

Sketchpad: dibujar, imponer relaciones y modificar

En la demostración de Sketchpad, el lápiz luminoso permite introducir figuras y actuar sobre ellas. La pantalla funciona como una ventana sobre un espacio de dibujo mayor. La interacción no consiste únicamente en producir una imagen: las relaciones entre sus elementos permiten modificar la construcción conservando su estructura.
Vídeos: Ivan Sutherland Sketchpad Demo 1963.

Volver

Vídeos recomendados

Sketchpad: dibujar, imponer relaciones y modificar

Ivan Sutherland Sketchpad Demo 1963

Interface Studies

Vídeos recomendados

Xerox WIPM: Del laboratorio a la edición interactiva

Xerox Alto Restoration Part 17 - Xerox Alto Demo

CuriousMarc

Yesterday's Computer of Tomorrow: The Xerox Alto │Bravo Demo

Computer History Museum

All the Widgets (Fixed v2) - 1990

Brad Myers

Visionado complementario · sin transcripción disponible

Xerox WIPM: Del laboratorio a la edición interactiva

La restauración del Alto permite observar herramientas de edición, dibujo, red y Smalltalk en una misma plataforma. La demostración de Bravo muestra selección de texto, inserción, copia, formato y desplazamiento por documentos. Estas operaciones ayudan a estudiar cómo la representación visible y la rapidez de respuesta hacen posible trabajar sobre un resultado mientras se construye.
Vídeo: Xerox Alto Restoration — Demo: observar las diferencias entre Bravo y el entorno de ventanas de Smalltalk.
Vídeo: Yesterday’s Computer of Tomorrow — Bravo Demo: comparar sus selecciones y modos de edición con un procesador de texto actual.
Vídeo: All the Widgets (1990), Brad A. Myers: visionado complementario para recorrer la historia de los controles de interfaz.

Vídeos recomendados

Macintosh WIMP: Innovación técnica y difusión de una interfaz

How Steve Jobs got the ideas of GUI from XEROX

Ringo Pebam

Xerox - The Company That Threw Away Everything

Logically Answered

Un poco de teoría

1.3 Un poco de teoría

La interfaz conecta dos mundos

01PersonaPercibe y decide

Parte de una intención y comprueba si consigue su objetivo.

→

02InterfazRepresenta y responde

Hace visibles las acciones posibles y el estado del sistema.

→

03OrdenadorEjecuta funciones

Transforma las entradas en resultados mediante operaciones.

Un poco de teoría

Antes de las interfaces de usuario…

Un poco de teoría

Timesharing: Tiempo compartido y continuidad de la interacción

Vídeo: 1963 Timesharing: A Solution to Computer Bottlenecks.
La entrevista de 1963 a Fernando Corbató contrapone el procesamiento por lotes, con esperas largas, al acceso mediante terminales compartidos. El ordenador alterna usuarios con rapidez y cada persona puede continuar su trabajo de forma interactiva. Una infraestructura distinta cambia así el ritmo de la relación con la máquina.
La demostración incluye un programa que pide datos y solicita una aclaración si la respuesta no coincide con las opciones esperadas. La facilidad de uso depende también de cómo el sistema mantiene el diálogo y ayuda a recuperarse de una entrada inesperada.

Interfaces de usuario

Interfaces de usuario

Interfaces de usuario

Software y hardware que salvan las diferencias entre la acciones humanas y las acciones del ordenador

Interfaces de usuario

Comportamiento funcional determinista del ordenador
Las UI (User Interface) hacen un mapping de las capacidades sensoriales, cognitivas y sociales del humano hacia las funciones de la máquina
Las UI deben ofrecer representaciones "aprendibles" (learnable): algunas lo hacen y otras no

Vídeos recomendados

Timesharing: Tiempo compartido y continuidad de la interacción

1963 Timesharing: A Solution to Computer Bottlenecks

Computer History Museum

1.3 Un poco de teoría

Teorías de la interacción

Teoría de la actividad

Actividades y tareas del usuario

Modelos conceptuales

Representación mental del sistema

Procesos de diseño

Decisiones y revisión del diseño

Búsqueda de información

Encontrar y relacionar información

Semiótica

Interpretación de signos

Comunicación

Intercambio de mensajes y significado

1.3 Un poco de teoría · Pregunta

¿Qué implica este significante?

1.3 Un poco de teoría

Affordance y feedback

01Pista visual¿Qué puedo hacer?

La forma del objeto sugiere cómo interactuar con él.

→

02AcciónLo intento

El usuario prueba una operación sobre la representación.

→

03Respuesta¿Qué ha ocurrido?

El sistema permite reconocer el efecto de la acción.

1.3 Un poco de teoría · Pregunta

¿Cuáles de las siguientes interfaces proporcionan representaciones aprendibles?

Ratón
Pantalla táctil
Interfaz de voz
Dispositivo de VR

1.3 Un poco de teoría

Aprendibilidad: descubrir cómo actuar

01RatónAcción indirecta

El movimiento de la mano controla un puntero en pantalla.

02Pantalla táctilAcción sobre el objeto

El gesto se realiza directamente sobre la representación.

03VozExpresar una intención

La petición requiere interpretar palabras y contexto.

04Realidad virtualActuar en un espacio inmersivo

La mirada, los gestos y los mandos permiten explorar y actuar en el entorno.

1.3 Un poco de teoría · Pregunta

¿Todas las UI proporcionan un comportamiento funcional determinista?

El material para responder se desarrolla en «La interfaz conecta dos mundos».

Un poco de teoría

Antes de las interfaces de usuario…

Un poco de teoría

Timesharing: Tiempo compartido y continuidad de la interacción

Vídeo: 1963 Timesharing: A Solution to Computer Bottlenecks.
La entrevista de 1963 a Fernando Corbató contrapone el procesamiento por lotes, con esperas largas, al acceso mediante terminales compartidos. El ordenador alterna usuarios con rapidez y cada persona puede continuar su trabajo de forma interactiva. Una infraestructura distinta cambia así el ritmo de la relación con la máquina.
La demostración incluye un programa que pide datos y solicita una aclaración si la respuesta no coincide con las opciones esperadas. La facilidad de uso depende también de cómo el sistema mantiene el diálogo y ayuda a recuperarse de una entrada inesperada.

Interfaces de usuario

Interfaces de usuario

Interfaces de usuario

Software y hardware que salvan las diferencias entre la acciones humanas y las acciones del ordenador

Interfaces de usuario

Comportamiento funcional determinista del ordenador
Las UI (User Interface) hacen un mapping de las capacidades sensoriales, cognitivas y sociales del humano hacia las funciones de la máquina
Las UI deben ofrecer representaciones "aprendibles" (learnable): algunas lo hacen y otras no

Vídeos recomendados

Emotiv brain—computer interface (BCI) with portable EEG

Observa la demostración para debatir cómo se relacionan las señales EEG, su interpretación y la respuesta de la interfaz.

Emotiv brain—computer interface (BCI) with portable EEG

1.3 Un poco de teoría

Una interfaz, muchas disciplinas

Interfaz

InformáticaPsicologíaDiseñoErgonomíaLingüísticaSociología

Disciplinas involucradas

Disciplinas involucradas

Disciplinas involucradas

Ciencia de la computación (en España, Informática)
Sistemas de información (en España, Informática; fuera, Business)
Ingeniería del software (en España, Informática)
Inteligencia artificial (en España, Informática)
Ergonomía y diseño de producto (en España, Diseño industrial y desarrollo de producto)
Diseño gráfico
Psicología cognitiva y Neuropsicología
Sociología
Lingüística [computacional]
Information Science (en España, Biblioteconomía y documentación)
Filosofía y Antropología

Disciplinas involucradas

HCI: Situar la interacción persona-ordenador en el mapa de la informática

El mapa de Dominic Walliman organiza la informática en teoría, ingeniería y aplicaciones. Sitúa la interacción persona-ordenador junto a ámbitos como la realidad virtual, la realidad aumentada y la robótica. Para IEU, interesa reconocer las conexiones: una interfaz usa capacidades técnicas, pero debe estudiarse también desde las tareas y capacidades de las personas.
Vídeo: Map of Computer Science: IPO y entornos inmersivos, desde 8:55.
Propuesta de actividad: localizar en el mapa las áreas que necesita una aplicación de la asignatura y justificar qué aporta cada una.

Teorías de la interacción

Múltiples teorías

Teorías de la interacción

Teoría de la actividad
Modelos conceptuales
Procesos de diseño
Búsqueda de información
Semiótica
Comunicación
Etc.

Teorías de la interacción

La teoría de la actividad se centra en el análisis de las actividades que el usuario realiza con el sistema y en la descripción de las tareas que el usuario realiza con el sistema.
Los modelos conceptuales se basan en la idea de que el usuario tiene una representación mental del sistema y que esta representación mental se construye a partir de la experiencia del usuario con el sistema.
La semiótica se basa en la idea de que el usuario interpreta el sistema como un conjunto de signos.

Vídeos recomendados

HCI: Situar la interacción persona-ordenador en el mapa de la informática

Map of Computer Science

Domain of Science

Map of Computer Science: IPO y entornos inmersivos, desde 8:55

1.3 Un poco de teoría

Pregunta para el aula

¿Qué interfaz resulta más fácil de aprender?

Elegid una tarea y comparad ratón, tacto y voz.

Temario detallado

1.4 Temario detallado

Temario detallado

01EUD y bloquesCrear herramientas

→

02Interacción verbalConversar y combinar modalidades

→

03Entornos inmersivosExplorar realidad virtual, aumentada y mixta

→

04VideojuegosDiseñar y aprender jugando

→

05UXEvaluar la experiencia

Temario detallado

Tema 1. Interacción + Lenguajes visuales y de bloques

Temario detallado

Teoría

Estilos de interacción

End-user development

Lenguajes visuales de bloques

Herramientas

Scratch, Snap!, App Inventor, Tinker CAD, Workflows N8N, etc.

Temario detallado

Tema 2. Interacción multimodal y verbal

Temario detallado

Teoría

Interacción multi-modal

Interfaces verbales

Herramientas

DialogFlow, IBM Watson, Amazon Lex, Rasa NLU, N8N, ChatGPT, etc.

Temario detallado

Tema 3. Entornos inmersivos: realidad virtual, aumentada y mixta

Temario detallado

Teoría

Conceptos

Dispositivos y demostración

Herramientas

Vuforia, Unity 3D, VEDILS, etc.

Temario detallado

Tema 4. Videojuegos y aprendizaje: evaluación y ludificación

Temario detallado

Teoría

Videojuegos como herramientas de aprendizaje, gamificación y evaluación

Herramientas

Twine, H5P, etc.

Temario detallado

Tema 5. Usabilidad y experiencia de usuario

Temario detallado

Teoría

Usabilidad, Experiencia de usuario, Accesiblidad, Arquitectura de la información, Diseño de la interacción

Herramientas

Evaluación de UX