Interactividad

El Diseño de la Interactividad Carlos Corrales Díaz I.T.E.S.O.

Diseñar la interactividad de un sistema es diseñar la interfaz del mismo.
Se entiende por interfaz todo sistema o dispositivo que permite establecer una relación o interacción
entre dos o más sistemas de cómputo y sus periféricos, para propiciar el cumplimiento de su función.
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
1

Interfaz humana: Sistema de Interacción del usuario con el Sistema de Comunicación e Información.
Se constituye por un conjunto de elementos que:
propician y permiten la interacción ,
hacen posible la búsqueda de información ,
facilitan la navegación por el sistema,
propician al usuario la selección de entradas y salidas .
2

Elementos constitutivos de un sistema de interactividad
Dispositivos o
periféricos
La pantalla
El teclado
El ratón
El jostick
Los drives
La impresora
El CD-ROM
Las bocinas
El disco duro
La red
3
Elementos gráficos, visuales o
textuales.
Botones
Áreas sensibles de la pantalla
Menúes
Barras de menúes
Iconos
Colores y símbolos
Hipertexto e hipermedia
Banners (banderas o estandartes)

Por la interfaz, el usuario vive el producto, la interfaz se identifica con el producto
Proporciona herramientas al usuario para: correr programas, encontrar, abrir, desplegar, intercambiar información o imprimir cosas que se encuentran en el sistema
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
4

Lo esencial del diseño de la interfaz humana es la pantalla.
E n el diseño de pantallas:
Se integra lo que hace posible la interactividad.
Se concreta la estrategia de interactividad o lógica de interacción del usuario con el sistema.
En este diseño de pantallas con interactividad se logra:
Una estrategia de interés, exploración o búsqueda de usuario, para definir la estructura de la interactividad
La carta descriptiva de la misma.
5

La estructura de interactividad.
Define las posibilidades de interacción del usuario,
Las formas en que manejará los contenidos e información del sistema o interactuará con ellos.
Determina un mapa de navegación del usuario por los diversos recorridos o módulos del sistema .
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.
6

Los factores de la interactividad
La estructura de interactividad se constituye con aquello que dote al sistema de posiblidades para que el usuario realice lo que le interesa realizar.
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.
7

Una forma de presentar la Interactividad (Fragmento de la interactividad)
El Patio de Mi Casa.
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.
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.
8

El Patio de Mi Casa (Continuación)
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.
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).
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).
9

Dos Factores del Diseño en la interactividad
Los formatos de estructuras de hipertexto:
Orden simple, lineal, lineal con salto, árbol, red, supercarretera .
Las alternativas en el diseño:
numeración , narración, sistema de códigos , carta descriptiva mixta , modelos base de computadora y scripts.
10

1 Diseño de organización simple
La información se organiza por unidades temáticas separadas.
11

2. Diseño Lineal
La información se organiza por unidades temáticas separadas, con nexos en una secuencia, desde un principio hasta un final
12

3. Diseño Lineal con Saltos
La información es centralizada y lineal en segundo nivel.
13

4. Diseño de Arbol
La información se ramifica a partir de un punto inicial
inicio 14

5. Diseño de Red
Se ingresa a la información desde cualquier nodo
15

6. Diseño de Supercarretera .
Integra todos los formatos de hipertexto e hipermedia
16 Arbol Web Organización Simple Lineal con salto Lineal

Carta Descriptiva de un Programa Educativo .
Figura 1
Sí
No
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?

Carta descriptiva de un programa de información
Figura 2
18 Peces Plantas Hierba mala del mar Criaturas de las Profundidades Bacalao Crustáceos Mamíferos Delfines Ballenas Langosta Cangrejo

Estructura Alternativa de Información
Figura 3
Criaturas de las Profundidades ¿Que criatura? ¿Qué come? ¿Dónde vive? Delfín Tiburón Gente Hierba del mar Australia 19

Esquema de un Sistema de Información Descriptivo/referencial
Figura 4. Funciones del sistema de Información
Sistema de Información REALIDAD SISTEMA DE REFERENCIA Referente caracterizar clasificar relacionar ubicar 20

Carta descriptiva con códigos visuales.
Figura 5.
No
Sí
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

Story Board para Cambio de Módulo
Figura 6.
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

Feliz realización, creatividad y participación de todos en equipo. Bibliografía
Tweed W. Ross. Bloom and Hypertext : Parallel Taxonomies ?, en ED-TECH REVIEW, Autom/Winter 1993,pp. 11-15.
Philips IMS. The CD-I Design Handbook, Addison-Wesley, N.Y. 1992, pp.31.45.
Apple Computer. Apple CD-ROM Handbook. A guifr to planning, creating, and producing a CD-ROM, Addison-Wesley, N.Y., 1992, pp. 85-93.
ITESO. El Patio de Mi Casa, Diseño de Concepto y Guión Técnico del Interactivo sobre juegos y juguetes mexicanos.
23

Interactividad

by Carlos Corrales Díaz

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 34

Statistics

Interactividad Presentation Transcript

http://www.flashquix.com	31
http://www.slideshare.net	3