Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de...
Transcript of Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de...
![Page 1: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/1.jpg)
laboratorio digitalLicenciatura en DiseñoUPC
Lila Pagola
http://espaciodetrabajo.com.ar/upc/ https://delicious.com/lila
![Page 2: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/2.jpg)
Modalidad académica
Promocional: 7 o mas en todas las evaluaciones, sin recuperatorio, sin promediar75% asistencia
Regular:4 a 6 en alguna o todas las evaluaciones65% asistencia (50% con certif. de trabajo)
Libre por cursado:3 o menos en alguna evaluación o su recuperatorioNo llegar al % de asistencia
![Page 3: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/3.jpg)
Modalidad de cursadobimodal al 50%
Clases presencialesActividades virtuales obligatorias (50% dedicación a la materia)
3 evaluaciones:●TP1 Actividades del blog (individual)●Parcial (individual)●Trabajo Final (grupal)
Horario de consulta (canal a determinar)Martes de 15 a 16hs
![Page 4: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/4.jpg)
diseño interactivo
definiciones del área
● temporalidad (no lineal)● potencialmente multimedia● producción compleja a ser desglosada● trabajo en equipo
diferencias
● el acento puesto sobre la interactividad, no sobre la tensión narrativa ● ritmo determinado por el control que le de al usuario
![Page 5: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/5.jpg)
Diseño de experiencia de usuario
(UX)
● La función de los profesionales de la experiencia de usuario es hacer la tecnología amigable, satisfactoria, fácil de usar y, por tanto, realmente útil.
Si el marketing tradicional se basaba en promesas, la experiencia de usuario se basa en hechos. Es precisamente la experiencia usando un producto, cómo este es capaz de resolver nuestras necesidades y objetivos de forma eficiente y fluida (…) Y. Hassan Montero.
![Page 6: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/6.jpg)
Interfaces de usuario
![Page 7: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/7.jpg)
Cuando los seres humanos y los ordenadores interactúan lo hacen a través de un medio o interfaz.
Una interfaz es una superficie de contacto [Laurel, 1990] que refleja las propiedades físicas de los que interactúan, las funciones a realizar y el balance de poder y control.
![Page 8: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/8.jpg)
una interfase de usuario de un sistema consiste de aquellos aspectos del sistema con los que el usuario entra en contacto:
● físicamente, ● perceptivamente o ● conceptualmente
![Page 9: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/9.jpg)
La disciplina que se ocupa del estudio de la relación usuario-computadora esla HCI
Human-computer interaction: HCI
La HCI es la disciplina básica para el diseño y análisis de interfaces de usuario
![Page 10: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/10.jpg)
El desarrollo de la HCI está en sintonía con el de las UI (user interface) y podemos hablar de 2 generaciones de UI:
- las UI textuales o de comandos (simbólica)- las GUI (graphical user interface o interface gráfica de usuario) (icónica)
- las NUI (natural user interface) (gestos naturales, pantallas táctiles, movimientos)
- la siguiente generación serían las interfaces 3D (indicial)
![Page 11: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/11.jpg)
![Page 12: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/12.jpg)
Interfaces de comando: DOSConsola LinuxWordstar
etc.
- interacción desde el teclado, con comandos y parámetros- baja tolerancia al error- ayuda críptica- software monotarea
= alta curva de aprendizaje
Mayor rendimiento de los recursos informáticos por menor uso en la prevención del error humano, limitado por la monotarea
Mayor versatilidad y estabilidad en el sistema
![Page 13: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/13.jpg)
![Page 14: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/14.jpg)
![Page 15: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/15.jpg)
Wordstar: un procesador de texto para las UI de comandos
![Page 16: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/16.jpg)
Interfaces gráficas de usuario GUI
- interacción desde el mouse, a partir de ver y señalar- alta tolerancia al error y multiplicidad de modos de llegar al mismoresultado- ayuda contextual y por niveles- software multitarea, aplicaciones como “ventanas”- amplio uso de recursos visuales: iconos, animaciones, TTF, etc.
= baja curva de aprendizaje
Menor rendimiento de los recursos informáticos por mayor uso En retroalimentación de acciones y prevención del error humanoMenor versatilidad y estabilidad en el sistema
![Page 17: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/17.jpg)
Interfaces gráficas de usuario GUI
Directas: los elementos de la GUI se presentan de modo literal, sin significados a deducir o que apelan al conocimiento oexperiencia previa del usuario.
- predominan los controles textuales o iconos convencionales- no suelen proponer interacción exploratoria- los géneros más frecuentes que la usan preferentemente son: informacional, educativos de alta carga cognitiva
![Page 18: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/18.jpg)
![Page 19: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/19.jpg)
![Page 20: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/20.jpg)
![Page 21: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/21.jpg)
Interfaces gráficas de usuario GUI
Metafóricas o de simulación: los elementos de la GUI se presentan integrados bajo una metáfora general que es reconocible para el usuario-meta.
- predominan los controles visuales coherentes a la metáforaen posición, escala, funcionamiento- suelen basarse en calidad de interacción exploratoria- los géneros más frecuentes que la usan son: promocional, ficcional, educativos para niños pequeños (pre-escolar), artístico-experimental
![Page 22: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/22.jpg)
![Page 23: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/23.jpg)
![Page 24: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/24.jpg)
![Page 25: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/25.jpg)
![Page 26: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/26.jpg)
Clasificación de las interfases de simulación o metafóricas:
- objetohttp://www.erikotten.nl/7/ - espaciohttp://www.bigspaceship.com/archive/hbovoyeur/ http://lab.rtve.es/en-el-reino-del-plomo/documental.htmlhttp://www.telabr.com.br/oficinas-virtuais- actividad http://muva.elpais.com.uy/flash/muva.htm?&lang=sp&flr=S1&rom=ROOM&num=7http://archive.hi-res.net/MinorityReport/index/index.html
Metáfora del escritorio para OSMetáfora de la actividad real que reemplaza el software (animación=película; escribir=página, etc.)Metáforas especiales para un sólo uso (viaje, objeto, etc.)
![Page 27: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/27.jpg)
Video Everything is a remix 3Minuto 3
![Page 28: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/28.jpg)
Interfaces gráficas de usuario {GUI}
elementos:
• Manipulación directa de objetos gráficos: ● el principio del WYSIWYG • El ratón (mouse) • Las ventanas (windows)• Programas de dibujo y pintura (desde 1985)• Edición y procesamiento de texto basado en GUI, desde 1974 (Star, de Xerox; LisaWrite y Macwrite)• Hoja de cálculo: Visicalc desarrollada para el Apple II en 1978.• Hipertexto• Reconocimiento de gestos y acciones (asistentes)
![Page 29: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/29.jpg)
![Page 30: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/30.jpg)
Xerox Star- la primera implementación GUI
![Page 31: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/31.jpg)
Sistemas de autoría
![Page 32: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/32.jpg)
GUI dependen de:
- dispositivos de entrada de manipulación directa (mouse, joystick,gestos naturales)
- imágenes digitales: monitores, y software para crear, editar y reproducirimágenes
Según Alan Kay (1989), nuestros procesos de aprendizaje se ven favorecidos en UI que permitan:
Hacer (punteros) saber donde estamos, manipular, explorarCon imágenes (iconos, ventanas) reconocer, comparar, configurar, concretarCrear símbolos (programación orientada a objetos) une largas cadenas de razonamiento,abstrae
![Page 33: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/33.jpg)
![Page 34: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/34.jpg)
![Page 35: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/35.jpg)
Tipos de GUI
●Interfase directa●Interfase metafórica o de simulación
● Metáfora de objeto● Metáfora de lugar● Metáfora de actividad
Ejemplos: https://delicious.com/lila/search/met%C3%A1fora
![Page 36: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/36.jpg)
Clasificación de las interfases de simulación o metafóricas:
- objetohttp://www.tedperez.com/archive/leatherheads/site/http://www.erikotten.nl/7/ - espacio http://lab.rtve.es/en-el-reino-del-plomo/documental.htmlhttp://www.telabr.com.br/oficinas-virtuais http://www.escuelaanimadores.com.ar/ - actividad http://rice5.com/v2/index.html http://muva.elpais.com.uy/flash/muva.htm?&lang=sp&flr=S1&rom=ROOM&num=7
http://archive.hi-res.net/MinorityReport/index/index.html
Metáfora del escritorio para OSMetáfora de la actividad real que reemplaza el software (animación=película; escribir=página, etc.)Metáforas especiales para un sólo uso (viaje, objeto, etc.)
![Page 37: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/37.jpg)
Reglas para diseñar GUI
● Dar control al usuario• Reducir la carga de memoria del usuario• Consistencia
![Page 38: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/38.jpg)
![Page 39: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/39.jpg)
![Page 40: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/40.jpg)
![Page 41: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/41.jpg)
Knowledge navigator 1987
![Page 42: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/42.jpg)
![Page 43: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/43.jpg)
Principios de diseño GUI
● Metáforas●Manipulación directa●Ver y señalar●Consistencia●WYSIWYG●Dar control al usuario●Feedback y diálogo●Perdón●Percepción de estabilidad●Integridad estética
Extraído de Human interface principles. Apple Inc.
![Page 44: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/44.jpg)
Interfaces de tercera generación:
Knowledge navigator http://www.youtube.com/watch?v=8mLqJNDWx-8 Future Shock http://www.youtube.com/watch?v=QcYrPkFe2J0
http://www.ted.com/talks/lang/spa/pattie_maes_demos_the_sixth_sense.htmlVideo de investigación del MIThttp://www.youtube.com/watch?v=oezVbrDc_hI (project natal para la xbox)http://vimeo.com/user524591?pg=embed&sec=1450211 Aurora, un desarrollo de UI para browser
Croquet DemoProyecto Looking Glass de SUNMicrosoft “Glimpse ahead”Surface computinghttp://www.youtube.com/watch?v=-2Kn2HKCWqs&feature=quicklist
Entornos 3D- reconocimiento de movimiento, de voz, de dispositivos- convergencia y compatibilidad entre dispositivos
![Page 45: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/45.jpg)
diagrama ontológico del diseño
diseño es la interface a la acción eficazGui Bonsiepe
![Page 46: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/46.jpg)
especificidad del diseño interactivo
No lineal
concepto clave: hipertextoun conjunto de nodos ligados por enlaces
(Levy)
![Page 47: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/47.jpg)
![Page 48: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/48.jpg)
Calidad de interacción
● Minima (minimas opciones, cuasi-lineal)● Exploratoria (controles no convencionales)● Condicional (controles condicionales)● Contributoria (contenidos y enlaces son modificados por los usuarios)
![Page 49: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/49.jpg)
![Page 50: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/50.jpg)
EstructurasHipertextualesde Berenguer
Otro sistema de estructuras:Clasificación de Orihuela-Santos
1- elemento único2- presentaciones3- idem pero no secuencial4- lineas de tiempo5- puntos de vista6- referencia de gral. a particular7- menú a la vista8- wiki
![Page 51: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/51.jpg)
Realidad aumentada no es Realidad virtual
Realidad aumentada es una capa de información que se agrega a la realidad percibida, de modo directo (gafas) o mediado (celulares) reconociendo elementos en la imagen (marcadores) que disparan laaparición de los datos contextualmente y en tiempo real (descargados de internet o ya presentes en la app)
![Page 52: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/52.jpg)
![Page 53: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/53.jpg)
![Page 54: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/54.jpg)
![Page 55: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/55.jpg)
![Page 56: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/56.jpg)
![Page 57: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/57.jpg)
![Page 58: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/58.jpg)
![Page 59: Licenciatura en Diseño UPC Lila Pagolaespaciodetrabajo.com.ar/upc/LDUPCclase1.pdf · Modalidad de cursado bimodal al 50% Clases presenciales Actividades virtuales obligatorias (50%](https://reader030.fdocuments.co/reader030/viewer/2022040116/5ea7482b9d3e673d5156b89e/html5/thumbnails/59.jpg)