6 Gertrudix Alvarez

See discussions, stats, and author profiles for this publication at: https://www.researchgate.
net/publication/261101539
Metodologías de producción multimedia: estrategias y técnicas
Conference Paper · March 2014
CITATIONS READS
0 7,961
2 authors:
Manuel Gértrudix Sergio Álvarez-García

King Juan Carlos University Complutense University of Madrid
245 PUBLICATIONS 558 CITATIONS 82 PUBLICATIONS 166 CITATIONS
SEE PROFILE SEE PROFILE
Some of the authors of this publication are also working on these related projects:
Vicerrectorado de Calidad, Ética y Buen Gobierno View project
Ciudadanía digital y open data access: empoderamiento ciudadano a través de los medios sociales en el entorno digital View project
All content following this page was uploaded by Manuel Gértrudix on 27 March 2014.
The user has requested enhancement of the downloaded file.

actas del vii simposio
[Manuel Gertrudix Barrio, Sergio Álvarez García] las sociedades ante el
reto digital/
/2014
/
METODOLOGÍAS
DE PRODUCCIÓN
MULTIMEDIA:
ESTRATEGIAS Y
TÉCNICAS
El caso de la red de
Manuel Gertrudix Barrio
Profesor Titular
educación musical
Departamento de Ciencias de la Comunicación 2, Facultad de Ciencias de la Comunicación,
Universidad ReyJuan Carlos. Cº del Molino, s/n, 28943 Fuenlabrada (Madrid) España
(REM)
mailto:manuel.gertrudix@urjc.es
Sergio Álvarez García

Profesor Visitante
Facultad de Ciencias de la Comunicación. Universidad Rey Juan Carlos. Cº del Molino, s/n, 28943 Fuen-
labrada, Madrid (España). Email: sergio.alvarez@urjc.es
/88
/ACTAS ICONO14 - Nº 12 VII Simposio Las Sociedades ante el Reto Digital / 04/2014
/ ASOCIACIÓN DE COMUNICACIÓN Y NUEVAS TECNOLOGÍAS C/ Salud, 15 5º dcha. 28013 – Madrid (España) /88
/ ISBN: 978-84-15816-10-2 / CIF: G - 84075977 | www.icono14.net/actas
reto digital/
/2014
/Resumen /Abstract
El texto presenta algunas de las estrategias que The paper presents some strategies that define the
definen los procesos de diseño y desarrollo de processes of design and development of multi-
proyectos multimedia. Desde el análisis de las media projects. First we analyze the characteris-
características y rasgos básicos, se describen las tics and basic features of production techniques,
técnicas de producción, concretamente las de specifically those of scripting and planning.
guionización y las de planificación, y las técnicas Second, we explain of implementation techniques
de realización y elaboración que sirven para used to structure information, develop informa-
estructurar la información y para la construcción tion architecture and design interfaces.
de las interfaces.
The methodology used two techniques: document
Mediante un método de revisión documental review and analysis of prototypes. The main result
y el análisis de ejemplos modelo, se obtienen un is a useful set of criteria for use in processes of
conjunto de criterios útiles para su aplicación en development of digital media productions for
procesos dirigidos a la elaboración de producciones both the field of education and communication.
multimedia digitales tanto para el ámbito educa-
tivo como la comunicación.
/Key words
/Palabras clave Digital Communication, Multimedia Production,
Methodology of production, strategies, techniques
Comunicación digital, producción multimedia,
metodología de producción, estrategias, técnicas.
/Introducción
El crecimiento de productos digitales, tanto
de comunicación como educativos, ha hecho
necesario el desarrollo de una reflexión disci-
plinar que permita dar respuesta a la exigencia de
ordenar y racionalizar los procesos de producción
y realización. La configuración de nuevas formas
de Comunicación no hace sino responder a la
necesidad de atender, desde el ámbito académico,
a la proliferación de ofertas mediáticas no tradi-
cionales (Internet, emisiones digitales, nuevas
modalidades comunicativas,...) que se vienen
constituyendo como materias imprescindibles en
la actividad profesional (Gertrudix & Alvarez, 2011).
La pujanza de la investigación en este campo

hace que en este momento sean muy numer-
reto digital/
/2014
osos los estudios que toman como eje de sus

