Integración Multimedia

Trabajo de clase - Segundo parcial

2006-09-22T09:58:00.000-07:00

Presentar los bocetos gráficos de la Interfaz Gráfica de Usuario del proyecto que están llevando a cabo en la clase.

Los bocetos no deben tener navegación necesariamente, pueden estar elaborados en cualquier prográma gráfico y debe dar una idea clara de cómo será finalmente la multimedia.

Se presentan las pantallas principales de la multimedia en formato de imagen "JPG" o "PNG".

Es importante definir claramente el espacio para elementos visuales de la interfaz gráfica:
Iconos
Imágenes
Tipografía
Video
Botones

El trabajo se presentará el día 6 de Octubre de 2006 y hace parte de la nota del segundo parcial para el semestre.

Conceptos básicos de Diseño Gráfico

2006-09-22T09:10:00.000-07:00

El Diseño es un proceso de creación visual con un propósito comunicativo.
Un buen diseño es la mejor expresión visual de la escencia de "algo", bien sea un mensaje o un producto. Para hacerlo fiel y eficaz, el diseñador debe buscar la mejor forma de que ese "ALGO" sea conformado, usado, distribuido y relacionado a su ambiente. Esta creación deberá estética y funcionalmente reflejar el gusto de su época.

Lenguaje Visual

Es la base de creación en diseño.
Es el seguimiento de unas reglas o conceptos en cuanto a la conformación visual.
Sus leyes no son obvias

En el diseño de interfaces, el lenguaje visual es la utilización de un conjunto de imágenes y objetos gráficos (iconos, ventanas, tipografía, imágenes, fotografías, ilustraciones, textos, videos, animaciones) para representar la información y acciones disponibles en la interfaz.

Los objetos que se integran en la Interfaz Gráfica de Usuario, se disponen en el plano llamado pantalla de manera ordenada siguienso conceptos de diseño básico como pueden ser:

-Elementos conceptuales
-Elementos Visuales
-Elementos Relacionales
- Elementos Prácticos

Conceptuales: Son los que realmente no están en el plano, pero se pueden deducir:
- Punto: Por ejemplo, una flor roja en un jardín de donde predomine el amarillo.
- Linea: Una fotografía arquitectónica las refleja
- Plano: Una área de cualquier forma geométrica coloreada
- Volumen: Objetos que tengan profundidad volumétrica.

Visuales:
- Forma: Todo lo que pueda ser visto, tiene forma
-Medida: Todo lo que se ve tiene una medida (pixeles en el caso de la pantalla)
- Color: Existe toda una teoría aplicable. Primarios, secundrios, teciarios, neutros, tonos,
luminosidad, etc.
-Textura: Atrae el sentido del tacto o la vista. Una fotografía de varias ventanas puede ser una textura.

Relacionales: Nos ubican dentro del espacio y pueden ser sentidos aunque no literlamente como la gravedad y el espacio. Otros más obvios, pueden ser percibidos claramente como la dirección y la posición.
- Dirección: Varios rectángulos ordenados en fila denotarían una direccion a seguir
- Posición: Arriba, abajo, etc
- Espacio: Los espacios vacíos son muy apreciados por los diseñadores de interfaces
- Gravedad: Es una sensación sicológica. Transfiere sensaciones de pesadez, liviandad, estabilidad, etc.

Prácticos: Subyacene n el contendio y los alcances de un determinado diseño.
- Representación: Realista o abstracta, una representación pretende mostrar la naturaleza de las cosas en un plano.
- Significado: El diseño transporta un mensaje.
- Función: Se hace presetne cuando el diseño tiene un determinado propósito.

Todos los elementos visuales están enmarcados dentro de una Pantalla. La Pantalla no es solamente el dispositivo elctrónico del computador, puede sonsiderarse también como pantalla a una tela donde se proyecte una imagen, un marco de un lienzo, una hoja de papel.

Del Diseño de Información al Diseño de Presentación

2006-09-15T06:48:00.000-07:00

Ilustración de MC Escher . Escher se caracterizaba por proponer un espacio
irreal en sus composiciones.

En el diseño gráfico existe el concepto de Diagramación, que es la distribución ordenada de elementos comunicativos en un plano, de acuerdo con tres grandes parámetros:

Repetición. Modulación. y Comunicación.

Repetición:

Así como en los libros, revistas y otras publicaciones impresas existen elementos que se repiten en las páginas (números de página, secciones , etc), al diseñar sobre pantalla, los debemos tener en cuenta, estos pueden ser íconos, botones, avisos, menús y otros elementos que siempre se consideran importantes para la navegación por parte del usuario.

En las pantallas anteriores vemos como los elementos compositivos se repiten en las diferentes páginas. Estos elementos se referencian no solo por la forma, sino también por el color.

El usuario espera poder encontrar fácilmente los accesos a la información, y esto se logra no cambiando de lugar de disposición los elementos compositivos. Esta ayuda hace más amena la navegación por el producto multimedia, elimina procesos de reaprendizaje de cómo usar un producto y hace sentir "inteligente" a la persona que usa un producto. "El que no se equivoca es mejor usuario", entonces, depende , en gran parte de nosotros los diseñadores de productos multimedia, el hacer que las personas aprendan, se diviertan y usen mejor nuestros productos.

Modulación o Composición.

La modulación y repetición van íntimamente ligadas a la Comunicación. La modulación se conoce como una repetición de figuras o patrones similares o idénticos en un plano.

Es Estricta cuando se repiten las figuras y se repiten espacios iguales , por ejemplo M C Escher utilizaba mucho este recurso en sus trabajos.

Para más información ver: http://www.cs.technion.ac.il/
~gotsman/Escher/Html/lithographs.html

Es Variada si los elementos dentro de dicho plano se cambian de posición a lo largo del trabajo, para no crear monotonía en el diseño gráfico.

La modulación es, entonces, la distribución de la superficie donde se va a comunicar, en pequeños planos para luego en ellos, colocar nuestros elementos compositivos y comunicativos: Fotos, imágenes, videos, textos, botones, etc.

La modulación puede ser hecha a partir de conceptos como el de la Proporción Aurea, la simetría , la asimetrías.

La proporción Áurea

Luca Paccioli, matemático del renacimiento la llamaba la divina proporción, Leonardo Da Vinci sección áurea y Johannes Kepler astrónomo alemán la consideraba que era una de las dos cosas perfectas junto al teorema de Pitágoras, después cayo en el olvido, hasta que fué redescubierto por el alemán Zeysing en 1850.

