Interactividad

1,238 views

Published on

Ideas básicas para el diseño de la interactividad de un sistema multimedia y la función que tiene en tales sistemas, para ofrecer una información no lineal.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,238
On SlideShare
0
From Embeds
0
Number of Embeds
40
Actions
Shares
0
Downloads
56
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Interactividad

  1. 1. El Diseño de la Interactividad Carlos Corrales Díaz I.T.E.S.O.
  2. 2. Diseñar la interactividad de un sistema es diseñar la interfaz del mismo. <ul><li>Se entiende por interfaz todo sistema o dispositivo que permite establecer una relación o interacción </li></ul><ul><li>entre dos o más sistemas de cómputo y sus periféricos, para propiciar el cumplimiento de su función. </li></ul><ul><li>Una interfaz que permite la interacción del usuario con el sistema (no sólo con la máquina) e intervenir en él. Se le llama interfaz humana </li></ul>1
  3. 3. Interfaz humana: Sistema de Interacción del usuario con el Sistema de Comunicación e Información. <ul><li>Se constituye por un conjunto de elementos que: </li></ul><ul><ul><li>propician y permiten la interacción , </li></ul></ul><ul><ul><li>hacen posible la búsqueda de información , </li></ul></ul><ul><ul><li>facilitan la navegación por el sistema, </li></ul></ul><ul><ul><li>propician al usuario la selección de entradas y salidas . </li></ul></ul>2
  4. 4. Elementos constitutivos de un sistema de interactividad <ul><li>Dispositivos o </li></ul><ul><li>periféricos </li></ul><ul><ul><ul><li>La pantalla </li></ul></ul></ul><ul><ul><ul><li>El teclado </li></ul></ul></ul><ul><ul><ul><li>El ratón </li></ul></ul></ul><ul><ul><ul><li>El jostick </li></ul></ul></ul><ul><ul><ul><li>Los drives </li></ul></ul></ul><ul><ul><ul><li>La impresora </li></ul></ul></ul><ul><ul><ul><li>El CD-ROM </li></ul></ul></ul><ul><ul><ul><li>Las bocinas </li></ul></ul></ul><ul><ul><ul><li>El disco duro </li></ul></ul></ul><ul><ul><ul><li>La red </li></ul></ul></ul>3 <ul><li>Elementos gráficos, visuales o </li></ul><ul><li>textuales. </li></ul><ul><ul><ul><li>Botones </li></ul></ul></ul><ul><ul><ul><li>Áreas sensibles de la pantalla </li></ul></ul></ul><ul><ul><ul><li>Menúes </li></ul></ul></ul><ul><ul><ul><li>Barras de menúes </li></ul></ul></ul><ul><ul><ul><li>Iconos </li></ul></ul></ul><ul><ul><ul><li>Colores y símbolos </li></ul></ul></ul><ul><ul><ul><li>Hipertexto e hipermedia </li></ul></ul></ul><ul><ul><ul><li>Banners (banderas o estandartes) </li></ul></ul></ul>
  5. 5. Por la interfaz, el usuario vive el producto, la interfaz se identifica con el producto <ul><li>Proporciona herramientas al usuario para: correr programas, encontrar, abrir, desplegar, intercambiar información o imprimir cosas que se encuentran en el sistema </li></ul><ul><li>La característica más apreciada de una interfaz humana es el grado o nivel de descubrimiento que proporciona al usuario que navega por el sistema </li></ul>4
  6. 6. Lo esencial del diseño de la interfaz humana es la pantalla. <ul><li>E n el diseño de pantallas: </li></ul><ul><ul><li>Se integra lo que hace posible la interactividad. </li></ul></ul><ul><ul><li>Se concreta la estrategia de interactividad o lógica de interacción del usuario con el sistema. </li></ul></ul><ul><li>En este diseño de pantallas con interactividad se logra: </li></ul><ul><ul><li>Una estrategia de interés, exploración o búsqueda de usuario, para definir la estructura de la interactividad </li></ul></ul><ul><ul><li>La carta descriptiva de la misma. </li></ul></ul>5
  7. 7. La estructura de interactividad. <ul><li>Define las posibilidades de interacción del usuario, </li></ul><ul><li>Las formas en que manejará los contenidos e información del sistema o interactuará con ellos. </li></ul><ul><li>Determina un mapa de navegación del usuario por los diversos recorridos o módulos del sistema . </li></ul><ul><li>Las posibilidades y nivel de descubrimiento que el usuario encontrará en el sistema, de acuerdo con el diseño de la navegación, búsqueda o interacción que se haga. </li></ul>6
  8. 8. Los factores de la interactividad <ul><li>La estructura de interactividad se constituye con aquello que dote al sistema de posiblidades para que el usuario realice lo que le interesa realizar. </li></ul><ul><li>Al usuario le puede interesar: detener el sistema, retroceder, avanzar, reiniciar, elegir alternativas de recorrido, definir búsquedas, cambiar de un módulo o recorrido a otro, completar información, responder preguntas, preguntar por información, escribir información, colorear, dibujar, accionar elementos del sistema, comunicarse con otros usuarios, etc. </li></ul>7
  9. 9. Una forma de presentar la Interactividad (Fragmento de la interactividad) <ul><ul><ul><li>El Patio de Mi Casa. </li></ul></ul></ul><ul><ul><ul><li>El sistema consta de cinco módulos: La Entrada o Portada, El Taller de Don Juanito, El Cuarto del Abuelito, La Feria y Rondas Infantiles. </li></ul></ul></ul><ul><ul><ul><li>En La Portada, el usuario puede activar la presentación del sistema con un botón de control. Activada, la presentación no se podrá detener. Al terminar la presentación, aparece el Menú Principia . En él, el usuario elige el recorrido que le interese seleccionando un icono, entre aquellos que dan acceso a los módulos del programa. Estos iconos brillarán cada vez que se posicione el cursor sobre ellos. Además, sobre cada módulo aparecerá, en “hipertexto” en nombre del mismo. </li></ul></ul></ul>8
  10. 10. El Patio de Mi Casa (Continuación) <ul><ul><ul><li>Para entrar a un módulo el usuario deberá posicionarse sobre el icono que le corresponde y presionar el botón de su ratón. </li></ul></ul></ul><ul><ul><ul><li>Desde la pantalla, el usuario tiene la posibilidad de terminar la sesión, salir del programa o consultar la sección de ayuda (Kiko el Perico). </li></ul></ul></ul><ul><ul><ul><li>Para seleccionar las opciones de AYUDA y SALIR, se sigue el mismo procedimiento que con las otras opciones (posicionarse sobre el icono indicado y presionar el botón del control). </li></ul></ul></ul>9
  11. 11. Dos Factores del Diseño en la interactividad <ul><li>Los formatos de estructuras de hipertexto: </li></ul><ul><ul><li>Orden simple, lineal, lineal con salto, árbol, red, supercarretera . </li></ul></ul><ul><li>Las alternativas en el diseño: </li></ul><ul><ul><li>numeración , narración, sistema de códigos , carta descriptiva mixta , modelos base de computadora y scripts. </li></ul></ul>10
  12. 12. 1 Diseño de organización simple <ul><li>La información se organiza por unidades temáticas separadas. </li></ul>11
  13. 13. 2. Diseño Lineal <ul><li>La información se organiza por unidades temáticas separadas, con nexos en una secuencia, desde un principio hasta un final </li></ul>12
  14. 14. 3. Diseño Lineal con Saltos <ul><li>La información es centralizada y lineal en segundo nivel. </li></ul>13
  15. 15. 4. Diseño de Arbol <ul><li>La información se ramifica a partir de un punto inicial </li></ul>inicio 14
  16. 16. 5. Diseño de Red <ul><li>Se ingresa a la información desde cualquier nodo </li></ul>15
  17. 17. 6. Diseño de Supercarretera . <ul><li>Integra todos los formatos de hipertexto e hipermedia </li></ul>16 Arbol Web Organización Simple Lineal con salto Lineal
  18. 18. Carta Descriptiva de un Programa Educativo . <ul><li>Figura 1 </li></ul><ul><li>Sí </li></ul><ul><li>No </li></ul>Ingreso Sección 1 Sección 2 Filme Examen ¿Bien? Respuesta 17 El usuario abandona la sesión al aprobar el examen rápido. Movimiento por el programa. ¿Bien?
  19. 19. Carta descriptiva de un programa de información <ul><li>Figura 2 </li></ul>18 Peces Plantas Hierba mala del mar Criaturas de las Profundidades Bacalao Crustáceos Mamíferos Delfines Ballenas Langosta Cangrejo
  20. 20. Estructura Alternativa de Información <ul><li>Figura 3 </li></ul>Criaturas de las Profundidades ¿Que criatura? ¿Qué come? ¿Dónde vive? Delfín Tiburón Gente Hierba del mar Australia 19
  21. 21. Esquema de un Sistema de Información Descriptivo/referencial <ul><li>Figura 4. Funciones del sistema de Información </li></ul>Sistema de Información REALIDAD SISTEMA DE REFERENCIA Referente caracterizar clasificar relacionar ubicar 20
  22. 22. Carta descriptiva con códigos visuales. <ul><li>Figura 5. </li></ul><ul><li>No </li></ul><ul><li>Sí </li></ul>Ingreso Sección 1 Sección 2 Examen rápido ¿Bien? Película Respuesta Secuencia AV sin datos de entrada Secuencia interactiva con entrada El usuario sale al pasar el examen 21
  23. 23. Story Board para Cambio de Módulo <ul><li>Figura 6. </li></ul>Finalmente: ¿Qué botón despliega un CD-I? ¡Correcto! 10 de 10 Apriete aquí para saber más del video Apriete aquí para salir del sistema Simple Gente Clásico Video Gente Simple Clásico Hombre del año 22
  24. 24. Feliz realización, creatividad y participación de todos en equipo. Bibliografía <ul><li>Tweed W. Ross. Bloom and Hypertext : Parallel Taxonomies ?, en ED-TECH REVIEW, Autom/Winter 1993,pp. 11-15. </li></ul><ul><li>Philips IMS. The CD-I Design Handbook, Addison-Wesley, N.Y. 1992, pp.31.45. </li></ul><ul><li>Apple Computer. Apple CD-ROM Handbook. A guifr to planning, creating, and producing a CD-ROM, Addison-Wesley, N.Y., 1992, pp. 85-93. </li></ul><ul><li>ITESO. El Patio de Mi Casa, Diseño de Concepto y Guión Técnico del Interactivo sobre juegos y juguetes mexicanos. </li></ul>23

×