indagaciones aspectos centrales o limítrofes de 1. Técnicas
la Producción y Realización multimedia. Bien es
cierto que dada la naturaleza multidisciplinar de producción
de este campo, rara vez las investigaciones se
circunscriben temáticamente a una única área de multimedia
conocimiento. Al contrario, lo habitual es encon-
trar trabajos de naturaleza transversal en los Entre las distintas técnicas que es necesario invocar y
que se asocian científicos de distintas disciplinas poner en liza en la fase de producción de un proyecto
como la Comunicación audiovisual, la Ingeniería multimedia nos centraremos en dos: las de desarrollo
informática, el Diseño, etc. del Guión multimedia y las de Planificación.
1.1. Guionización
/Objetivos
multimedia
La investigación se fija, como objetivo general,
establecer el marco de estrategias de producción El guión multimedia es una herramienta, un
y realización multimedia para el desarrollo de recurso, que nos sirve para:
productos digitales.
/Ordenar y disponer los elementos y el
De forma específica, pretende: contenido multimedia.
/Detallar cuáles son las técnicas de /Seguir una estrategia de selección y

planificación identificando sus rasgos más presentación, distribución y secuencia de la
sobresalientes. información.
/Identificar algunas de las técnicas de /Atender, adecuadamente, al perfil

diseño y desarrollo, explicando las relacio- del usuario de destino, y a los objetivos
nadas con la estructura informacional y la comunicativos.
definición de las interfaces.
El desarrollo del guión multimedia supone dar respu-
esta a las seis preguntas clásicas: el Qué (los conte-
nidos que vamos a contar) el Cómo (la manera en
la que articulamos la presentación multimedia de
/Metodología cada recurso) el Cuándo (secuencia informativa e
interactiva) el Quién (qué utilizamos para presentar
El trabajo utiliza como estrategia metodológica la información) el Dónde (modelo de organización
la recopilación de información bibliográfica refer- estructural, distribución…) y el Para quién (nuestro
ente al tema de estudio, combinada con el análisis lectoautor buscado).
formal de ejemplos considerados como prototípicos
de los distintos elementos analizados. Determinar La unidad mínima multimedia viene definida por
los objetivos de la investigación la “escena interactiva”. Esta escena está compuesta
por elementos distintos: las tareas de entrada, las
tareas de fondo, las zonas sensibles e interactivas,
las tareas de salida.
reto digital/
/2014
/Los elementos del relato multimedia son:

1.2.1. Storyboarding
/Personajes: asociados a acciones.
Aunque la evolución y desarrollo de los guiones
/Acción: orientada a objetivos. gráficos o Storyboard está vinculada con el cine,
en la producción y realización de productos multi-
/Espacio: discontinuo. media, es un elemento fundamental.
/Tiempo: Discontinuo y variable. Básicamente podemos definir un Storyboard como

un modelo de visualización gráfica del guión y su
/Diálogos: Variedad formal y de origen. estructura (Hart, 2001).
La escritura del guión multimedia deberá dar Como técnica de representación gráfica de soporte
respuesta a un conjunto amplio de criterios: los a la producción, bebe en sus orígenes del cine y del
objetivos y el perfil de los usuarios, la selección cómic fundamentalmente (Bou, 2003) si bien ha
y tratamiento de los contenidos, la organización sido aplicada con fortuna en otros campos.
y distribución de la información, la propuesta de
itinerarios de navegación, etc. En una producción multimedia nos permite realizar
una primera aproximación a las necesidades de
Para Guillén Bou (2003) los principios estra- producción, por una parte, y definir la tipología
tégicos de la estructura multimedia son: de diseño que vamos a seguir. En la medida en
Sorpresa-coherencia; Atención: naturaleza y que la producción multimedia se acerque en su
apariencia; Economía y “crescendos”; Unifor- lenguaje al cine (v.g. animación) será útil, además,
midad o unicidad; y Dramatización. para establecer la planificación básica (ángulos de
cámara, posiciones, encuadres, etc.)
Asimismo, indica que los principios de usabilidad
lo conforman el grado de interactividad, la redun- Aplicaciones informáticas para el desarrollo de
dancia o refuerzo, la vitalidad y la necesidad. guiones gráficos.
Actualmente existen en el mercado numerosas

