Creating Good Interactive Content and Enriching Images

¡Hello geniallymaniacs! Generally we say that comparing things is offensive but obviously we have needed to do it from time to time. In this article, I am going to explain the different ways you can create interactive content through comparisons, leaving you with amazing geniallys. You can also use this technique to hide your data so other users cannot access it.

Comparisons can serve many purposes- such as to analyze two or more objects, people, buildings, events, paintings, and much more. In this way we are able to observe the differences and progression in both of them. This makes the use of graphics very useful since a quick glance at one allows our brain to quickly pick up the differences.

Let’s look at an example. This time, we are going to work with famous paintings that I am sure you are familiar with because they were painted by some of the great masters of art. On countless occasions, the sketches under these oils started as something very different and then the painter had a change of heart- bad timing before the era of Control + Z-. Thanks to new technology we have been able to reveal these imperfections or ¨reuse the canvas¨ and so we are able to compare what might have been with what it actually by using interactive content. Do not miss this interactive microsite on the images found under famous paintings:


Some other options we can use to compare images are:

  1. Superimpose one image over another and add a “hover” effect (or move the mouse over the image) to the image on top. An example of this can be found in the first box above with the Mona Lisa (La Gioconda).
  2. In the painting Woman at a Window, we have two images side by side, but on one of the women we are using a loop effect while the other is using a “hover” effect so when the reader wants, more information is available.
  3. Another easy way to compare these images is to upload them, insert an entrance effect and add an information pin to share more details. This is the case with Isabella de’ Cosimo I de Medici.
  4. Finally, one of the cooler ways to compare photos is by using Juxtapose. It is a web tool that allows you to make cool comparison in real time and later embed it into Genially.

contenidos interactivos con genially

It is easy to use. You only need to look for two images, copy the URL of both, and stick them into the boxes shown in the application. You can fill in the optional information shown or select different options. After, you hit the Publish button and copy the generated code. The final step is to go to your genially and paste the code into the content tab or in a window. With this you can achieve amazing results on par with Goya´s paintings or Madame X.

Now you can deliver information in a more interesting and contemporary way.

Do not forget that if you want to enrich your designs with more information, visuals, or multimedia content you can include pins and include interaction on the images.

I am sure you will do great!

And don´t forget sharing is caring : )


Carlos López
Carlos López
User Experience Manager & Diseñador Gráfico. Amante de la música y de los buenos momentos. Enjoy everyday!

Related Posts