A lo largo de la historia de las artes visuales, se han formulado diferentes teorías sobre la composición.

Platón decía que es imposible combinar bien dos cosas sin una tercera, hace falta una relación entre ellas que los ensamble, la mejor ligazón para esta relación es el todo. La suma de las partes como todo es la más perfecta relación de proporción.

Vitruvio acepta el mismo principio pero dice que la simetría consiste en el acuerdo de medidas entre los diversos elementos de la obra y estos con el conjunto, ideó una fórmula matemática, para la división del espacio dentro de un dibujo, conocida como la sección áurea, y se basaba en una proporción dada entre los lados mas largos y los más cortos de un rectángulo. Dicha simetría está regida por un modulo o canon común: que es el número.

http://www.geocities.com/ResearchTriangle/
Thinktank/4492/noticias/la_proporcion_aurea.htm

La proporción aurea consiste en una serie de líneas diagonales partiendo de las bases un cuadrado, que al entrecruzarse, forman las esquinas de un rectángulo . A ese rectángulo se llama rectángulo áureo. Los módulos que provienen de esa manera de distribuir el espacio, reciben el nombre de Composición áurea.

La regla de oro, como también se conoce, expresada gráficamente es la siguiente:
En las composiciones anteriores, de los Diseñadores Gráficos colombianos Carlos Andrés Torres y Victoria Ducuara, vemos claramente la composición áurea. Estas pueden ser las bases para una diagramación de las diferentes pantallas de un producto multimedia.

Para saber más sobre este tema:
Explicación teórica
http://www.geocities.com/ResearchTriangle/
Thinktank/4492/noticias/la_proporcion_aurea.htm

http://www.mailxmail.com/curso/
informatica/diseno2/capitulo6.htm

Explicación matemática
http://centros5.pntic.mec.es/ies.victoria.kent/
Rincon-C/Curiosid/Rc-25/RC-25.htm

http://www.goldenratio.com.ar/
index.php?msg=2006-09-15+06%3A42%3A58

Oras maneras de componer el espacio, como son la simetría y la asimetría (entre otras) son usadas regularmente por los diseñadores. Al parecer, la simetría es canon de belleza que la percepción humana disfruta más que otro tipo de composicón. Igual que la composición aurea

ya que es el tipo de modulaciones más presentes en la naturaleza.

Basados en la espiral natural del Nautilus, se descubrió la existencia de una proporción natural en los seres vivos de la naturaleza. Por esta razón, también se le denomina Divina Proporción, ya que está dada en la evolución natural, como si fuera dictada por un ser divino o superior.

Un artículo sobre composición Simétrica
http://www.desarrolloweb.com/articulos/1424.php

Comunicación.

Es la parte del diseño gráfico de un pieza multimedia (y otras, por supuesto, que no son multimedia como revistas y periódicos) que tiene que ver con la capacidad de un producto de solucionar un determinado problema de comunicación, como podría ser la enseñanaza, diversión o entretenimiento.

El diseñador estará a cargo de hacer posible que esta función se cumpla, ya que, a diferencia de las artes plásticas, queremos generar una respuesta a un problema y no una inquietud como a veces sucede con las artes visuales plásticas, donde los contenidos no necesariamente responden preguntas sino que, más bien, las generan.

La comunicación está ligada a las funciones repetitivas y modulativas ya que sin ellas sería imposible comunicar acertadamente. Suponga una página que por su complejidad en diseño no de acceso fácil a los contenidos.

Ventajas

Aplicar estos tres conceptos al diseño nos da claras ventajas :

No tener que hacer mucho trabajo de creación. La repeteción de elementos además de mejorar la comunicación de la pieza, elimina la necesidad de crear pantallas diferentes cada vez. Esto supone economía, estética y rapidez.
Beneficia al usuario
Beneficia al diseñador
No es necesario el uso excesivo de tecnologías que solo acomplejan el proceso de diseño. Por ejemplo, el uso de efectos de flash, podría dar al traste con la información.

Ejercicio de organización.

2006-09-01T13:24:00.000-07:00

Esto se logra creando unas tarjetas en cartulina o papel con los nombres de los temas para después agruparlas manualmente.

1. Haga una lista de todas las categorías de contenido posibles: No se preocupe de si están o no organizadas, si son grandes o pequeñas, después se organizarán.

2. Haga una agrupación temática:
Serán los temas de nivel superior o lo que los usuarios verán primero. De esa lista pueden salir temas secundarios, los que se harán en un segundo paso. No es necesario hacer un tercer nivel ya que eso demanda mucho trabajo y detalle no necesario.

3. Redefina grupos temáticos:
Habrá temas que se vinculen a varias categorias, nos daremos cuenta de parte de nuestro trabajo en diseño también será crear una categoría si hace falta, o desechar una que se repita, etc.

Ejemplo de una lista principal:

Sueldo
beneficios médicos
Opciones de inverisón
maternidad
vacaciones
excendencias o ganancias ocasionales
año sabático
críticas
gimnasio
despido
plan de jubilación
ética
politicas de incapacidades laboral
política laboral
incapacidades laborales
primas
saludos

En dicha lista tenemos una serie de temas de un trabajo multimedia para una empresa que quiere informar a sus empleados sobre sus diferentes políticas laborales.

4. Organizar por grupos dentro de la estructura:

En la tabla siguiente vemos como esa información está organizada de una manera coherente y no simplemente en una lista con elementos uno tras de otro:

Su tiempo	Su dinero	Su salud	Su trabajo
horas de trabajo	sueldo	beneficios médicos	política de incapacidad
vacaciones	primas	maternidad	política laboral
año sabático	opciones de inversión	gimnasio	ética
excedencias	jubilación	accidentes laborales	acos
	préstamos	seguro de incapacidad	crítica
			despido

El tema de incapacidad, maternidad, podría cruzarse al momento de acceder a la información ya que uno es de salud y otro es de trabajo, pero tienen que ver el uno con el otro.

Los 4 grupos principales dan una mejor idea de organización, estructura y por lo tanto de navegación.

Organización de la información

2006-09-01T12:59:00.000-07:00

Objetivos - necesidades del público - entorno ---> contenido - listas -categorías ---> estructura - acceso - diagrmaa de flujo.

Organizar no es simplemente organizar por categorías. El diseño del producto multimedia incluye preguntas como:

- Prioridades del material
-Lo que necesita saber el público sobre dicho material
-Qué se persigue con la información.

"Muchas veces tendremos que desechar material "bonito" en aras de la comunicación. no por bonito siempre sirve".