aplicaciones que facilitan, y abaratan notable-
1.2. Técnicas de mente, la elaboración de guiones gráficos. Por un
lado están las herramientas de gestión de produc-
Planificación ción audiovisual como Movie Magic Screenwriter
o Movie Magic Scheduling, o software de escritura
Las Técnicas de planificación nos permiten llevar de guiones como Final Draft, pero también existen
a cabo un diseño previo del multimedia. En esta distintas soluciones especializadas en el desarrollo
etapa resulta fundamental llevar a cabo todas de Storyboards como Storyboards Artist o Frame-
aquellas operaciones que garanticen que, antes Forge 3D Studio.
de comenzar el desarrollo, el producto multi-
media final responderá realmente a la idea Entre sus múltiples funciones, estas aplicaciones
germinal que lo ha motivado. nos permiten:
/Planificación detallada de los escenarios

con controles sobre elementos como
posicionamiento de cámara, control de
objetos, la profundidad de campo, punto de
foco, uso de ópticas, etc.
reto digital/
/2014
Figura 1: Interfaz del programa FrameForge 3D
Figura 2: Módulo de construcción de espacios del software Writersstore - Fuente: www.writersstore.com
reto digital/
/2014
/Amplia biblioteca de actores con varia- los internautas resultan de gran valor al facilitar
ciones de vestuario, evolución dinámica de una información de primera mano sobre las dificul-
edad, distintas etnias, expresiones, etc. tades y ventajas que encuentran en la estructura
propuesta frente a la que vienen utilizando.
/Distintos acabados de dibujo y presen-
taciones de las ilustraciones: renderizado Cuando se trata de nuevos desarrollos, especial-
realista, sobrelineado, dibujo o boceto de mente en proyectos de tamaño medio o grandes
líneas. proyectos, además del criterio del cliente se
suelen utilizar pruebas con usuarios potenciales
/Parrilla de construcción de espacios. para analizar si la planificación de la web está
bien enfocada.
/Extensas bibliotecas de efectos (trans-
parencias, “calcomanías” para sobreimpre- Las herramientas utilizadas para elaborar un
siones, manejo de objetos, etc.) Posibilidad wireframe son aplicaciones de diseño que permitan
de ampliación de bibliotecas con espacios, elaborar diagramas y estructuras de forma sencilla.
sujetos y objetos específicos (guerra, ciencia
ficción, etc.) Como en todo este campo, los avances teóricos
son constantes, y, en la misma Red, se publican
diariamente artículos y conferencias que van
sedimentando un poso teórico que, por una
1.2.2. Técnica del parte, fundamenta el copioso hacer y, por otro,
establece un marco epistemológico que sirve de
wireframing referencia a las nuevas producciones. En relación
a la técnica del wireframe, uno de los especial-
El concepto de wireframe deriva del diseño gráfico, istas en desarrollo web más contrastados, el
donde hace referencia al esqueleto de una imagen canadiense Dan Brown (2007), ha desarrollado
semitransparente que muestra solo las aristas de la un sistema para la presentación de datos en este
malla del objeto que representa. tipo de representaciones.
Así, la técnica del wireframing aplicada a esta Una de las evoluciones de esta técnica es la
fase del desarrollo permite generar una estructura narración guiada con wireframes (Guided
básica (estática o funcional) del multimedia y wireframe narrativa) propuesta por Zapata (2009).
comprobar si esta responde adecuadamente a Su utilización está indicada en aquellos casos en
las necesidades del destinatario. Dejando de lado los que no es posible desarrollar un prototipo pero
el diseño, un wireframe muestra la armadura del sí es necesario, por la complejidad de la aplicación
multimedia, y representa el flujo de entradas y a desarrollar, disponer de un modelo que permita
salidas de cada pantalla. De este modo, se atiende contrastar con los usuarios (y los clientes) si el
a los dos aspectos básicos previos al diseño: opera- diseño contempla toda la información que será
tividad (usabilidad, accesibilidad, funcionalidad…) y necesario manejar.
estructura del contenido.
Se trata, en definitiva, de la presentación secuen-
En el desarrollo web, especialmente cuando se está ciada de los wireframes (con algún programa al
realizando un trabajo de rediseño de un site, suele efecto) relatando, en cada caso, las precisiones o
hacerse partícipes a los usuarios del proceso de excepciones que sean necesarias para comprender,
rediseño a través de la publicación de los wireframes correctamente, el futuro funcionamiento de la
que reflejan la nueva estructura. Facilitando los aplicación. Este tipo de narraciones deben mostrar,
canales de comunicación, los reportes que realizan de forma desagregada (para evitar sobrecargas
reto digital/
/2014
Figura 3: Sistema para la representación de información en wireframes. - Fuente: Dan Brown

(www.greenonions.com)
de información): la jerarquía del multimedia, la

