Slideshows: cómo contar historias en la web con imágenes y sonidos

Básicos de la imagen from Carina Novarese

Slideshows: historias contadas en la web con imágenes y audio from Carina Novarese

Videos virales: pura estrategia

Video online: calidades múltiples

Video online: técnicas básicas, pecados clásicos

Video en la web: tendencias

Y ahora les toca a ustedes...

Es hora de que ustedes den la clase. ¿Me explican cómo se usan estas herramientas online para hacer infografías?

Soy toda oídos....

Infogram
Easelly
Piktochart
Thinglink
Visually
Venngage

Fuente: Vieo Design

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.

Video online: técnicas

Video online-Técnicas from Carina Novarese

Mapas online con atributos extra

Umapper es una herramienta para construir mapas online, relativamente nueva. Si bien hay varios servicios que permiten las mismas funcionalidades, éste tiene algunas particularidades que lo hacen más interesante

En primer lugar, permite utilizar como base mapas de otros servicios (Yahoo, Bing, Google maps, etc) pero también imágenes de cualquier tipo (.jpg). Esto significa que hasta podríamos hacer el mapa del rostro de una persona, por ejemplo. Más abajo verán que incluí un mapa hecho en base a una imagen de un mapa tradicional de Uruguay (como los de la escuela) y otro hecho en base a un google map.








Umapper también permite crear juegos de trivia utilizando mapas. Miren este ejemplo y luego pensemos en algunos para Uruguay.

¿En qué sitios leen las noticias?