Las tareas hechas hasta el momento con la definición de la información, nos han ayudado a definir la información, pero debemos hacernos cuestionamientos tales como:

-¿Cómo convertirla en interfaz?
-¿Cómo saber de qué manera usarán mi producto los usuarios?
-Temas con prioridad para el usuario.
- Tipos de acceso, vínculos y control quiere y necesita el usuario.

Las preguntas anteriores, simpre amrradas del concepto de información que tenemos como objetivo: Enseñar, divertir, recordar, promocionar, etc.

Estructuración, el uso de la Simplicidad.

Una vez se empiece a reunir la información en grupos y subgrupos, nos damos cuenta de que generalmente existen categorías basadas en:

- Tema o asunto
- Tamaño o escala
- Ubicación geográfica
- Secuencia histórica
- Secuencia narrativa

Ejemplo: SI vamos a convertir un manual de empleados o uin informe anual de un empresa, es posible que ya esté muy bien categorizado y jerarquizado (niveles de importancia de cada grupo), pero se debe pensar también en proporcionar links directos a temas, búsqueda del contenido, reorganizar el contenido para un mejor acceso y funcionamiento.

Existen métodos tales como la

1. Prueba Heurística o por criterios. Es la realizada por evaluadores especializados a partir de principios establecidos por la disciplina de la IPO/HCI. Esta evaluación detecta aproximadamente el 42% de los problemas graves de diseño y el 32% de los problemas menores, dependiendo del número de evaluadores que revisen el sitio. Posteriormente se recomienda realizar un test de usuarios para completar la evaluación.

Mayor

información de este tipo de pruebas en Ainda.info

2. Test de usuarios. A través de la observación y registro del comportamiento de los usuarios en tareas previamente encomendadas, se extrae la información sobre la usabilidad de un sitio web. Es una técnica que complementa perfectamente a la evaluación por criterios.

3. Evaluación a través de simulación cognitiva (cognitive walkthrough). En ella se simulan detalladamente y paso a paso todos los procesos de uso (toma de decisiones, resolución de problemas, etc.) por un usuario. Una variante de esta es la simulación por equipo multidisciplinar (pluralistic walkthrough), en la que un grupo compuesto por usuarios, programadores y profesionales de IPO/HCI discuten cada uno de los elementos del sitio.

4. Evaluación de la usabilidad intercultural. Evalúa la adecuación de los contenidos, símbolos y estructuras de la información en el contexto cultural del usuario objetivo.

5. Evaluación de la Accesibilidad. En esta evaluación se comprueba la adecuación del sitio web a su uso por parte de discapacitados.

6. Métodos de evaluación poco adecuados para evaluar la usabilidad son los estudios de mercado y los estudios automatizados ya que tienen serios inconvenientes.

Más información en www.ainda.info

Metáforas visuales

2006-08-11T09:19:00.000-07:00

Las metáforas visuales:

Encuentran unos ejemplos de las películas TRON, Blade Runner de Ridley Scott , La trilogía de La Comunidad del anillo y finalmente, Minority Report. Debemos leer los comentarios en el link que sigue a la pelpicula.

Después se encuentra un instructivo de cómo desarrollar el anteproyecto, para el cual se debe definir una metáfora visual, que es una de las fases principales del desarrollo del anteproyecto.

