Mostrando entradas con la etiqueta multimedia. Mostrar todas las entradas
Mostrando entradas con la etiqueta multimedia. Mostrar todas las entradas

11 dic 2013

Check list esencial para entregar un mini sitio ideal



La mejor manera de tener todo bajo control a la hora de realizar un mini sitio, es tomarse el trabajo de ir para atrás en este blog y visitar cada una de las clases en las que vimos casi todos los puntos que pueden hacer la diferencia entre un buen sitio y uno muy malo (con los matices posibles y no deseables en medio).

Además de hacer eso (y sobre todo mirar de nuevo la clase de Usabilidad y recordar el libro sobre Cómo Escribir en la web), les dejo este punteo de temas que SÍ O SÍ deberían chequear antes de de entregar el examen, el viernes que viene. Falta poco, no se dejen estar en las últimas horas....Ahí va:

  1. La home llama la atención de alguna manera que se relacione con el objetivo central de comunicación del proyecto, servicio o producto?
  2. La navegación propuesta es simple e intuitiva (“Don´t make me think)
  3. El diseño se adapta a los objetivos de comunicación: es sencillo de decodificar y a su vez atractivo?
  4. La información más importante de la home está en la primera pantalla (antes de que se tenga que hacer scroll)?
  5. En la home se incluyen puntos básicos tales como: qué es el producto o persona o servicio, quién es, qué hace y por qué lo hace, y cómo comprar o contactar?
  6. Las imágenes y videos están optimizados para que no compliquen la navegación (peso)?
  7. El sitio permite acceder a materiales y herramientas fundamentales del servicio o producto? (videos, podcasts, folletos descargables, mapas, listas de precios, etc)
  8. Los mensajes son claros y concisos?
  9. Los títulos, subtítulos y textos siguen una categorización visual jerárquica fácilmente perceptible para el usuario?
  10. El mensaje es claro y conciso?
  11. Los textos fueron corregidos una y otra vez para evitar faltas de ortografía y tipeo? Se adaptaron a las reglas de escritura para la web vistas en clase?
  12. Respetaron los mismos tamaños (o similares) de embeds para todos los videos, o para todas las infografías o para todos los slideshows?
  13. Cómo utilizaron los links (nunca así http://www.um.edu.uy/ sino así Universidad  de Montevideo)? 
  14. Decidieron en qué casos deben abrirse en el mismo sitio y en qué casos deben abrir una pestaña adicional del navegador?
  15. El menú principal se repite luego en todas las páginas y todas las pestañas funcionan desde cualquier página?
  16. Hay una forma sencilla e intuitiva de volver siempre a la home?
  17. Si es posible, crearon un favicon que identifique a tu sitio web en la pestaña el navegador?
  18. Se desarrollo una versión móvil del sitio, al menos con sus contenidos parciales?
  19. ¿Cómo usaron las redes sociales? Además de los necesarios íconos de las redes que usan, incluyeron widgets de (por ejemplo) Twitter o Facebook en sus sitios web?
  20. Probaron el sitio en los principales navegadores para comprobar cómo se ve? (Mozilla, Chrome, IE y Safari)
Bonus track; por si necesitan inspiración extra, este sitio Powering the Nation fue creado por estudiantes e periodismo.


16 sept 2012

Cómo obtener un código de embed para Soundslides ...y otros secretitos


Para poder utilizar un slideshow hecho en Soundslides en un blog o página web primero hay que "subir" la carpeta exportada "publish-to-web" a un servidor. Así se genera una URL (que les mandaremos por mail a cada uno). Una vez que la tengan (esta es una de ejemplo), tienen que proceder de la siguiente manera:

Abrir la función de embed de Soundslides. Una vez allí inserten la URL en la barra y presionen "Continue".



Les aparecerá una nueva pantalla en la que verán el soundslides que hicieron. Allí pueden modificar el tamaño, para adaptarlo a las medidas que usan en sus respectivos blogs. Presionen "Modifiy" y está pronto. Sólo hace falta copiar el código de embed que se genera y llevarlo a una nueva entrada de blog.

Otros recursos

Para cambiar el idioma del menú de Soundslides  (que por defecto viene en inglés y muestra Captions y Cedits, por ejemplo) deben ir a ir al menú principal/Modify/Advanced Parameters

Allí se pueden agregar, en la columna de la derecha, los nombres en español.






A recordar, además
  • No olviden poner SIEMPRE título. De lo contrario les queda el famoso y muy desprolijo "Headline Here".
  • En los seteos que tienen en la pestaña Template, además de los que vienen por defecto a veces conviene cliquear el "Show captions by default", sobre todo cuando las leyendas son importantes en la narrativa de la historia que se está contando. Igualmente el usuario siempre tiene la chance de esconderlas.
Wordpress plug in
Soundslides desarrolló un sistema por el cual es posible usar sus slideshows en Wordpress. Tienen que seguir estas indicaciones.

Bonus track Acá va un tutorial de Soundslides por si les queda dudas.

Imágenes para slideshows

3 sept 2012

Una nueva forma de contar historias

Esta semana empezaremos a ver ejemplos, herramientas y usos del slideshow, primero concentrándonos en las imágenes y su poderío para contar historias y luego en el audio sumado a las imágenes para agregar detalles, emociones y cercanía a la historia en cuestión.

Hace un rato empecé a utilizar una herramienta que todavía no conocía. Projeqt permite crear algo así como slideshows pero además de imágenes y textos es posible incluir elementos multimedia que provienen de otros servicios: Youtube, Facebook, Twitter, un feed de RSS, Vimeo, Instagram, Flickr, entre otros.

El uso es sencillo y permite comenzar con imagenes propias o tomadas de la web (Creative Commons, por favor); o experimentar por un lugar distinto y subir, por ejemplo, un archivo en PDF o un Power Point y permitir que esta Projeqt le "de vida".

Lo más importante, tal vez, es que genera un código de embed que permite utilizarlo en sitios web y blogs. Y es gratuito. Acá les dejo un ejemplo hecho por una banda de música. Vean la variedad de elementos que utilizan para contar la historia de su proyecto y, sobre todo, presten atención a los detalles (por ejemplo, la foto que al cliquear en el ícono de + se convierte en un álbum de fotos)



Para ver algunos consejos de uso, 10000words hizo este post con detalles.

22 sept 2011

Audio, herramientas y tips

Slideshows audio

Herrramientas para subir audio en la web


SoundcloudCrean una cuenta, suben el audio elegido y se les genera un reproductor. En el botón de Share les aparece el código de embed.


AudiobooMuy similar al anterior. Busquen siempre el Embed.


GoearLes da la URL para linkear y el código HTML para embed, a la derecha (una vez que terminan de usar el audio).


Algunas fuentes para obtener sonidos (música, audios, efectos) para que puedan usar en las prácticas.

Efectos de sonido Free
http://www.flashkit.com/soundfx/

17 nov 2010

Checklist para no errar (tanto) en un proyecto multimedia

De cara al trabajo final que ya se viene, estuve pensando cuáles son los errores/horrores comunes que he viso o en los que he incurrido a la hora de pensar y desarrollar un especial multimedia. Estos son sólo algunos, pero se los dejo a modo de checklist, que espero les sirva antes de la entrega para evitar horrores innecesarios.

1) El texto es un elemento igual de importante que cualquier otro a la hora de lograr un buen especial o mini sitio. Hay que pensarlo, estructurarlo bien y corregirlo. La excusa "es un error de tipeo" es justamente una excusa. Un error es un error.