definición de las pantallas, los elementos básicos 1.2.3. Técnica del
de diseño, y los modelos de interacción previstos.
Sus principales ventajas, frente a la técnica de los prototipado
prototipos, es que resulta más sencilla y económica;
frente a los wireframes clásicos y los guiones La elaboración de prototipos es una técnica que
gráficos, que permiten una cierta funcionalidad resulta útil cuando se trata de proyectos complejos,
que simula, a grandes rasgos, lo que se ha pensado de alcance económico alto, y en los que se cuenta
para la aplicación definitiva. con clientes o usuarios finales que son capaces
de “leer” adecuadamente las características de un
prototipo. El objetivo de un prototipo es ayudar
en la detección de posibles errores funcionales o
de diseño, evitar malas orientaciones de desar-
rollo (derivadas, por ejemplo, de diferentes inter-
pretaciones entre el cliente y el equipo de diseño
multimedia) y, sobretodo, ayudar a organizar
efectivamente el camino de producción, lo que ha
de suponer un ahorro de costes y tiempo en la fase
de desarrollo.
reto digital/
/2014
Son numerosas las formas de realizar un prototipo,

pues podemos ir desde esquemas básicos realizados 2. Técnicas
en papel, a representaciones de gran fidelidad que,
además, ofrecen un modelo de funcionalidad de realización
característica del multimedia.
multimedia
Es recomendable que los prototipos estén desar-
rollados de forma modular y sean reutilizables,
pues ello permite que el esfuerzo realizado pueda
aprovecharse en fases posteriores del desarrollo. 2.1. Técnicas de
Así, podemos considerar dos tipos de prototipos:
desarrollo de
/Reutilizables (evolutionary prototyping): Se
elabora de modo que el conjunto o algunas arquitecturas de
partes sirvan de base al desarrollo final.
información
/Modulares (incremental prototyping): Se
genera un modelo básico y, a partir de este, Los patrones de diseño están en la base de la
se van añadiendo nuevos elementos según emergente disciplina conocida como “Ingeniería de
evoluciona el ciclo de desarrollo. la Web”. Esta deviene de la teoría de los lenguajes
de patrones (pattern languages) desarrollada por
La técnica del prototipado en papel es un modelo Christopher Alexander a comienzos de los años
dirigido al diseño iterativo de interfaces de usuario 70 del pasado siglo, y que fue posteriormente
que se basa en la producción de un modelo en desarrollada ampliamente por la “Ingeniería del
soporte papel sobre el que se realizan pruebas de Software”, con autores como Ward Cunnigham,
usuario en el diseño inicial de interfaces y estruc- Kent Beck, el grupo GoF, Coplien o Schimidth, entre
turas de información de productos multimedia. otros muchos.
Reúne algunas características interesantes por las Alexander, en su trilogía The Timeless Way, definía
que resulta eficaz en numerosos casos. En primer de este modo el concepto de patrón:
lugar, es un sistema rápido y barato para realizar
pruebas con usuarios y calibrar, de este modo, la “Un patrón describe un problema que ocurre una y
utilidad del diseño de un sistema multimedia. En otra vez en nuestro entorno y, después, describe la
segundo, al poder realizarse de forma sencilla solución a ese problema de tal forma que se puede
permite realizar pruebas correctivas de forma utilizar esta solución un millón de veces más, sin
secuenciada, con lo que es posible ir realizando hacerlo dos veces de la misma manera” (1981)
cambio de manera ágil en el diseño inicial.
Un patrón es un esquema recurrente que,
Dado que supone realizar pruebas sobre un soporte tomando una determinada forma, se muestra
distinto sobre el que se desarrollará posteriormente como una solución útil y reutilizable con eficacia.
el producto, posee sus propias estrategias de desar- En palabras de Brad Appleton (2000) un patrón es
rollo, así como códigos específicos para ilustrar “una pieza de información que porta la esencia de
convenientemente la representación de pantallas, una solución probada a un problema recurrente
los widgets de la interfaz, o los elementos que en un cierto contexto”.
responden a interacciones complejas del usuario,
como búsquedas, soltar y arrastrar, cambios de Los patrones son considerados como elementos
foco, scrolling, o manejo de elementos multimedia. críticos para un diseño multimedia de calidad que
reto digital/
/2014
permita una eficaz gestión del conocimiento y la /Arquitectura de la información para