Interrogantes (http://nolimit-studio.com/tesis/)

¿De qué manera podemos diseñar elementos gráficos para una interfase que al usuario le resulten familiares e intuitivos?
¿Qué conceptos del diseño de objetos y señalizaciones reales pueden ser transportadas a un sistema de señalización virtual?
¿Comó reducir la ambigüedad en la interpretación de los signos gráficos?

Hipótesis

Una interface confusa hace que el usuario pierda interés en utilizarla, de tener varias opciones elegirá aquella que le resulte más clara y sencilla de usar. Si por el contrario la interfase está diseñada no sólo para ser fácil de usar sino además para guiar al usuario de forma amigable esto se traducirá en una mejora de comunicación entre el producto y el usuario.
El uso de metáforas visuales ayudará al usuario a comprender mejor el funcionamiento de las interfaces ya que hará una conexión mental entre los objetos físicos que ya está acostumbrado a usar.
Una interface gráfica tiene como función servir de mediador entre las aplicaciones y las personas que las usan, nunca deben tener un rol protágonico que opaque la importancia mayor del contenido.

Definición de Metáforas visuales

Una metáfora es una figura del lenguaje donde se realiza una comparación entre dos objetos que no tienene ninguna relación aparente .

Un ejemplo concocido es la frase “El tiempo es oro” donde se transfieren las características de la palabra “oro” (valioso, escaso, preciado) a la palabra “tiempo” para dar a entender su valor.

Originalmente metáfora es una palabra griega que significaba transferír . Su etimología viene de meta que significa “cambio” y pherein que significa “llevar o trasladar”. Asi, la palabra Metáfora tiene a su vez un significado metáforico: “llevar o transferir un significado de una cosa a otra”
Las metaforas visuales funcionan de una manera similar, se sustituye un mensaje complejo mediante una imágen más simple pero evocatíva que le transfiere a éste su significado. Por ejemplo cuando una empresa que produce jugos de frutas enlatados le pone a su producto una marca con un pictográma representando a un árbol está pretendiendo sustituír en la mente del receptor las características del producto (enlatado, industrializado, producido en serie etc.) por las del árbol (naturaleza,frescura,saludable).

Uso de metáforas visuales en interfaces gráficas de usuario

La necesidad de interfaces más intuitívas

Una de las cosas que resultan obvias cuando uno hace una prueba de usabilidad — ya sea que esté uno probando sitios web, software o electrodomésticos— es la gran cantidad de gente que usa las cosas sin saber en realidad como funcionan o con ideas completamente erroneas acera de su funcionamiento.

Muy poca gente se toma el tiempo de leer instrucciones.

En su lugar el usuario avanza, experimenta, haciendo historias, vagamente plausibles acerca de qué qué hace y por qué funciona.

Para el usuario no es relevante saber como funcionan las cosas, en tanto que pueda usarla.

No es un problema de inteligencia sino de falta de interés.

Si logran hacer que algo funcione, no importa que tan mal lo haga, no buscarán otra manera de hacerlo.

Si los usuarios entienden, hay entonces una mejor oportunidad de que encuentren lo que buscan y cumplán sus objetivos, lo que es bueno tanto para el usuario como para el proveedor del servicio. Ademas, el usuario se sentirá mas inteligente y en control cuando use nuestro sitio, lo que garantizará su regreso.

¿Por qué usar metáforas visuales en Interfaces Gráficas de Usuario?

Para poder interactuar efectivamente con una aplicación es importante para los usuarios obtener un modelo cognitivo apropiado y relacionado a esa aplicación (.

Una manera simple de presentarle al usuario una funcion abstracta dentro de la funcionalidad de una aplicación es estableciendo una comparación entre esa funcionalidad y un objeto tangible del mundo real con el que estè familiarizado. Esto se logra mediante el uso de metáforas.Las metáforas contenidas en la interfase de usuario final de un aplicación son herramientas poderosas para el desarollo de modelos cognitivos y conceptuales.

Muchas de los lenguajes de las culturas antiguas eran visuales o ideográficos al menos en parte. Tomemos por ejemplo los jeroglíficos egipcios, los pictogramas mayas y la escritura china son todos pro necesidad un tipo de atajos visuales.

La clave de estos lenguajes era representar visualmente solo la cantidad necesaria para sugerir el objeto en cuestión. Lo que significa que mucha de la responsabilidad de completar los detalles faltantes reside en el lector, aunque este esfuerzo de descifrado se vuelve innecesario con el tiempo al acostumbrarse éste a saltar (mentalmente) de la imágen a la idea .

En este contexto, una metáfora es el uso deuna idea u objeto en lugar de otro para sugerir una similitud.

Una metáfora visual es un ideográma que representa visualmente esa idea
abstracta. La importancia de las metáforas reside en su habilidad para iniciar
una transferencia cognitiva entre un dominio del conocimiento familiar hacia
otro menos familiar.

Lineamientos para el diseño de metáforas visuales efectivas.

Los íconos, ideogramas, ilustraciones y demás componentes gráficos que componen una interfaz de usuario deben tener una temática específica, por ejemplo, en los cortos de película que están publicados en el Blog, es claro que las metáforas visuales corresponden a una determinada temática.

Errores comunes en uso de metáforas visuales.

Si los pictogramas o las metáforas requieren, para ser comprendidas la inclusión de un texto monosémico e inequívoco, hay que pensar si es preferible utilizar sólo la palabra en lugar de una metáfora ambigua y dotarle mejor de condiciones optimas de legibilidad .
Otro error común es la falta de consistencia en el diseño de las metáforas a través de todo el sistema íconico, puesto que se toman metáforas existentes de diveras fuentes que no siguen una misma línea estética en su diseño. Esto genera confusión y falta de identidad.

Recomendaciones para diseñar sistemas de metáforas para una interfaz.

Cuando existan metáforas estandarizadas, úselas. Si bien, no existen manuales internacionales con estandares establecidos, algunos estándares están surgiendo. Es bueno estár informado de como avanza la comunidad de diseño en éste sentido.

Cuando una metáfora es usada en varias aplicaciones, implementelas en la manera estándar. Es bueno tener conjuntos de íconos probados y examinados que se relacionen con determinadas metáforas partículaes listos para ser adaptados y reutilizados.

Use una metafora en toda su extensión. Una implementación incompleta puede llevarnos a confusión, frustración y el desarrollo de estructuras pobremente formadas.

Esto es claro sobre todo al usar sistemas metafóricos complejos como en el caso del escritorio, un elemento perteneciente a otro campo semántico — como una sartén, por ejemplo— creará confusión en cuanto a su uso y le restará seriedad a la aplicación.

Evite metáforas similares cuando uses multiples metáforas. Obviamente, metáforas similares están propensas a provocar confusión en situaciones donde se producen íconos que podrían ser igualmente aplicables a una u otra metáfora.

No use referencias alusivas a un lenguaje específico. Esto es especialmente importante al diseñar aplicaciones con alcance internacional como puede ser un sitio web. Por ejemplo, en inglés se utiliza la palabra home (casa) para designar a la página principal de un sitio, pero en otros idiomas se utiliza otra palabra para describirlas, en español por ejemplo, decímos portada, índice o simpelmente página principal.

Así que el uso de un ícono que representa una casa será confuso para todo aquel que no domine el idioma inglés.

Tron - Walt Disney Productions en 1982

2006-08-10T13:40:00.000-07:00

Más información sobre la película

Blade Runner - Ridley Scott

2006-08-10T13:31:00.000-07:00

Información sobre la película

Aunque antigua, desde el punto de vista de la fecha en que fue hecha, 1982, marca un hito en la creación de efectos multimedia para el cine.

Presentación de un proyecto Multimedia

2006-08-10T13:12:00.000-07:00

La presentación del trabajo para el primer parcial se hará de la siguiente manera:

La presentación de un informe del anteproyecto en Formato Digital:

Director

Flash

Html

Donde se cuenten aspectos básicos del proyecto multimedia a integrar.

La propuesta inicial es la realización de un proyecto con tema libre o portafolio

Definición de producto
- Se define el Objetivo general y los específicos.
- Se cuenta sobre el estado en que está el determinado tipo de trabajo en el momento. Por ejemplo, si vamos a diseñar una web que contiene información musical y videos, contaremos cómo funcionan las páginas que existen, qué tecnologías usan, etc. Es importante definir el estado del arte en el medio más próximo al nuestro, por ejemplo qué se hace y usa en Colombia, en las demás universidades, en Bogotá. Acá es importante pensar en el cliente (en este caso ustedes mismos).
- Es la definición del producto en sí, como va a ser su medio, esto es, si es HTML para montar en un servidor o HTML para CD-Rom, un VHS, un DVD, etc. Se respalda la afirmación contando porqué es la mejor opción para el proyecto.
Usuarios, Público y Entorno
- Definimos el público y el entorno donde se desenvolverá nuestro producto. Haremos un pequeño estudio de ese mercado, sus gustos, sus conocimientos, el tiempo que usarán para disfrutar nuestro material, los conocimientos técnicos que deben tener para usarlo, lo que deberían aprender. También tendremos en cuenta el entorno, como luz y oscuridad del recinto, posibilidades auditivas del recinto, y todo los aspectos que suponemos influirán sobre la utilización del producto.
Opciones de desarrollo
- ¿Qué es lo mejor para desarrollar el producto?: Flash, html, bases de datos, Director, video, dvd, etc...
- Tenemos en cuenta el software y las capacidades de desarrollo de nuestro equipo humano de trabajo.
- Contamos aquí la mejor opción para desarrollar el producto.
Materias primas
- Con qué material contamos para realizar el proyecto. ¿Es suficiente?, ¿Hay que hacer tomas de video o fotos?, ¿Hay que realizar más trabajo de campo?, etc
- Son aspectos a considerar en la realización antes de emprender el proyecto.
- Tener en cuenta si el material como videos, audios, fotos, textos, del que se dispone es utilizable, tenemos derechos, son legibles, actuales, etc.
Planificación
- Hacemos un plan de trabajo, generalmente presentado como una linea de tiempo.

Diagramas de flujo
- Elaboramos un diagrama de flujo con la información que tenemos del proyecto, es la primera tentativa de organización de la información y de aquí podrán salir los principales accesos a la interacción.
Metáfora Visual
- Es la parte gráfica
- Debemos suponer un medio gráfico para el trabajo final
- Por ejemplo si la Multimedia se desarrolla en un entorno futurista, las metáforas que mejor ejemplifiquen el futuro en cuanto a:
  - Color: ¿Qué colores son los más acertados para expresar futuro?
  - Textura: ¿Es el bronce futurista?, o ¿Lo representa mejor lo transparente?
  - Tipografias: Las tipografias que mejor se ajusten al diseño futurista.
  - superficies: ¿Es rugosa, lisa, ondulada una superficie en el futuro?,
  - Iluminación: Oscuridad, luz, sombras, etc.
- Seleccionar el tema gráfico:
  - Por ejemplo, Edad Media, Futuro, Niños, Fantasía, Mitología,

Integración multimedia - Definición

2006-08-04T06:20:00.000-07:00

–Es la integración de diferentes medios dentro de un solo producto, haciéndolo interactivo.

–Fusiona varias materia primas en una interfaz utilizable.

–Al diseñar como un proceso, se divide el proyecto en tareas y cuestiones tangibles, para manejar todas las piezas de manera óptima.

–Es un proyecto de comunicación.

Diseño de información - Definición del producto

2006-08-04T06:11:00.000-07:00

Tareas críticas:

Público

Seleccionar el público objetivo al que va dirigido el mensaje. Tener en cuenta si es para niños, adultos, ¿saben leer?, etc. Son consideraciones que aunque parecen inocuas al final tienen que ver con el resultado de nustro producto.

Distribución
Es la manera como se distribuirá el mensaje. Esto es, por CD, DVD, VHS, Internet. Dependiendo de esta decición, se tomará en cuenta la tecnología y software necesarios, así como el equipo humano que debe participar en el proyecto.

Software
Las CURVAS DE APRENDIZAJE deben ser tenidas en cuenta ya que se tomar decisiones erradas al interponer en proyectos, la utilización de software para el cual no se es experto o sobre el que se tienen espectativas diferentes al verdadero alcance del softwarte.

Contenido
Se deben tener ideas varias e irlas consignando en apuntes apra docuemntar el proyecto, bocetos visuales, ideas escritas sobre contenidos, metáforas, ilustración, etc.

Una vez recogidas las ideas principales, se recomienda pasar a definir el proyecto y NO a la confección propia de la pieza multimedial, ya que suelen haber muchos cambios y esto hace inoperante, y extenuante el trabajo en el proyecto.

Tener en cuenta por ejemplo, la realización de storyboards, guiones, antes del diseño.

Planificar el proyecto
La planificación tiene que ver con fechas de entrega de cada uan de las partes del proyecto, la realización de guiones, storys y demás material gráfico y textual de ayuda para ayudar al cliente a comprender el trabajo que se le entregará y al equipo de trabajo , en lo que deberá desarrollar de acuerdo al plan de fechas.

Organizar el Contenido
Definir los objetivos del producto, nos ayuda seleccionar los demás items del desarrollo del trabajo: Video, animación, ilustración, programas, ¿QUé será la mejor opción para comunicar mi proyecto?

Diagrama de flujo del contenido
Los Diagramas de Flujo nos ayudan a entender cómo se va a organizar la información del proyecto, que se enlaza con qué, que contenidos van a tener las secciones . Nos dan una visual de como organizar ETIQUETAS de botones, que nombres deben tener, y al profundidad de los CLICKS en un producto interactivo.

Ayudarían a decidir, por ejemplo el uso de pestañas, navegación cruzada, lineal, horizontal, vertical (temas que estudiartemos más adelante).

Diseño de información - ¿Cómo impulsan los objetivos un determinado diseño?

2006-08-04T06:03:00.000-07:00

¿Cómo impulsan los objetivos un determinado diseño? (ejemplos)

•Aprender, recordar

•Divertir

•Comprender

•Experimentar

•Actuar

•Comprar

•Recoger información

Enlace a sitios de recursos de producción de material Audiovisual

2006-08-03T06:38:00.000-07:00

Audiovisual

Parece que hay algo malo en la programación del HTML, entonces hay que recortar la URL en la dirección del navegador.

Storyboard Pro Software - Atomic Learning, Inc.

2006-08-03T06:21:00.000-07:00

Storyboard Pro Software - Atomic Learning, Inc.

Software para edición de Storyboards de audiovisuales.

Algunos formatos de Video y sus códecs

2006-08-02T18:16:00.000-07:00

En formato de Video, es la manera como se guarda la información de los bits en un fichero de computador, los códec son la maner algoritmica como se ordena y comprime la información en el fichero.

Es importante saber que tipo de archivo (formato) y con qué CODEC se debe publicar nuestro trabajo de video.

Formatos de Video
Introducción

VHS, U-matic, Betacam, High 8, MiniDV, CD o DVD, FLash Video, Mov, Quicktime, Div X

Es muy fácil importar y exportar video mediante RCA, Svideo, Firewire, para guardarlo en cualquier formato físico como archivo de nuestro trabajo. Se debe tener en cuenta que de acuerdo con la manera como guardemos nuestro trabajo, es decir, en qué formato y códec, podemos hacer que la calidad de las imágenes pierdan o no calidad.

Este link nos lleva a una Información importante sobre el video en el ámbito profesional.

Aunque el codec de video digital Divx es popular por su alta tasa de compresión, no es el más acertado para editar video, si queremos que nuestras composiciones se vean en un lector de DVD común o que tengamos absoluto control sobre la compresión y no depender de un único grupo desarroyadora del códec, usaremos MPEG-1 ó MPEG-2, en él , en un CD de 700 MB podemos grabar 80~100 minutos y hasta más de 120 con una compresión óptima, y con muy buena calidad.

Formatos

Un formato de video digital, es la manera en que se guardan los datos en el fichero, esta forma puede cumplir diferentes requisitos según el uso para el que este diseñado, mientras que el códec es la compresión algorítimica a la que se ha visto sometido el contenido del formato de video digital. Metafóricamente hablando, el armário es el formato, y la manera en que coloco la ropa dentro es el códec.

De esta manera, es muy posible que el mismo códec este insertado en diferentes formatos de video. Es decir: podemos encontrar compresión MPEG en AVI, lo mismo que un QuickTime (mov), e igual, codecs DIVX pueden ser usado tanto en AVi como en MOV.

Formatos más conocidos

AVI y AVI 2.0

El formato AVI (Audio Video Interleave) tiene un funcionamiento muy simple, pues almacena la información por capas, guardando una capa de video seguida por una de audio. Sus codecs están desarrollados como controladores para ACM (Audio Compression Manager) y VCM (Video Compression Manager), y también pueden ser usados por algunas otras arquitecturas, incluidas DirectShow y Windows Media.

Así pues, ciñéndonos a la realidad, sólo existen dos tipos generales de AVI, Los basados en Video for Windows (los primeros en aparecer) y los basados en DirectShow (originalmente ActiveMovie). Y como hemos dicho, un AVI no es más que un formato de archivo que puede guardar datos en su interior codificados de diversas formas y con la ayuda de diversos codecs que aplican diversos factores de compresión, aunque para liar la cosa aún más si cabe, también existe la posibilidad de almacenar los ficheros en un formato AVI "raw" o crudo, es decir, sin compresión.
Más informacion sobre AVI:

http://www.imagendv.com/t
utorial/fiche_avi/fiche_avi.htm
http://conganat.uninet.edu/
IICVHAP/comunic/008/avi.htm

Microsoft Windows Media Video

[Visitar website] El windows Media video es una de las últimas propuestas de Microsoft que funciona con el Windows Media player de la versión 6.2 en adelante. Ha tenido gran impulso debido a Windows XP ya que viene integrado en dicho sistema operativo. También tiene una opción para streaming (difusión en linea) que viene incluida en el Windows 2000 Server. Las extensiones de este tipo de contenidos son las .asf y .wmv para el video y .wma para el audio. Ofrece el player y su encoder de forma gratuita.

Ya aplicaciones como Encore-DVD y Premiere, pueden manejar WMV de buena calidad para proyectos de DVD.

Más información: http://www.microsoft.com/
windows/windowsmedia/es/

http://www.lavanguardia.es/
cgi-bin/noticialvd.pl?noticia=
mediaplayer&amp;amp;seccion=software

Real Video [Visitar website⁽⁸⁾]

Real en los pasados años ha sido muy utilizado para streaming de audio en diversos medios. También tiene una propuesta para video llamada Real Video. Requiere de su propio player que es el Real Player (Recientemente fue lanzado el Real One) y para hacer streaming requiere del Real Server. En el sitio de Real también hay información para convertir archivos .avi a este formato. Real siempre tiene una versión simple y limitada de sus productos y una profesional que debe ser comprada.

Personalmente, no uso Real en ningún proyecto ya que considero muy agresiva la campaña de introducción del formato en los medios electrónicos. Esto es, Real Player pone funcionamientos a medias en sus productos y trata de obligar a los usuarios a comprar sus players para obtener una supuesta mejor "calidad" en el audio y video. Como me dijo Juan José, nuestro profesor de Maya...¡esa vaina es un virus!

Real Player deja ver DVD a medio volumen, colores opacos en su versión "Free" e insita a mejorar, comprando. Hay muchas y mejores alternativas en la web como el
Video Lan que puede leer virtualmente cualquier video, incluso
uno dañado o inconcluso como lo que se bajan de eDonkey.

Más información: http://conganat.uninet.edu/
IICVHAP/comunic/008/realvid.htm⁽⁹⁾

Apple Quicktime [Visitar website]

Apple también tiene una interesante opción nativa de los sistemas Mac. Sus archivos .mov requieren de un player especial que es el Quicktime player para visualizarlos. Este player tiene una versión sencilla gratuita y una versión profesional que entre otros permite realizar videos en dicho formato y editar algunas cualidades de los mismos.
Ofrece dos alternativas de servidores web. El Darwind Streaming Server y el Quicktime Server, ambos para plataformas Mac. Su codec es muy utilizado para presentar películas cortas y previews de los últimos lanzamientos de hollywood por su mejor calidad, aunque el tamaño es más pesado que otros formatos. En el sitio de Quicktime hay una amplia galería de cortos y videos para explorar.

El formato Quick Time puede albergar diferentes tipos de compresion o códecs como Animation, mpg4, DV para NTSC, DV PAL.

En proyectos web y CD es muy utilizado el Sorenson Video 3. Aunque últimamente, se usa tambien el mpg4, se debe tener cuidado al distribuir nuestro trabajo, ya que la mayoría de players de QuickTime deben ser actualizados vía web y los usuarios no tienen mucha afinidad esos procesos.

Más información:
http://www.espanol.lycos.com/
webmonkey/multimedia/quicktime/leccion1.html⁽¹²⁾

Códecs más conocidos

No comprimido

No es habitual procesar video no comprimido, debido al enorme ancho de banda necesario y a la cantidad de datos que se deben mover. Genera archivos GIGANTES en peso en kb.

DV

Con una cámara MiniDV y captura de video mediante el puerto firewire, el códec es el DV, una vez terminada la captura se puede comprimir como quiera. Seguramente se pueda capturar directamente comprimido, pero se verá afectada la calidad final, es decir, lo mejor es capturar con códec DV.

Dos horas de video DV con calidad similar a la del DVD, ronda cerca de los 15Gbytes, destacar que este códec solo comprime el video, el audio lo trata sin comprimir.

Es el mejor códec para manejar proyectos DVD ya que por ser un formato nativo digital, la información no pierde calidad en cada proceso (sólo si se edita y renderiza en formato DV).

Los programas como Premiere, DVD Pro, Premiere, After Efects, Final Cut, mueven este formato con facilidad.

MPEG

El formato MPEG (Moving Picture Experts Group) es un standard para compresión de video y de audio. Al ser creado se establecieron 4 tipos de MPEGs, MPEG-1, MPEG-2, MPEG-3 y MPEG-4. Cada uno de estos con una calidad y especificaciones diferentes. De aquí nace el popular formato MP3 para audio y también se habla de que el MPEG-4 que es el de mayor compresión le da vida al DivX explicado a continuación. MPEG ( Moving Picture Experts Group ) es un estándar de compresión de audio, video y datos establecido por la Unión Internacional de Telecomunicaciones.

Ofrece tres ventajas : compatibilidad mundial, gran compresión y poca degradación de la imagen. El estándar no especifica cómo se debe hacer la compresión. Los diferentes fabricantes luchan para determinar el mejor algoritmo, manteniendo siempre la compatibilidad.

Un cadena MPEG se compone de tres capas: audio, video y una capa a nivel de sistema. Esta última incluye información sobre sincronización, tiempo, calidad , etc.

MPEG-1 : Establecido en 1991, se diseñó para introducir video en un CD-ROM. Por aquel entonces eran lentos, por lo que la velocidad de transferencia quedaba limitada a 1.5 Mbits y la resolución a 352x240. La calidad es similar al VHS. Se usa para videoconferencias, el CD-i, etc. Si es usado a mayor velocidad, es capaz de dar más calidad.

En este formato están grabados los VCD y superVCD, así mismo se usa el formato en multimedia en CD-ROm que deba poderse ejecutar desde el CD-Rom sin tener que copiar el archivo al disco duro.

MPEG-2 : Establecido en 1994 para ofrecer mayor calidad con mayor ancho de banda ( típicamente de 3 a 10 Mbits ). En esa banda, proporciona 720x486 pixels de resolución, es decir, calidad TV. Ofrece compatibilidad con MPEG-1.

Este formato es el utilizado en los DVD, se debe tener en cuenta que un archivo con extensión MPG o MPEG puede estar codificado como 1, 2, 3, 4. Aunque los programas de edición y composición de video pueden leer y editarlo, es de muy DIFICIL MANIPULACION y no se ACONSEJA por ningún motivo tratar de editar video en este formato.

MPEG-3 : Fue una propuesta de estándar para la TV de alta resolución, pero como se ha demostrado que MPEG-2 con mayor ancho de banda cumple con este cometido, se ha abandonado.

MPEG-4 : Está en discusión. Se trata de un formato de muy bajo ancho de banda y resolución de 176x144, pensado para videoconferencias sobre internet. Realmente está evolucionando mucho y hay fantásticos codificadores soft que dan una calidad semejante al MPEG-2 pero con mucho menor ancho de banda.

Es muy bueno y vale la pena indagar sobre su uso. También se le llama incorrectamente Mp4 a reproductores portátiles que cuentan con una pantalla capaz de reproducir videos e imágenes. Esto es en realidad una estrategia de marketing que intenta dar la sensación al consumidor de que un reproductor Mp4 es superior a un reproductor de Mp3 por la simple y lógica superioridad numérica del nombre del primero.

JPEG : Joint Photographic Experts Group . Como su nombre indica es un sistema de compresión de fotografías. Muchos de los sistemas de compresión de vídeo, tal como el M-JPEG ( motion JPEG ) Cinepak e Indeo, se basan en él. Consideran el vídeo como una sucesión de fotografias. MPEG introduce la noción de movimiento de una manera mucho más compleja y agresiva el el M-JPEG.

Más información sobre MPEG:

http://www.imagendv.com/mpeg.htm
⁽¹³⁾http://www.tiramillas.net/
videojuegos/guiautil/formatosvideo/formatosvideo.html⁽¹⁴⁾

DivX ;) [Visitar website⁽¹⁵⁾]

En estos días todo trata de compresión y el DivX es una gran alternativa para esta tarea. Con mucha gente trabajando en sus diferentes codecs el DivX se ha vuelto muy popular y estuvo bastante relacionado con los DVDs y su piratería, ya que con dicho formato mucha gente se dió a la tarea de pasar DVDs a CDs con una calidad aceptable de video.

Más información sobre DivX ;)
http://www.maestrosdelweb.com/
editorial/computacion/divx.asp
http://club.idecnet.com/~modegar/video/divx.htm
http://www.divx-digest.com/articles/divx_spa/

