Published in
Digital Storytelling Festival
·
Follow
Creating interactive images using Genial.ly
Genial.ly is a platform that offers new ways of story-telling through presentations, games, videos, and interactive images. You can work on hundreds of templates to give your idea a unique visual experience.
One way to do so is by using the Interactive Image option to create incredible stories with multiple layers of information. Take a look at this for example.
Here’s how to get started.
The first step is to create an account, you can do this using your google account.
Next, click on Create Genially and choose from the templates available or start with a blank page.
You can edit the background and document colours as per your taste.
You can also add your own image to your creation and use the interactivity option to create a tooltip, window, button to another page or even link it to an external website.
There are multiple options for animating these interactive elements as well, these are useful in helping viewers find the interactive elements on your page.
You can keep using the preview option on the top right corner of the screen to see your progress.
Once you are content with your creation, click on All Set to publish your interactive image!
Tips
When uploading an image, we recommend you use a .png image as these have no background and will fit seamlessly into your background image.
If you add links to an external website, make sure you choose open in a new tab.
If you have multiple pages, make sure you create a button to link the subsequent pages back to the main screen.
Use the hover mouse animation type and select expand/shrink to make sure the interactive elements are easily visible to the viewers.
So many interesting stories could be told using interactive images. We’re curious about yours. Find out how and submit it here and on social media using the hashtag #DigiStoryFest.
More from Digital Storytelling Festival
An online event inviting cultural heritage professionals to discover resources and tools to create digital content, explore ways to boost audience engagement online and discover the value of Open GLAM
Read more from Digital Storytelling Festival
More from Medium
UX Insider Interview: Piers Freke-Evans, Head of Product at Dynamo Mortgages
What is Design Thinking process?
While the Design Thinking answers the question What, the Design Thinking process answers the question How. The process consists of 6 steps.
What I Have Learned For Almost 2 Years At Mister Aladin
Make your users addicted | UX Design Tips | Value at Void™
Powerful SVG Animation
I once used to create web animations by HTML and CSS, however, due to their limitation, I started to turn to SVG, which offers me more…
Gamification Mechanics in UX: Smart User Journey.
ADA Compliance: The Need of the Hour
Interacting with some form of technology is an integral part of our day right now. Everything we need is found on the internet, we have…
Focused on making fewer, better tools at great prices: Omar Rada talks Misen’s premium cookware…
Open in appGet startedHomeNotificationsListsStoriesWrite