posibilidad efectiva de compartir buenas prácticas. aplicaciones.
Dada la dificultad y el coste del desarrollo de
software y multimedia, se precisan sistemas /Navegación.
de trabajo que permitan optimizar los recursos
existentes. En ese sentido, los patrones vienen a /Diseño de páginas.
aportar soluciones exitosas que, bajo determi-
nadas condiciones, permiten garantizar soluciones /Mapas, gráficos y tablas.
válidas a problemas de desarrollo comunes. Bajo
esta perspectiva, un patrón, según James Coplien /Formularios.
(2004) debe cumplir ciertas características:
/Editores gráficos.
/Solucionar un problema.
/Color, tipografía y look-and-feel.
/Ser un concepto probado.
Así, un patrón contiene un conjunto de caracte-
/Dar una solución que no es obvia. rísticas estructurales y de comportamiento que
mejoran la “habitabilidad” de cualquier interfaz de
/Describir participantes y relaciones usuario, una web, un programa orientado a objetos,
entre ellos. o incluso un edificio. Hacen que las cosas sean
más fáciles de entender, más bonitas, y hacen las
/Tener un componente humano alto: herramientas más útiles y usables. Esos patrones,
estética y utilidad. como tales, pueden ser la descripción de las
mejores prácticas dentro de un dominio dado de
Un patrón de desarrollo web viene definido por un diseño. Capturan las soluciones comunes frente a
conjunto de elementos: su nombre, el problema al determinadas tensiones de diseño y, por definición,
que trata de dar solución, el contexto en el que se no son soluciones nuevas.
dan las condiciones del problema y su solución, las
fuerzas que intervienen en el problema, la solución En cualquier caso, no debe entenderse que los
propuesta, los ejemplos que ilustren las solución en patrones son “recetas”; cada implementación supone
el nuevo contexto resultante, una explicación justi- una adaptación por parte del diseñador. Tampoco son
ficada de los pasos o reglas que definen el patrón, simples reglas o un tutorial paso a paso.
y sus usos conocidos.
Para Jennifer Tidwell (2005) los patrones de diseño

capturan el conocimiento adquirido de diversas
fuentes (años de aplicaciones pre-Internet, las
mejores web interactivas, ideas provenientes del
mundo de los móviles y las tabletas). Muchos de
esos conocimientos son reutilizables por los desar-
rolladores noveles. Esas ideas son presentadas en
forma de colecciones de patrones (soluciones a
problemas comunes que se pueden utilizar fácil-
mente). Cada patrón contiene consejos prácticos
de diseño que pueden usarse inmediatamente, con
ejemplos que ilustran su funcionamiento. Estos
patrones pueden incluir los temas siguientes:
reto digital/
/2014
cional, instrumental, capilar-osmótica, espacial, y

2.2. Técnicas de sociosemiótica).
diseño de interfaces No podemos olvidar, en cualquier caso, que las