Para más información sobre otros códecs de video del estilo de DivX:

http://www.3ivx.com/

http://www.xvid.net/

Final
No se nombraron todos los que existen, ni están todos los que se merecen, pero ha valido la pena :-)

Este artícuo fue tomado de la página
<====================================>

Los estudiantes aportarán más contenido sobre este tema,
visitando las páfinas sugeridas y otras que sonsideren necesarias.

Como usan la Multimedia los adolescentes

2006-07-24T08:16:00.000-07:00

Por
Carlos Aranzazu

El universo de posibilidades que brindaba la comunicación hace unos años era pequeño comparado con el que en la actualidad se ofrece. Los jóvenes estudiantes de secundaria y universitarios no solamente utilizan la tecnología de manera diferente hoy, abordan su vida y sus actividades diarias de manera especial debido a la tecnología.

En Colombia la juventud de antaño tenía a su disposición unos cuantos canales de televisión nacionales, revistas de farándula, cómic y por demás, eran pocas las oportunidades de ocio y comunicación a través de medios audiovisuales.

Con la llegada de Internet a la vida cotidiana, y todas las nuevas tecnologías que a partir de ese acontecimiento se han venido dando, el adolescente tiene ahora mayores oportunidades de comunicación, entretenimiento y aprendizaje. Tienen también una amplia oportunidad de acceso a computadores y aparatos electrónicos de toda índole a un bajo y relativamente bajo costo.

