The Brief
Create an e-learning activity that focuses on the child's peer interaction
Solution
Allow the student to engage with the different scenarios and select a possible solution.
User flow
Initially receiving a brief, I use the content to provide an interactive opportunity for the student to choose a solution when presented with a scenario. Essential also allows the student to review the alternative options, but at the same time guides the student to unlock each scenario at a time.
Wireframe
Once the flow has been discussed and approved, the basic wireframe is created to ensure that all
the functionality and content fit with the approved flow. Minor interaction and UI elements are fine-tuned to make the most of the experience
UI Kit
Using the visual style guide and wireframe to create the final design elements of the interactive.
Build
Once the design was approved, I would build the interactive site using a program called ‘Hype’. I would import the elements that were designed and add the animation and click-through functionality and make use of some basic HTML code to style the copy.