Responsibilities: Instructional Design Target Audience: adults, people who are interested in Ecology, schoolchildren Tools Used: Articulate Storyline 360, Canva, Power Point, Figma, Miro, GitHub Year: 2022
Project description
WHAT? "4R Ecological concept" is an Articulate Storyline 360 project about ecological behaviour. The project goal is to reduce the Ecological Footprint and increase ecological awareness.
This Storyline project provides Checklist Interaction, Drag and Drop interaction, Slider, and Interactive video with questions, Markers, and so on.
WHY? I always care a lot about ecology. And now that I live in Serbia, I see that environmental education can help improve the ecological issue here.
HOW? To make this project I have done:
Needs analysis and Action map;
Storyboard;
Visual Mockups;
Developed prototype in Articulate Storyline 360;
Got feedback from my professional network;
Developed the whole project;
Saved the project via GitHub to be able to share it with others.
You can look at the developmental process description and final project below.
Action Map
After verifying that additional training could contribute to improved ecological human behavior and reduced the Ecological Footprint, I described information on actions needed to reach the goal. Then I did in-depth interview and identified why people aren’t taking the necessary actions.
Storyboard with Visual Mockups
Based on the action map, I described necessary practice activities and identified what people really need to know (minimum info) to complete each activity.
Then I designed Visual Mockups with Canva.
Interactive Prototype
Based on Storyboard and Visual Mockups, I developed a low-precision prototype with Articulate Storyline 360.
To receive valuable feedback from my professional network, I used Articulate Review 360. Feedback let me test the UX/UI of the prototype and the whole course concept.
Full Development
With the prototype, I fully developed a short course. During development, I used triggers, conditions, slide layers, object states, and custom buttons in Storyline 360. I made Checklist Interaction, Drag and Drop interaction, Slider, Interactive video with questions, Markers, and so on.
Then I uploaded an HTML file to GitHub to share with others.
Click the button and experience the whole project.