El principal detonante, como he anotado, en el uso de la multimedia es a mi modo de ver la Internet, por eso considero importante un informe de Jakob Nielsen, experto investigador del uso de la Internet, que dice que “Los adolescentes no son tan buenos usuarios de la Red, ya que la usan desenfrenadamente”. Nielsen Norman Group, la entidad responsable del estudio, expone que los factores del decepcionante resultado son debidos principalmente a la falta de una cultura de lectura, la impaciencia y una falta de técnica de búsqueda en la Web.

El adolescente usa la multimedia principalmente para interactuar con otros jóvenes con intereses comunes tales como la música, las comunicaciones con tecnologías P2P (persona a persona), dando a la comunicación una nueva dinámica que era imposible encontrar sólo unos pocos años atrás como el intercambio de fotografías y videos que anteriormente se hacían con medios físicos tangibles.

Dentro del ámbito de las comunicaciones interpersonales, el adolescente de hoy, tiene la facilidad de expresar su pensamiento de una manera más abierta, si se quiere, ya que el hecho de enfrentar una pantalla para “chatear” hace en cierta manera clandestina la información que se da, al no tener un interlocutor cara a cara. Esto último me hace pensar en una nueva forma de cómo las imágenes mentales se representan en las personas y sería preciso ahondar en el término “Persona a Persona” (p2p en su sigla en inglés) que paradójicamente denota una acción “impersonal”.

