Category Archives: Interface Design

Stylish use of long scroll for learning content

Screen Shot 2015-06-07 at 09.41.59

Journey to the Centre of the Earth

How far would you have to travel to reach the Earth’s core? And what would you see along the way? Discover what lies beneath…

Really stylish example of long scroll to deliver learning content. Via BBC

Gameplay as an introduction to data mining and taxonomy

Google Feud is an interesting online game using Google autocomplete. It is a good way to open a discussion into data mining and taxonomy.

Screen Shot 2015-03-17 at 08.17.31

The game, by developer Justin Hook , is fun and surprisingly addictive. It harnesses the mystery of Google’s autocomplete search function, asking players to choose the next word in a broad query such as ‘Google…’ or ‘I love my…’, the game gives users three chances to complete the leader board, giving a big X with every wrong answer.

What’s interesting about this game is the ease with which it could be used for data mining. If the guesses are recorded and sorted by frequency, it could supply huge amounts of useful data; all from real people, giving their best guesses.

Sorting this data using techniques like those used in taxonomy and cladistics could reveal results to improve future search or autocomplete suggestions. I guess it’s a fairly safe bet Google do this type of thing, and much more, with their search data already.

Now imagine an online retailer selling thousands of products. If data is mined from the searches customers type, rather than from the point of sale, useful information could be gained to reveal the ‘real world’ language customers use to describe what they want. For example imagine two different customers entering a search, one uses ‘laptop bag’, the other ‘laptop case’, would you expect them to get the same products displayed? Or customers searching for ‘lightbulbs’ when the retailer has what they want all categorised as ‘lamps’. Change the categorisation to match the search term frequency and it’s fair to say sales will likely increase. And searches that give a zero return would reveal what a customer wants to buy that the retailer doesn’t stock.

A final thought. Here’s a different, and equally fun online game. Anton Wallén has created GeoGuessr, an experimental game that drops players into a location in Google Street View and challenges them to guess where in the world they’re located.

Screen Shot 2015-03-18 at 07.36.43

Could useful data be mined out of it?




Interesting game based way to learn new words in 9 languages

Screen Shot 2014-02-15 at 10.58.46

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.

Simple, stylish, short video based learning from the Open University.

Screen Shot 2013-06-15 at 10.03.52

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.

The best learning design – simple, effective and a call to take action.

Screen Shot 2013-04-23 at 20.14.05This is a great example showing how a complex subject can be simplified in way that can ‘make sense’ and call the audience to action. It’s nicely paced and animated; well worth checking out Newsbound to see more examples.

Thank you to and

Android UI design principles from Google

Screen Shot 2013-02-16 at 08.24.57

I’ve been carrying out plenty of research into learning design and finding resources to help guide my thinking. Google have made this resource available for Android developers. It showcases how to communicate simply and the power of illustrations to minimise the need to write long passages of text. Thank you Google. Click Here.

Useful Colour Blindness Check Tool


Easy way to check eLearning works for people with colour blindness. Upload an image and it shows you how it will look. Thank you Etre. Click Here.