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

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. 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. 3. Presentación multimedia. 4. Esta herramienta le permite a los educadores crear imágenes interactivas, con música, sonidos, textos, fotografías, entre otras. 5. 6. cK-12

dates Infographic: Social Media Shortcuts Save Time On Social Platforms Everyone is browsing through social media networks like Facebook, Twitter, YouTube and Google Plus on a daily basis. But are you stressed up because everything on these platforms feels so slow and you want to speed up your browsing? As many people don’t know, these four social media platforms are all having some nice keyboard shortcuts. With these shortcuts you can move faster, more comfortable and just pick up the pace. For all those who don’t know what a shortcut is: A shortcut is a specific key combination for a command that would otherwise be available only through a menu or an interface. To give you an example: You are on Facebook and you want to read a new message, like a photo and check your timeline at last. Become A Pro – Use Social Media Shortcuts Maybe you will need some time to get used to all the social media shortcuts – but it is surely worth the effort. Embed Code For This Infographic:

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

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

The { } And Projects / JESS3 Labs - Geosocial Universe 3.0 Project: In August 2010, JESS3 took one giant step for geosocial networking with the introduction of The Geosocial Universe infographic, mapping this new world for the first time. In 2011, the map got updated. In 2013, with changes to the social landscape occurring at lightspeed, JESS3 presented its third iteration of The Geosocial Universe, charting the latest monthly active user data for various social networks, along with the percentage of users who access each network via mobile devices. Methodology: For this JESS3 Labs project, we referenced our past endeavors, but put an even stronger emphasis on mobile user activation in the geosocial universe. Another key difference in this version was the inclusion of three snackable graphics along with the full infographic. As always, the lighthearted, fun style makes the data more digestible, and the space-themed illustrations are a nice bonus.

Medium APLICACIONES EDUCATIVAS MÓVILES 2.- Artículos sobre uso educativo de móviles y más apps (Ver índice más abajo) A partir de ahora, este página se actualizará en Si conoces algún artículo interesante sobre m-learning o alguna aplicación educativa que consideres que se debería incluir en este resopilatorio, te agradecería que lo facilitases. Gracias Esta página se irá actualizando con aplicaciones educativas para móviles y posts sobre sus aplicaciones didácticas. USAR O NO USAR. 1.- Introducción 2.- Artículos sobre uso educativo de móviles 3.- Vídeos, slides... 4.- Aplicaciones para inglés 5.- Aplicaciones para Infantil 6.- Aplicaciones para Geografía e Historia 7.- Aplicaciones para Ciencias 8.- Aplicaciones para Matemáticas 9.- Aplicaciones para Lengua 10.- Aplicaciones para Plástica 11.- Aplicaciones para Inclusión 12.- Aplicaciones para Emergencias 13.- Aplicaciones para Comics 14.- Aplicaciones para Vídeo y Edición de Vídeo 15.- Aplicaciones para Música 16.- Aplicaciones para Podcasts 17.- Aplicaciones para Juegos Educativos ¡Nuevo!