Los nuevos medios electrónicos despliegan toda suerte de interfases gráficas de usuario y hacen que desde tempranas edades, los jóvenes sean muy diestros en el uso de iconografías y expertos en la navegación de menús en juegos de consola, celulares, electrodomésticos y hacen, a su vez, pensar a los mayores poco avezados en estos usos, sobre una supuesta superior inteligencia de los muchachos en el manejo de la nuevas tecnologías.

La multimedia, ha hecho más inmediata la vida cotidiana y hace que los jóvenes de hoy tengan sus valores y modos de actuar frente a la sociedad de una manera aparentemente despreocupada y un tanto diferente a los que nos correspondió a los más antiguos.

2006-07-21T08:47:00.000-07:00

Introducción a la Integración Multimedia.

Contenidos I:

• Interacción
• Diseño de información
– Definición de producto
– Público y entorno
– Usuarios
– Opciones de desarrollo
– Materias primas
– Planificación
– Organización
– Diagramas de flujo

• Diseño de Interfases de Usuario
– Orientación
– Mapa de imagen y metáfora
– Navegación
– Utilización
– Funciónalidad
– Guiones multimedia

• Diseño de presentación
– La imagen digital
– Compresión de datos
– Estilo gráfico y de comunicación
– Diseño y comunicación
– Prototipo
– Distribución

