Checklist Interactions in E-Learning #252: Challenge | Recap
Challenge of the Week
This week, your challenge is to share an example that demonstrates how checklist or to-do interactions ...
Published 6 years ago
Version 1.0
Blog Post
Hi Everyone!
Here is my entry for this week, with a little project that has a few types of checklist interactions. Thanks!
https://filedn.com/layUfATUCp200BIaKm5jwWj/Demos/alexjinca.com/%2315/Using%20Checklists%20Demo/story_html5.html
Here is my entry for this week, with a little project that has a few types of checklist interactions. Thanks!
https://filedn.com/layUfATUCp200BIaKm5jwWj/Demos/alexjinca.com/%2315/Using%20Checklists%20Demo/story_html5.html
- Love it really cool
- Thanks Steve, glad you liked it.
- It looks great, I would totally use it for packing my camping essentials! I really like the idea that you can review your checklist.
- Thanks Julianna, really happy to hear you'd use this. You can definitely review your list, check other stuff you've missed, or note down in the entry boxes a few things you still need and are not on the list. :)
- This was really great! I liked the use of the sliding bus to make the checklist appear! Very creative!
- Thanks Rebecca, I always prefer making use of a custom picture thumbnail on the slider, if the slide is more towards the creative side. Glad you liked it!
- Loved it too. And even better, the slider worked on my phone. I have given up on sliders because they are fussy on mobile. The large bus thumb worked great.
- Thanks for the feedback, Jodi. I wasn't aware sliders are buggy on mobile devices, good to know. I started with a different concept for the menu I have in this project, and what I found buggy was the use of hover over objects when you chose to change states when hover. It was really buggy, I had to drop the idea. As you did it on mobile, may I ask, on the slide with the bus thumbnail, at the instructions I've put "move the van", was that intuitive enough, or the word "slide" would have worked better for the ones doing it on mobile?
- How did you build in the pdf form link?
- Hi Jeni, I've decided to go with an external link for the pdf as the list might change and expand for the future. To do so, I've copied the pdf link, I went into Articulate, selected the button, and from the menu, I chose Insert < Hyperlink, and here I've built the trigger that should be: Action: Jump to URL / file, copied the link of the pdf into the File box, when user clicks button. You can also search for a local pdf file in your computer (from load file option - '...'), and insert it using the same technique, and it will be embed in your project, but note that you can only open the pdf in the Published state of your project. Hope this makes sense and helps.