2) Los formatos que usamos deben complementarse, pero no pisarse entre sí. Si usamos video para contar una parte de la historia, no utilicemos el mismo punto de vista para hacer un podcast.

3) Los formatos tienen sus especificidades y es bueno aprovecharlas. Piensen: ¿qué parte de este tema puedo contar mejor con video?; ¿qué parte con un slideshow?; ¿qué parte sencillamente con un buen texto?.

4) Menos es más. Frase repetida si las hay, en este caso viene como anillo al dedo (ya que estamos con esto de las frases repetidas...sigamos). Es importante acotar los temas. La clásica "Redacción: la vaca" sólo funciona en primer año para asombrar a la maestra. Conclusión: acoten, acoten, acoten. Es mejor contar poco y bien que mucho y mal.

5) Copyright, derechos, creative commons. Tengan en mente todos estos puntos, son importantes a la hora de publicar contenidos. En el caso de derechos de otras personas, deben respetarse y citarse. En el caso de los nuestros (por ejemplo, sobre un video), deben generarse (y ya hemos visto cómo, a través de Creative Commons).

6) Colores. Tienen el derecho de que les guste el carnaval y los colorinches sin ton ni son, pero en la web no funcionan tan pero tan bien. Consulten a fondo este tema -y el de la tipografìa- con el docente de diseño.