• Bibliografía
– Vaughan, Tay; Manual de referencia de Multimedia. McGrawHill.

– Kristof, Ray; Diseño Interactivo, Anaya Multimedia, Anaya.

– Rafols, Rafael; El diseño Audiovisual, GG Diseño.

– Información Internet

• Software de autoría
– Macromedia Director, Encore
– Macromedia Authorware
– Macromedia Flash

• Software de composición y edición
– Photoshop
– Fireworks
– After Effects, Premiere

• Software de integración
– Zinc Loader
– Autoplay Media Studio
– Illuminatus Opus Pro

• Software auxiliar
– 3D, animación por plantillas, salvadores de pantalla, iconos, temas de escritorio, instaladores, grabación, etc.

Integración multimedia

– Es la integración de diferentes medios dentro de un solo producto, haciéndolo interactivo.

– Fusiona varias materia primas en una interfaz utilizable.

– Al diseñar como un proceso, se divide el proyecto en tareas y cuestiones tangibles, para manejar todas las piezas de manera óptima.

– Es un proyecto de comunicación.

Bases de la integración

• Diseño de la Información
– ¿Qué es el producto?

• Planificación, Público, Contenido organizado

• Diagrama de flujo

• Diseño de la Interacción
– ¿Cómo debe funcionar?

• Navegación, interacción, controles

• Guión

• Diseño de la Presentación
– Apariencia que debe tener

• Estilo, diseño de elementos del Guión

• Prototipo

Web 2.0: Los nuevos desafíos de la interfaz de usuarios

2006-07-18T10:00:00.000-07:00

Del sitio Proyecto Web

POR Armando Fidalgo de USOLAB

En los últimos meses, en los medios impresos y en internet se habla cada vez más de weblogs (los ya conocidos diarios personales online, con comentarios y citas cruzadas a otros weblogs), se comparten juegos, vídeos o fotografías con familiares o amigos en sitios como Flickr o MySpace, se difunden noticias mediante podcasting (archivos de sonido que se descargan y se pueden escuchar y reproducir en cualquier momento), se coeditan de forma participativa enciclopedias online, como Wikipedia, se consultan o cuelgan anuncios clasificados en Craigslist o Loquo, se añaden textos o tags (la llamada folksonomia) a las fotografías, música, etc., que se cuelgan en la red, para que otros las puedan buscar en sitios web como del.icio.us, se suscriben los usuarios a agregadores de contenido, permitido por RSS, mediante el que los sitios comunican automáticamente sus actualizaciones a sus suscriptores, se utilizan procesadores de texto que recurren a internet como plataforma (Writely), etc.

¿Qué es la usabilidad? Definición:

2006-07-18T09:39:00.000-07:00

Texto tomado de AINDA.INFO

Usabilidad se define coloquialmente como facilidad de uso, ya sea de una página web, una aplicación informática o cualquier otro sistema que interactue con un usuario.

Definiciones formales:

La Organización Internacional para la Estandarización (ISO) dispone de dos definiciones de usabilidad:

ISO/IEC 9126 :

"La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso"

Esta definición hace énfasis en los atributos internos y externos del producto, los cuales contribuyen a su usabilidad, funcionalidad y eficiencia. La usabilidad depende no sólo del producto sino también del usuario. Por ello un producto no es en ningún caso intrínsecamente usable, sólo tendrá la capacidad de ser usado en un contexto particular y por usuarios particulares. La usabilidad no puede ser valorada estudiando un producto de manera aislada (Bevan, 1994).

ISO/IEC 9241 :

"Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico"

Es una definición centrada en el concepto de calidad en el uso, es decir, se refiere a cómo el usuario realiza tareas específicas en escenarios específicos con efectividad.

Programa de Integración Multimedia

2006-07-18T09:19:00.000-07:00

Integración Multimedia

Introducción

•Interacción

•Diseño de información

–Definición de producto

–Público y entorno

–Usuarios

–Opciones de desarrollo

–Materias primas

–Planificación

–Organización

–Diagramas de flujo

•Diseño de Interfases de Usuario

–Orientación

–Mapa de imagen y metáfora

–Navegación

–Utilización

–Funciónalidad

–Guiones multimedia

•Diseño de presentación

–La imagen digital

–Compresión de datos

–Estilo gráfico y de comunicación

–Diseño y comunicación

–Prototipo

–Distribución

Recursos

•Bibliografía

–Vaughan, Tay; Manual de referencia de Multimedia. McGrawHill.

–Kristof, Ray; Diseño Interactivo, Anaya Multimedia, Anaya.

–Rafols, Rafael; El diseño Audiovisual, GG Diseño.

–Información Internet

Software

•Software de autoría

–Macromedia Director, Encore, Macromedia Authorware, Macromedia Flash, Dreamweaver

•Software de composición y edición

–Photoshop, Fireworks, After Effects, Premiere

•Software de integración

–Zinc Loador, Autoplay Media Studio, Illuminatus Opus Pro

•Software auxiliar

–3D, animación por plantillas, salvadores de pantalla, iconos, temas de escritorio, instaladores, grabación, etc.