interfaces son elementos evolutivos que van
La teorización sobre el Diseño de interfaces mutando en función de múltiples circunstancias
podemos abordarla desde distintas disciplinas que tiene que ver con los contextos de uso, con
que van desde el “Diseño gráfico” a la “Interacción las competencias lectoras, con las necesidades de
persona-ordenador” pasando por la “Psicología los usuarios, con las tendencias, con los criterios
del Arte” (Fechner, Arheim, Vygotski, Gardner…) o de desarrollo, etc. Así, por ejemplo, Forest Key
la “Psicología cognitiva” (Norman) planteaba hace unos años cómo la nueva versión
del SO Windows sustituyó los menús por cintas
La Teoría de los procesos de interacción persona- contextuales y ventanas emergentes, disponibles
ordenador define la interfaz de un sistema inter- en cualquier parte de la pantalla, como una evolu-
activo como un dispositivo tecnológico que ción lógica del proceso del modelo de interfaz.
permite una interacción amigable con dicho
sistema a través de modelos de representación de En esta línea de secuenciación lingüística a la
distinto tipo (textual, visual, sonoro, etc.) que responden aún los sistemas operativos y los
nuevos medios, Pablo Mancini (2006) señalaba:
Habitualmente se utiliza el término Interfaz
gráfica de usuario (GUI, Graphical user Inter- Lo interesante de la discusión no es tanto quién
face) para hacer referencia a un modelo concreto tiene razón como el problema que emerge de ella,
de representación que hace uso de distintos que nos advierte directamente sobre la cuestión
objetos gráficos e imágenes para mostrar la de las interfaces actuales de los sistemas opera-
información disponible dentro de un sistema. tivos que usamos y del cúmulo de objetos
Aunque realmente los modelos de interfaz son vagamente agrupados como “nuevos medios”.
extremadamente variados, y no aluden, como
hemos visto, de forma exclusiva a los sistemas En su libro El lenguaje de los nuevos medios de
digitales, el concepto de GUI quedó definido a comunicación, Lev Manovich (2005) describe y
partir de los sistemas orientados a objetos, en los analiza este tipo de operaciones y explica que
que el usuario puede manipular directamente los probablemente está marcada linealidad que
elementos que conforman la interfaz cambiando todavía persiste en las ciberculturas se deba al
su estado, propiedades e incluso naturaleza. orden semiológico dominante del siglo pasado,
que heredamos de las narrativas cinematográ-
Desde el análisis semiótico, para Scolari (2004) ficas y que lleva al usuario de pantalla a pantalla.
el término se ha convertido en un concepto-
paraguas que ha terminado definiendo cosas La lógica del “pantalla a pantalla” es la estructura
de naturaleza bastante diversa que mantienen de cualquier sistema que utilicemos, y su modo
entre sí, solamente, una lógica de intercambio secuencial, su montaje, también la forma en que
informacional. Sin embargo, de todas las defini- vivimos aún en los entornos virtuales.
ciones que trae a colación en su obra nos interesa
la interpretación de Pierre Lévy (1992) cuando
conceptualiza la interfaz como una red cogni-
tiva de interacciones. El propio Scolari proyecta
un modelo metafórico que no pretende definir
tanto la interfaz como comprender los tipos de
metáfora que se esconden tras su uso (conversa-
reto digital/
/2014
la presión efectuada. Su utilización es habitual en

2.2.1. Tipología puestos electrónicos (cajeros, sistemas electrónicos
de control…) en sistema de control domótico, y,
de interfaces de forma profusa en los últimos años, en disposi-
tivos de informática y comunicación móvil (PDAs,
Desde nuestra perspectiva, que ha de centrarse en móviles, etc.)
el desarrollo de las interfaces digitales, nos interesa
aproximarnos a los modelos de interfaz existentes. Así, Zooming user interface (ZUI) Se trata de un sistema
podemos hablar de cinco tipos distintos de interfaces: avanzado de interfaz basado en realidad virtual,
en el que se mezclan elementos 3D con sistemas
PARC User Interface (PUI) Conocido también como planos multicapa. Son numerosos los grupos de
WIMP, se estructura por medio de una represent- investigación que actualmente están trabajando en
ación que combina objetos gráficos como ventanas, Norteamérica y Europa para el desarrollo de este
menús, botones de radio, botones de marcar e modelo de interfaz dirigido hacia la experiencia de
iconos, dentro de un entorno contextualizado usuario, pues aporta mayor realismo y flexibilidad
por algún tipo de metáfora (v.g. escritorio) Utiliza al tradicional concepto de interfaz. Su utilidad está
como dispositivos de entrada, además del teclado, enfocada hacia los dispositivos de pantalla reducida,
algún instrumento apuntador que permite selec- fundamentalmente los de movilidad, por lo que las
cionar qué parte del entorno manipularemos como líneas de investigación están dirigidas a la búsqueda
usuarios. Las primeras interfaces PUI surgieron de de modelos que optimicen las prestaciones de estos
los desarrollos llevados a cabo en los laboratorios de entornos reducidos mediante sistemas de represen-
Xerox PARC (Palo Alto Research Center) a finales de tación complejos en los que sea sencillo pasar entre
los años setenta, si bien el primer sistema operativo escalas y representar distintos niveles de detalle.
que instrumentalizó la idea fue la compañía Apple,
con sus ordenadores Macintosh, entrados ya en la Como señala el profesor Ken Perlin, de la Univer-
década de los setenta. El éxito obtenido animó a, sidad de Nueva York:
posteriormente, a IBM y Microsoft para acoger estas
ideas en sus especificaciones Common User Acces, Los elementos de información en una interfaz
que son la base de las interfaces de los sistemas ZUI son mostrados directamente en un escritorio
operativos Microsoft Windows e IBM OS/2, además virtual “infinito”, usando gráficos vectoriales en
de las de otros interfaces para otros entornos vez de ventanas. Los usuarios pueden pasar de un
basado en Unix. Actualmente vivimos rodeados plano general del escritorio virtual y hacer zoom en
digitalmente de estos modelos de interfaz. los objetos de su interés… (2012)
Touchscreen user interface (TUI) Son todas aquellas Interfaces 3D. La última innovación en el campo
interfaces basadas en el uso de pantallas táctiles. del diseño de las interfaces viene de la mano de
Creada por Eugene Mosher, uno de los pioneros las conocidas como interfaces 3D. Este tipo trata
de la Teoría de la interacción hombre-máquina, su de vencer el modelo tradicional 2D basado en
lógica representacional es muy similar a las PUI, modelo lineales y rígidos, para ofrecer sistemas de
dado que la forma de organizar la información interacción más complejos, con mayores funcion-
y mostrarla en pantalla responde a criterios muy alidades integradas, con arquitecturas menos
homogéneos cuando no idénticos. La diferencia rígidas y predefinidas, y que permitan modelos
fundamental radica en la forma de interacción de interacción más cognitivos que físicos. En este
que se le propone al usuario; en este caso, gracias campo se hallan iniciativas como el proyecto de
a la capacidad sensitiva de la capa de contacto Sun Microsystems, Looking Glass7 , una plataforma
(pantalla), el dispositivo apuntador no es una abierta que trata de explorar las posibilidades
extensión electrónica, si no que esta responde a de las Interfaces de usuario en 3D. En esa misma
7.
http://www.sun.com/software/looking_glass/
reto digital/
/2014
línea, se encuentra el proyecto Open Croquet, de Interfaces multimodales (IMM) Se trata de inter-
la fundación “The Coquet Consortium”, que amplía faces que utilizan simultáneamente varios sentidos
el concepto de GUI 3D añadiéndole el concepto de (vista, oído y voz) para ofrecer a los usuarios una
multiusuario, o el proyecto Virtual Objet System experiencia de usuario más natural y sencilla.
(VOS) que incorpora una tecnología informática Se trata de un sistema novedoso, que soporta
para crear sistemas distribuidos de objetos. los estándares industriales básicos: WML, HTML,
XHTML , VoiceXML, C++ y Java. Aplicada al campo
Las características básicas que definen este modelo de los dispositivos móviles (como la patente
de interfaces son: Interacción natural de la empresa Vida Software)
permite enriquecer las aplicaciones de contenidos
/Aprovechan las posibilidades de la Web para móviles a través de interfaces de usuario
2.0, pues trabajan en modelos de proceso en multimodales y biométricas.
servidor (aplicaciones y sistemas operativos
en línea)
/Ofrecen un sistema de interacción 3D

cercano a los modelos de los videojuegos.
/Poseen estructuras más abiertas que

permiten a los usuarios compartir y crear
información en línea, con arquitecturas de
red P2P (par a par)
Figura 4: Modelo de interfaz 3D - Fuente: Fundación “The Coquet Consortium”
reto digital/
/2014
/Scolari, C. (2004). La interfaz y sus

/Referencias metáforas. Barcelona: Gedisa.
/Alexander, C. (1981). The timeliness way of /Tidwell, J. (2005). Designing interfaces.

building. Barcelona: Gustavo Gili. O’Reilly Media.
/Bou, G. (2003). El guión multimedia. /Zapata, A. (2009). The Guided wireframe

Madrid: Anaya. narrative for Rich Internet Aplicattions. Case Study:
Prototyping Complex Interactions. Recuperado el
/Brad, A. (2000). Patterns and Software: 21 de 11 de 2012, de Boxesandarrows.com: www.
Essential Concepts and Terminology. Recuperado el boxesandarrows.com
23 de 11 de 2013, de Bradapp: www.bradapp.com/
docs/patterns-intro.html
/Brown, D. (2007). Where the wireframes

are: Special deliverable. Recuperado el 21 de 11 de
2013, de Boxesandarrows.com: www.boxesandar-
rows.com
/Coplien, J. (2004). The culture of patterns.

Computer Science Information System , 1 (2), 1-26.
/Gertrudix, M., & Alvarez, S. (2011). Las TIC

en la enseñanza de la Comunicación Multimedia.
Reflexiones sobre su inserción curricular en la
Enseñanza Superior. Revista Linhas , 70-84.
/Hart, G. (2001). La técnica del storyboard.

Madrid: IORTV.
/Lévy, P. (1992). ¿Qué es lo virtual? Barce-

lona: Paidós.
/Mancini, P. (2006). Las interfaces de 20

años ante los nuevos entornos de simulación y
cooperación. Obtenido de Amphibia: http://www.
amphibia.com.ar/las-interfaces-de-20-anos-ante-
las-nuevos-entornos-de-simulacion-y-cooperacion/
/Manovich, L. (2005). El lenguaje de los

nuevos medios de comunicación: la imagen en la
era digital. Barcelona: Paidós.
/Perlin, K. (2012). Experiments.

Recuperado el 21 de 11 de 2013, de Perlin: http://
mrl.nyu.edu/~perlin/
View publication stats

6 Gertrudix Alvarez

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

6 Gertrudix Alvarez

Cargado por

Copyright:

Formatos disponibles

See discussions, stats, and author profiles for this publication at: https://www.researchgate.

Metodologías de producción multimedia: estrategias y técnicas

Conference Paper · March 2014

Manuel Gértrudix Sergio Álvarez-García

SEE PROFILE SEE PROFILE

Vicerrectorado de Calidad, Ética y Buen Gobierno View project

The user has requested enhancement of the downloaded file.

Sergio Álvarez García

La pujanza de la investigación en este campo

osos los estudios que toman como eje de sus

/Detallar cuáles son las técnicas de /Seguir una estrategia de selección y

/Identificar algunas de las técnicas de /Atender, adecuadamente, al perfil

/Los elementos del relato multimedia son:

/Tiempo: Discontinuo y variable. Básicamente podemos definir un Storyboard como

Actualmente existen en el mercado numerosas

/Planificación detallada de los escenarios

Figura 1: Interfaz del programa FrameForge 3D

Figura 2: Módulo de construcción de espacios del software Writersstore - Fuente: www.writersstore.com

Figura 3: Sistema para la representación de información en wireframes. - Fuente: Dan Brown

de información): la jerarquía del multimedia, la

