background preloader

30 Compelling Examples of Visual Storytelling on the Web

30 Compelling Examples of Visual Storytelling on the Web
Storytelling is a powerful approach that can, when done right, compel users to convert more effectively than what any amount of optimization, crazy visual callouts, or awesome interactive elements can do otherwise. Much like how we expect to see a moral at the end of a book, we expect to find a purpose at the end of a site with a storytelling experience. When the path to the “moral of the story” (or conversion point, to be more specific) is laid out clearly in front of our users’ eyes, the rest of the work lies simply in convincing them that the purpose is really worth grabbing on to… which is great since with storytelling, a user is normally in the mindset of learning more about what the story has to offer. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 2011 Annual Report ( 22. 23. 24. 25. 26. 27. 28. inTacto 10 Years ( 29. 30. The end! Related:  Journalism Inspiration 2

100 herramientas para invertir tu clase (para empezar) Hemos actualizado el mapa de recursos para la flipped Classroom que ya presentamos en una entrada hace varias semanas. Si conocéis alguna herramienta interesante para cualquiera de los apartados contemplados, os agradeceremos que nos las indiquéis en el apartado de comentarios. Muchas gracias. Si no lo podéis ver en pantalla, haced clic aquí. Artículos relacionados <img src=" srcset=" 1x, 2x" width="500" height="383" alt="¿Cómo mejorar la evaluación de mis estudiantes?"

dates Visual Storytelling: New Language for the Information Age by Maria Popova We now live in a world where information is potentially unlimited. Information is cheap, but meaning is expensive. Where is the meaning? These words of wisdom come from legendary inventor and futurist George Dyson, who in a recent interview contemplated the growing disconnect between information and meaning in the age of data overload. It would be ridiculous to try to express by curved lines moral ideals, the prosperity of peoples, or the decadence of their literature. Visual Storytelling: Inspiring a New Visual Language, from the fine folks at Gestalten, gathers the most compelling work by a new generation of designers, illustrators, graphic editors, and data journalists tackling the grand sensemaking challenge of our time by pushing forward the evolving visual vocabulary of storytelling. Vahram Muratyan: Paris vs. Peter Ørntoft: Information Graphics in Context, a project illustrating a ranked list of social concerns in Denmark Gregory Ferembach: The Movies Flowcharts

11 herramientas digitales que los profesores deberían tener en cuentaYoung Marketing En la nueva era del aprendizaje, la tecnología juega un papel fundamental en los procesos de formación de niños y adolescentes. Cientos de herramientas digitales han sido creadas con la finalidad de brindarle autonomía al estudiante, mejorar la administración de procesos académicos, fomentar la colaboración y facilitar la comunicación entre maestros y alumnos. Aquí les presentamos 11 de las más populares. 1. Edmodo es una herramienta educativa que conecta a profesores y estudiantes, la cual se asimila a una red social. [youtube width=”664″ height=”374″] 2. Diseñado por un grupo de emprendedores e ingenieros apasionados por la educación, Socrative es un sistema que le permite a los profesores realizar ejercicios o juegos educativos, los cuales los estudiantes pueden resolver mediante dispositivos móviles, bien sean smartphones, computadores o tablets. [vimeo width=”664″ height=”374″] 3. Presentación multimedia. 4. 5. 6. cK-12

The { } And Make animated online videos free Wideo is an animated online video creation platform that allows you to create, edit, and share videos online for free. You can choose (or upload) images, backgrounds, and music that you want to use in order to create your own online video and then share it with the world. Make videos online today! So how exactly does Wideo work you ask? Well, we've managed to put the online video animation making process into a quick graphic diagram, to better illustrate its awesomeness. Check out some great examples of how so many people are already using Wideo to create their online videos! Wideo in Education Elements of design - An amazing Wideo made by full-time teacher of graphic design and multimedia Robbie Collett. Wideo in Business An excellent example of an explainer video by Café Pendiente. A company whose aim is to help people on the street by giving them something to eat and drink, and by helping them integrate into society. See also: Dr Neo, Affare Locate Wideo for Fun make a wideo now!

Comic Strips in the Classroom - Diana Benner Comic Strip Apps Strip DesignerSelect one of the many included page templates. Insert photos into the cells. Add a couple of balloons with fun words. Add additional effect symbols (stickers) like "Boom", "Splash", or "Bang" to spice up the story. Comic Book Realistic comic styling with a wide selection of: image filters, comic fonts, customizable captions, a library of classic comic graphics and dozens of multi-panel page layouts.Price:$3.49Site: Comics Heads The App is an easy to use self publishing tool and can be used to create storyboards, fun stuff, even business presentation or art! ToontasticToontastic provides a easy way to create your own animated films. Comic Life Comic Life, the award winning photo comic creation software, has been redesigned for iOS. Moodboard Lite Moodboard Lite is the free version of the bestselling app for creating mood and inspiration boards on your iPad. My Sketch Art Studio Bitstrips StoryMe More Comic Strip Resources

Planet Money Makes A T-Shirt Why A T-Shirt? We wanted to see the hidden world behind clothes sold in this country, so we decided to make a T-shirt. We wanted to make an ordinary shirt like the vast majority of the shirts sold in this country — not organic cotton, not hand-sewn in the United States. To figure out how many shirts to make, and to raise money to pay for them, we turned to Kickstarter. (Thanks again to everyone who ordered a shirt. Why A Squirrel? The design on the shirt, a squirrel hoisting a martini glass, is a visual pun: a reference to the phrase “animal spirits” made famous by the economist John Maynard Keynes. As Planet Money’s David Kestenbaum put it recently: “Keynes’ idea was that there’s more to the markets than just numbers; there are people and emotions making decisions. 10 Reporters, 3 Continents, 1 Archipelago We flew drones over Mississippi. More T-Shirt Stories! Good news: We have more T-shirt stories than we could fit on this site. For more, subscribe to the Planet Money podcast. Credits

Movenote

Related: