Click-and-Reveal interactions provide you with a great way to break up large chunks of information and organize it in an easier way for the learner to digest. These interactions also help you manage content, especially when it comes to explaining processes or step-by-step procedures. From a design perspective, you see click-and-reveal interactions designed using tabs, accordions, and labeled graphics.
In the past, I’ve created several different types of interactions for my clients. Here is one based on the accordion-style titled, My Zoo Guide that I mocked up for a potential client.
Here is a tabbed one that could be used to introduce a department or key personnel within your organization.
If you reviewed my sample Exploring the Anatomy of the Heart, you would see that I used labeled graphics to identify and describe critical parts of the heart’s anatomy.
- One variable
- A base layer
- An animation layer
- a State change
- Two move animations
- Multiple triggers
Click either of the images below to see the actual demo.