Son numerosas las formas de realizar un prototipo,

permita una eficaz gestión del conocimiento y la /Arquitectura de la información para

Para Jennifer Tidwell (2005) los patrones de diseño

cional, instrumental, capilar-osmótica, espacial, y

diseño de interfaces No podemos olvidar, en cualquier caso, que las

la presión efectuada. Su utilización es habitual en

/Ofrecen un sistema de interacción 3D

/Poseen estructuras más abiertas que

Figura 4: Modelo de interfaz 3D - Fuente: Fundación “The Coquet Consortium”

/Scolari, C. (2004). La interfaz y sus

/Alexander, C. (1981). The timeliness way of /Tidwell, J. (2005). Designing interfaces.

/Bou, G. (2003). El guión multimedia. /Zapata, A. (2009). The Guided wireframe

/Brown, D. (2007). Where the wireframes

/Coplien, J. (2004). The culture of patterns.

/Gertrudix, M., & Alvarez, S. (2011). Las TIC

/Hart, G. (2001). La técnica del storyboard.

/Lévy, P. (1992). ¿Qué es lo virtual? Barce-

/Mancini, P. (2006). Las interfaces de 20

/Manovich, L. (2005). El lenguaje de los

/Perlin, K. (2012). Experiments.

View publication stats

También podría gustarte