0
Skip to Content
Joseph Abiera Design
Home
Instructional Design Portfolio
Graphic Design Portfolio
About
Contact
Joseph Abiera Design
Home
Instructional Design Portfolio
Graphic Design Portfolio
About
Contact
Home
Instructional Design Portfolio
Graphic Design Portfolio
About
Contact

Types of Depression Flipcard Front

Personal Customization Module

Types of Depression Flipcard Back

The Problem and Solution

Ever since COVID many companies now have more and more employees working remote. HR has had a hard job keeping tabs of employees overall health status, and with gauging stress and anxiety caused by their job.

While working with HR as the subject matter expert (SME) in company, we identified what would be the best way to help employees identify triggers, and symptoms of depression. It was also important for employees to be informed on not only diagnosing the symptoms, but what they could do in order to either cope, or find the right help and support they needed to overcome. This type of eLearning allows the learner to understand, diagnose and deal with the effects of depression, by using interactive cards and quizzes to arm them with the proper information needed to help them in their job roles..

Self Diagnosing Quiz

My Process

I like to go back to the basics and start with the structure of the ADDIE model. For the analysis phase, I started with meeting my subject matter expert (SME) in order to gather the information needed so that I could start designing the organization of the eLearning story and begin the storyboarding process.

Once the storyboard was approved, I focused my attention on visual design and creation mock-ups. When given the go-ahead on the visual design, I move on to the development phase by creating a prototype to showcase the interaction of the eLearning. I was then able to develop the project fully. 

Once the eLearning was fully developed, I asked peers and professional instructional designers to evaluate the project and provide feedback so that I could make any needed changes.

Action Map

I consulted with the HR Department as my SME. Together, we created an action map that outlined the goals and parameters that was needed for the employees to accomplish. Through this process, we were able to layout a good flow of proper information, that would be best used to reach the learning goal needed to help inform the employees. Working with the SME, they narrowed down the top three priority actions that would serve as the foundation for this eLearning: diagnosing depression and how best to deal with they symptoms.

Text-based Storyboard

Once the action map was complete, I designed the flow of the eLearning story through the text-based storyboard. This step served as the blueprint for the overall development of the project.

With the help of the SME, we were able to figure out the most important info that was needed to let the employees better understand the symptoms and what can be done to get the proper help needed.

Visual Mockups

I created my visual mockups in Adobe XD so that I could make several iterations and quickly change different elements. In addition to Adobe XD, I also utilized Adobe Illustrator heavily for this project. By using Adobe Illustrator and Adobe XD, I was able to manipulate and edit vector graphics in Illustrator and then bring them to my mockups in XD. 

Visual Storyboard/Interactive Prototype

Once my visual mockup was approved, I then proceeded with a visual storyboard and then the actual interactive prototype. I developed the eLearning experience in Adobe Captivate. I used the mockups that I had created in Adobe XD to help guide me. 

I developed the prototype through the second question. This allowed users to experience main features of the course showing prompt slides, question slides, and both negative and positive consequence slides.

Full Development

After receiving feedback and making any needed changes to the interactive prototype, I developed the project completely using Adobe Captivate. The process went quicker because of the detailed use of the storyboard and initial mock ups. 

Some of the highlights of the project include customization of the learning with the users name, interactive info cards and quiz slides.

Experience the Project