Really nice example of a web animated product explainer, using the technique of exploded view drawing, a graphic invention from the renaissance.
A nearly 600 year old approach is used because it does such a good job of telling a story in a simple way.
I blogged on this subject a while ago. Here’s another example to add. The creator Josh Worth describes it as a tediously accurate scale model of the solar system. I love the simplicity and humour.
The planets are scrolled to horizontally or jumped to via a series of buttons at the top of the page. In addition, Worth includes writing out in the vast nothingness of space to give a better feel for exactly how much of it there actually is.
Thank you Josh.
I was talking about the planets with my 5-year-old daughter the other day. I was trying to explain how taking a summer vacation to Mars in the future will be a much bigger undertaking than a trip to Palm Springs (though equally as hot). I kept trying to describe the distance using metaphors like “if the earth was the size of a golf ball, then Mars would be across the soccer field” etc., but I realized I didn’t really know much about these distances, besides the fact that they were really large and hard to understand. Pictures in books, planetarium models, even telescopes are pretty misleading when it comes to judging just how big the universe can be. Are we doing ourselves a disservice by ignoring all the emptiness?
Not that pixels are any better at representing scale than golfballs, but they’re our main way of interpreting most information these days, so why not the solar system?
Ba Ba Dum is an online collection of five free HTML5 browser games that lets you learn words in different languages by selecting the correct illustration of the example word. Developed in Warsaw, Poland by Alexandra and Daniel Mizielinscy, Ba Ba Dum offers five word games in nine different languages and allows you to choose the language that you’re playing in just by clicking on the country’s flag in the lower right corner.
Interesting use of long-scroll web technology for learning content. On this beautifully-designed little site, listen to the audio of King’s ‘I Have a Dream’ appeal for human rights presented with the original written text. Freedom’s Ring gives context, in the form of links that go into detail about particular parts of the speech, sections that were altered in the moment, and historical ‘threads’ about his life and times.
The project was commissioned by Stanford’s Martin Luther King, Jr. Research and Education Institute, using the Scalar publishing platform as a means to organise the info in a way that’s interactive without being overwhelming.
“Everyday Things That Affect Your Mood” is a new video by BuzzFeed. It explores how the things around you can affect your mood and offers simple solutions to foster change. Thank you BuzzFeed
This is a series of short animations that introduce six key design movements, from Gothic Revival to Postmodernism. It makes a great case for simple, short, video based learning. With the inclusion of a diagnostic test to understand your design preferences adding that extra bit of learner engagement. Really love the simplicity and presentation.
It was put together by Clive Hilton at the Open University.
Two examples on a similar theme. Using the web to show a sense of scale. I guess it would be nigh on impossible to achieve a similar sense in traditional print media.
Both are beautifully put together and simple in their design.
Thank you to whitevinyldesign and David Paliwoda