7) Revisen que todo funcione tal y como debe funcionar; que tal link lleve al destino correcto, por ejemplo. Que nada se cargue automáticamente (como un video o un slideshow, para que no te sorprenda la música al mango si nunca le diste play).

8) Chequeen que todo funcione como debe funcionar y que todo se vea como se deba ver en los cuatro navegadores principales: Explorer (version 7 y 8), Chrome, Mozilla, Safari. Se sorprenderán de lo que varían entre sí. Si no encuentran la vuelta, le piden ayuda a Sofía.

9) Busquen inspiración (que no es lo mismo que copiar).

Justamente, para que se inspiren les dejo esta presentación realizada por Google sobre lo mejor de la web creativa de 2010. Hay muchos y buenos ejemplos de multimedia bien aplicada. Suerte!

Truquitos para mejorar un slideshow en Soundslides

Este post es básicamente para explicarles que los parámetros que por defecto vienen en inglés en Soundslides, se pueden traducir al español con un sencillo procedimiento. Pero ya aprovecho para recordarles otros temas que en general dejamos de lado.

1) No olviden poner SIEMPRE título. De lo contrario les queda el famoso y muy desprolijo "Headline Here".
















2) En los seteos que tienen en la pestaña Template, además de los que vienen por defecto a veces conviene cliquear el "Show captions by default", sobre todo cuando las leyendas son importantes en la narrativa de la historia que se está contando. Igualmente el usuario siempre tiene la chance de esconderlas.
















3) Para que Captions y Credits aparezcan en español deben ir al menú principal/Modify/Advanced Parameters
















4) Allí se pueden agregar, en la columna de la derecha, los nombres en español.

25 oct 2010

Prueba de Storify: una nueva forma de contar historias

Storify es un nuevo servicio que permite guardar tweets, imágenes de Flickr, videos de You Tube, así como datos de otras fuentes, para construir una historia personal o colectiva, Aquí hice la prueba (a las apuradas) con el tema de la campaña que comenté en el post anterior: The Girl Effect. Así se ve. ¿En qué lo usarían?

Las palabras también son armas poderosas para transmitir emociones

Deben haber visto, desde hace meses, muchos ejemplos de videos de todo tipo hechos con una técnica que ya tiene nombre propio en el mundo audiovisual: tipografía quinética. La técnica permite contar una historia con palabras que a su sentido literal suman otros significados relacionados a lo visual.

Hay ejemplos en cada campo (publicidad, infografía, historias) y basta hacer una búsqueda en You Tube o Vimeo bajo las palabras "kinetic typography" para ver múltiples videos que utilizan esta técnica. Hasta el Cuarteto de Nos tiene su propio video clip con tipografía kinética.  La revista Good y su sitio web multimedia es especialista en el tema y han hecho muy buenas piezas, como ésta en la que desglosan el costo de la guerra con palabras y un pocos dibujos esquemáticos. La publicidad rápidamente se subió a la ola y ahora hay varias piezas de marcas internacionales que utilizan la tipografía quinética. Y desde mucho antes de que esta técnica se convirtiera en tendencia, los títulos de apertura de las películas ya habían experimentado con algo similar.

Pero el video que más me impresionó hasta el momento no tiene que ver con marcas, sino más bien con la denuncia de una realidad sobre la que escuchamos todos los días pero acerca de la cual pocas veces nos tomamos dos minutos para reflexionar. The girl effect es un proyecto cuyo objetivo es concientizar sobre el efecto que tiene la pobreza extrema sobre las niñas y su futuro. Ese concepto central es claro: cuando una niña cumple 12 años viviendo en la extrema pobreza, su futuro ya está fuera de su control. Hay 600 millones de niñas y adolescentes que viven en la pobreza.

A partir de ese concepto básico, todo el resto de las cifras, datos y realidades (las que dejamos pasar cada vez que leemos sobre este tema en informes internacionales o cuando las escuchamos en los discursos de jerarcas) se vuelven accesibles. Los únicos recursos que se utilizan en este video son palabras, dibujos básicos y, lo más importante, un uso eficiente e inteligente de la información con la que contamos todos, pero que pocos aprovechamos para traducir en emociones que a su vez puedan desembocar en reacciones.Todo en tres minutos. Tal como dice el slogan, "This is the power of the girl effect".

Y basta de tanto palabrería nada quinético. Acá está el video, y si se engancharon con el concepto, miren los testimonios de mujeres jóvenes divididas en dos grupos; las que zafaron del círculo de la pobreza antes de los 12, y las que no.



