Blog Post
JeffNunamaker-c
6 years agoCommunity Member
Pulled this single interaction out of an eLearning I recently built at work. Had to scrub all the pertinent info, as well as break the web object, but the checklist still works - for the most part...
Demo: https://bit.ly/2oEDtyQ
This is part of a Product & Service certification program where the learner is also being taught to self-serve by finding information in our online knowledge-base in addition to learning about the product/service. They would be met with this interaction as a review for that product and/or service which they would have already learned about through the module.
As a side note, the bottom boxes would normally fill and check complete in the full module as the learner moves through the module for visual feedback on progress.
Since it is a work project, I won't be providing the source in case I missed something. The checklist is a bunch of fields off-screen which animate in when the user clicks the hotspot, then animate back out. Each text box has logic to indicate when a correct answer is entered. That's really about it. No layers.
Demo: https://bit.ly/2oEDtyQ
This is part of a Product & Service certification program where the learner is also being taught to self-serve by finding information in our online knowledge-base in addition to learning about the product/service. They would be met with this interaction as a review for that product and/or service which they would have already learned about through the module.
As a side note, the bottom boxes would normally fill and check complete in the full module as the learner moves through the module for visual feedback on progress.
Since it is a work project, I won't be providing the source in case I missed something. The checklist is a bunch of fields off-screen which animate in when the user clicks the hotspot, then animate back out. Each text box has logic to indicate when a correct answer is entered. That's really about it. No layers.
- Samuel6 years agoCommunity MemberLooks like you put some thought into how the learner will experience the design. Nice work!
- alexjinca6 years agoCommunity MemberI really like the concept, Jeff. Looks like a well designed learner experience, well done!
- GustavoGonza3836 years agoCommunity MemberLove the sidebar, great design.