En este tip, lo que vamos a ver es una forma de realizar un producto multimedia, ya sea un CD interactivo o web, a modo de guía, para ser un poco mas ordenados a la hora de realizarlo.
Estas son tres etapas:
Diseño de información
Diseño de interfaz
Diseño de interactividad
1. Diseño de información:
Se convierte la información lineal a hipertexto, se le da formato multimedia. Esta se divide en dos sub-etapas:
Análisis: donde se desarma, disgrega, la información obtenida
Síntesis: aquí se vuelve a unir la información con una estructura hipertextual, con un concepto de eje temático, es decir, se organiza en grupos jerárquicos, y se va de lo mas general, a lo particular. Aquí surge el árbol de navegación:
imagen de un árbol de navegación con sus ejes temáticos
2. Diseño de la interfaz:
Aquí se trata y se define las convenciones gráficas que va a tener el producto, se definen los componentes, la distribución de los elementos, y se realiza la pantallización.
Elementos de pantalla:
a. Contenido: es la sustancia del producto: (imágenes, sonido, texto, video, animaciones), tiene que ser de primera lectura, fácil de encontrar y apropiar.
b. Herramientas de navegación: son los mecanismos para desplazarse por el hipertexto, se realiza el diseño del funcionamiento.
b.1. Barra de navegación: se agrupan los botones con funcionamiento similar Primaria: son las mas visibles, fácil de encontrar (acceso a ejes temáticos). Secundaria: controlan el contenido de la pantalla (play, stop, zoom de imágenes, etc). Terciaria: son accesorias al funcionamiento del multimedia (descargar flash player, mail to).
b.2. Metáforas de navegación: a través de una metáfora, la navegación es mas simple e intuitiva, ejemplo: si tienes que hacer una web de un museo, haces el museo propiamente dicho, que se pueda navegar por las galerías, y ver sus cuadros y esculturas, será mejor que tener una botonera que diga: pintura, escultura, etc.
Existen metáforas de lugar, actividades y objetos. En ciertos contenidos la metáfora no sirve, ejemplo: una pagina para hacer tramites del gobierno.
c. Distractores: dotan de vitalidad a la pantalla, no son adornos, ni indispensables para el contenido y navegación, pero si llamar la atención, ejemplos: recreación de un logotipo, mascota o personaje, precargas, banners (también es una herramienta de navegación).
Distractores sonoros: audio y efectos, dan resignificación al contenido (y es por eso que hay que pensar si es bueno o no colocar sonidos a los botones), no hay que tomarlos como adornos y en exceso se vuelven molestos.
Antes de seguir con el diseño de interactividad, voy a dar una breve reseña de qué es interactividad: es un ida y vuelta entre el producto y el usuario, capacidad de modificar el producto. Es necesario un equilibrio entre el reto que da el producto, y las competencias (habilidad, aprendizaje y experiencia, etc.) del usuario. Todos los interactivos no tienen la misma interactividad, y es por esto que existe una escala cualitativa de interactividad:
1. Control de velocidad: controla velocidad de cambio de pantalla, lineal, atrás – delante(Presentación de diapositivas). 2. Control de secuencia: posible controlar ejes temáticos, ir a donde uno quiera. 3. Control de medios: permite cierta operatoria sobre los contenidos (agrandar o achicar texto, YouTube). 4. Control de variables: se dan las herramientas para personalización de un producto, es posible alterar contenidos (fotolog, deviantart, my space). 5. Control de transacción: alta complejidad, análogo a transacciones del mundo físico (mercado libre, tramites de gobierno). 6. Control de objetos: posibilidad de afectar objetos dentro del producto, alterar contenido(videojuegos). 7. Control de simulación: engloba fenómenos de simuladores, realidad virtual (nintendo wii).
3. Diseño de interactividad:
Implica en primer lugar relevar las competencias que tiene que tener el usuario, realizar un listado de competencias, encuadrar producto en la escala cualitativa de interactividad. Hacer un perfil del usuario típico, se apunta a tres perfiles:
Demográfico: datos estadísticos básicos de un grupo determinado
edad
sexo
lugar en que habita
nivel de estudio
ingreso promedio
etc.
Psicográfico: éste es mas difícil de determinar, tiene que ver con
ideologías
estereotipos y prejuicios
mitos
Condiciones de uso: quien lo va a usar y como (necesidad de uso condiciona el diseño), saber si es de uso público o privado:
Público: fácil y rápido Privado: confiable
Tiempos de contacto, tiempo máximo que el usuario destina a la exploración, estimar el tiempo para ver la profundidad del árbol de navegación, ejemplo: un producto para una escuela debe ser explorable en su totalidad en cuarenta minutos mas o menos, que es el tiempo que puede durar una clase o cursado de una materia. Funcionalidad técnica, posibilidades del usuario para utilizar un producto, ejemplo: peso de paginas, hacer productos en CD y no en DVD, ya que no todos tienen lectoras de DVD, compatibilidad multiplataforma.
Conclusión:
Es una forma de trabajar mas o menos ordena, a la hora de encarar un proyecto. No creo que sea la única forma de realizar un producto multimedia, pero son unas pautas básicas para la realización de cualquier proyecto de este tipo. Espero que les sea útil, mas que nada para aquellas personas que son autodidactas, (que creo yo) que son las que mas problemas pueden tener a la hora de encarar un trabajo de este tipo.
Muy buen tip. Además lo escribiste tan bien que apenas tuve que editarlo . Por:Zah
muy buen tip, hacen falta mas articulos de este estilo "instructivo", yo tb estoy trabajando en uno; muy bien Carlos Por:penHolder
Muchas gracias!! con el tiempo, ya me voy a animar a hacer mas tips... y si esta bien escrito, es porque lo escribi en el word, porque soy un desastre con la ortografía Por:CarlosRuminott
muy bien... ahora pantallizacion ??? jeje muy bueno !!! Por:nico_blog
Felicitaciones CarlosRuminott, muy bien tip! Por:The Fricky!
me encantó, símplemente genial, y valla que tienen razón, se necesitan más tutos de ese tipo, porque la verdad hay quienes estamos super perdidos y a la hora de iniciar con la creación de un sitio web, pues la verdad es que no sabemos por donde empezar. Gracias. Por:Señor Oz_blog
Excelente tip instructivo , de estos son los q hacen falta, todos seremos buenos programando o diseñando con técnicas, estándares y demás, pero no todos nos planteamos el desarrollo por etapas en un proyecto de esta forma. Se agradece Por:Otaku RzO
He llegado a tu blog debido a un post de Appleseed y leyendo un poco más me he encontrado con este artículo sobre creación de aplicaciones multimedia. Casualmente basé mi proyecto de fin de carrera en este tema. Puede visitarse aquí: http://www.scribd.com/doc/238261/PFCAFRMEMORIA070809-con-portadas-y-licencia
Y ya que pasas, arrímate e mi blog Por:Alfonso FR_blog
*tose*abierta la tag center*tose* Por:Diego_blog
Me gusto, de verdad. Yo soy autodidacta y de verdad es que me da problemas organizar estas cosas. Thanks You. Por:JaLeRu
Agradecería mucho k nombres la(s) referencias k tomastes para este articulo Por:Index_blog
Felicidades pupilo, eres el sai baba de la multimedia. Muchas gracias por desasnarnos con tu amplia sabiduría, personas como deberían estar en una anda y prender muchas velitas jeje. En serio muy bueno muy bueno, tu deberías ser el administrador o al menos moderador de cristalab, les dejo con una reflexión ya acostumbrada: "Apuéstale un dólar a la vida y la vida te pagara un dólar." siempre piensen en grande, no tengan miedo al riesgo.
salu2 Por:EL_GRAN_MAESTRO_blog
Se te agradece bastante este buen aporte,con excelente contenido. Por favor continua compartiendo estas maravillas con todos los que vivimos frente a la pc tratando de conquistar el mundo Por:asael2_blog
muy bueno, y en realidad muy pràctico ya q ordenarse es la mojor forma de trabajar y saber q necesitas y cuanto te demoraras en hacerlo, además de formas como esta puedes ver pro y contras de tu proyecto rapidamente y cambiar de ideas o la perspectiva que querias darle simplemente vez el proyecto desde un amplio panorama muchas gracias x el dato Por:paberu_blog
muy bueno, compresinble, y sin rodeos Por:tania_blog
super buena y clara la informacion felicitaciones para quien la realizo Por:albertina-blog
Muchas gracias por estos tips. Me resultaron de mucha utilidad. Por:Sandra-blog
sta komplikado0 esto0 no ?? Por:sofia -blog
sofia -blog :
sta komplikado0 esto0 no ??
Mas complicado es leerte a vos, me parece Por:CarlosRuminott
super, me ghusto mucho ,super clara la informacion.
yeri Por:yeri-blog
hola:
nesesito algo relacionado con medio sonoro, es para un proyecto Por:Alex.calas08
hola men , esta información es tuya o la extrajiste de algún lugar , saludos Por:andres abrigo-blog
Hey, muy bueno el tip, y mas bueno seria una segunda parte.
Me gusto, de verdad. Yo soy autodidacta y de verdad es que me da problemas organizar estas cosas. 
muchas gracias x el dato
