Interactive Documents with Sliders #300: Challenge | Recap
Using Sliders to Create Interactive Documents
In a recent post, John Berendes from Yukon Learning, shared a fun tutorial on usin...
Published 5 years ago
Version 1.0
Blog Post
Hello Heroes.
Happy Birthday, ELH Challenge
Here is my demo.
It's great, I learned a lot of tips on how to use a single variable with multiple sliders. So, I focused on that. I'll use it again for sure.
Demo : https://360.articulate.com/review/content/c45c2dac-e80d-49af-a285-a1dcafc266e2/review
Happy Birthday, ELH Challenge
Here is my demo.
It's great, I learned a lot of tips on how to use a single variable with multiple sliders. So, I focused on that. I'll use it again for sure.
Demo : https://360.articulate.com/review/content/c45c2dac-e80d-49af-a285-a1dcafc266e2/review
- Wow, this is beautiful! I love everything about it!
- Thank you Carrie.
- That was great use of the slider - and super smooth. It mirrors a lot of the animations you see in the news. I'd really like to see how you did it. Is the Storyline file available anywhere to view? GREAT work!
- Thank you, Isaac. My file is pretty messy. Give me a few hours to clean up before sharing it.
- Hi Isaac.
If you're still interested in the file, here's.
https://www.dropbox.com/s/8znra7mwnbv5ejd/ELH300.story?dl=0
- Tips for making the smooth transition would be great. Nice design.
- Thanks.
I'm not sure I understand what you really mean by "smooth transition". Maybe the way I gradually reveal the colored curves on the first slide, and the other information on the second.
In both cases, I'm using a primary cursor (the one with years) with its own variable. And all the other cursors use this same variable, so they move at the same time, but not the same length.
For example, on the first slide there's a slider with a really big white thumb (on a transparent track) sliding to the right and revealing the background and curves. And four vertical sliders (with "India" "China" images etc. on the thumbs) on the right also using the same variable: this country run is the most visual and important information on this slide, to my notice.
Same idea on the second slide: the main slider with the main variable is the bottom slider. On the right, the very large white thumb with an arrow of a transparent slider slides up and reveals the scale of the growing population. Finally, there is a dial in the middle, also using the same variable to rotate when I manipulate the main slider.
I hope to be clear.
- I love your transitions with the graph in the background Thierry, great work!
- I agree with the comments that the smoothness of the lines moving with the thumbnail was excellent. What does the LDC stand for?
- Thank you, Jeffrey.
According the UN : "Least developed countries (LDCs) are low-income countries confronting severe structural impediments to sustainable development. They are highly vulnerable to economic and environmental shocks and have low levels of human assets.
There are currently 47 countries on the list of LDCs which is reviewed every three years."
https://www.un.org/development/desa/dpad/least-developed-country-category.html- It is too bad we spend so much on war and not on helping other countries. That might reduce the need for war! Thanks for letting me know.