* Todos los datos y números sobre esta realidad están en este PDF. Yo lo leí de cabo a rabo luego de ver el video. ¿Lo habría leído igual si este video no existiera?

22 sept 2010

Herramientas para hacer líneas de tiempo



En la práctica del jueves 23, vamos a experimentar con dos herramientas que permiten realizar líneas de tiempo multimedia, y que además generan código de embed para luego ser insertas en un sitio web o blog. Se trata de Dipity (que es la que usé en este ejemplo) y Timetoast. La primera permite utilizar texto, imágenes y video, además de links y otros recursos. Timetoast en cambio, no permite incluir videos. 

9 sept 2010

Audio: edición y subida a blog



Como les dije, hay una buena cantidad de servicios online que permiten subir audio y generan un reproductor -también conocido como player. Este reproductor se puede embeber en sus respectivos blogs, tal como lo hago acá:
Listen!

En el área de Herramientas Multimedia verán que se incluyen unos cuantos de estos servicios (bajo la categoría audio), y seguramente si curiosean un poco por Internet encontrarán más. Lamentablemente no todos son lo suficientemente estables, o permanentes. O no permiten subir determinados pesos.En los últimos tiempo hemos usado estos, que han funcionado bien:
Soundcloud. Crean una cuenta, suben el audio elegido y se les genera un reproductor. En el botón de Share les aparece el código de embed.

Audioboo. Muy similar al anterior. Busquen siempre el Embed.

Goear. Les da la URL para linkear y el código HTML para embed, a la derecha (una vez que terminan de usar el audio).

1 sept 2010

Recursos para hacer slideshows

Esta semana comenzaremos a usar Soundlisdes, una de las herramientas amateur más desarrolladas que permiten realizar audio-slideshows con relativa facilidad y suficiente amplitud de opciones. Pero también hemos visto algunas herramientas que permiten hacer diferentes tipos de slideshows o presentaciones audiovisuales. Les recuerdo algunas, y espero recomendaciones de parte de ustedes:

Vuvox. Su uso es gratuito (excepto para la función avanzada Studio) y requiere registro. Permite realizar dos tipos de presentaciones:
Express: se pueden hacer slideshows simples, con fotos propias o ajenas y audio. En este caso las fotos no se pueden cargar directamente desde un disco duro sino de alguno de los servicios online que se ofrecen (Flickr y Picassa, por ejemplo. Se puede acceder a una cuenta propia para elegir fotos cargadas previamente).
Collage: ofrece un rango de opciones mucho más amplio que la función anterior y permite cargar imágenes y audio directamente desde el disco duro. Se trata de montar una presentación audiovisual utilizando el rectángulo negro como "lienzo". Hay mil y una posibilidades. Acá les dejo un ejemplo bien trabajado.



Animoto. Crea algo así como un pequeño video (en la versión gratuita no supera los 30 segundos, pero se puede pagar por cada pieza), editando imágenes fijas y de video, además de audio elegido por el usuario o precargado por el servicio. También permite utilizar imágenes de otros servicios, como Flickr, Picassa y Photobucket. El video resultante se puede embeber y compartir (y también descargar).



Photopeach. Se cargan fotos propias pero sólo se pude utilizar audio precargado en el servicio (aunque la variedad es mayor que en otros servicios porque permite elegir música de un video YouTube). Es una herramienta muy sencilla de usar y utiliza una estética bastante aceptable; su gran desventaja es que no permite elegir los efectos (por ejemplo, de zoom) que se utilizan a lo largo del slideshow. Permite compartir y embeber la presentación.



Slide. Es la herramienta más básica de todas y permite generar slideshows sencillos (con diferentes estéticas), pero sin audio. Esta empresa fue comprado hace muy poco por Google, así que tal vez se dignen a hacerla un poco mejor. Y a sacarle esos horribles bichos de publicidad...



Algunas otras herramientas que pueden servirles:
Fotoviewr: hace slideshows con diversos formatos (estilo flash) en base a fotos cargadas en Flickr. Sin audio, permite embeber.
Pictobrowser. Funciona en base a Flickr o Picasa. Sin audio, permite embeber.
Joggle. En cuanto termine de cargar las fotos que subí para intentar armar un slideshow, les cuento....mañana por lo que veo. Lenta la cosa, pero está en beta el pobre.
OneTrueMedia. Permite subir también video.



Los básicos de la imagen

Seguidores