Welcome to my portfolio. Here you’ll find a deep dive into my creative process for each interaction and course. All interactions and courses are live in the portal. Select the interaction or course title to read about my creative process for each one.

My intention is to include a variety of short interactions. Some may be experimental to test accessibility. I publish, and then test with the NVDA screen reader. I continually revise until content works with keyboard navigation. Most interactions will be around one to three minutes. Select each one to see details. To see each one in action, go to the Portal.

overhead of man with hand on laptop, cup of tea, earbuds, and his phone on table

Service Dog
Branching Scenario

Tools: Storyline 360, CCA Colour Contrast Analyser, Power Point, Paint 3D, NVDA screen reader
Date: April, 2024

Intro slide from interaction

About this project:
This interaction is a simple branching scenario. Learner has three choices. Each choice has consequences. Feedback comes at the end. Following Cathy Moore’s thinking that giving people choices and then let the consequences play out. This approach gives the learner time to think.

Instead of layers, I used individual slides with fade transition. The main reason I used individual slides was the dog leash. Every time the character, Aliyah changes positions, Daisy, the service dog’s leash changes, too.

I erased background around Daisy, the service dog’s image in Power Point and saved her as an image.

Why did this happen slide from interaction

At the end of each choice, a description of what is happening. Select the Why did this happen button to learn the consequences of each choice.

Consequences slide from interaction

Cape Florida Lighthouse

Tools: Storyline 360, Replay 360, Sony Sound Forge Audio Studio, CCA Colour Contrast Analyser, NVDA screen reader
Image: Pixerid free image in 2020
Video: Screen capture of Google maps with Replay 360
Voice over: Articulate 360 text-to-speech
Audio description: Articulate 360 text-to-speech
Final audio edited in Sony Sound Forge Audio Studio
Date: Revised January, 2024

Lighthouse Tour world map from interaction

About this project:
This interaction begins with a Google map video zooming onto the Cape Florida Lighthouse. The video provides two different text-to-speech voices. One voice is normal voice over and the second voice is video description. The entire transcript is included with text colors differentiating between voice over and video description. I created custom Play and Pause audio buttons with triggers to either play or pause both video and audio files, depending on which button the user chooses. Focus order is customized for keyboard navigation.

In the revision, I added audio instructions for the lighthouse tour. I also added audio clips for each marker. I also included closed captions.

The lighthouse image is a 360-degree image. I wanted to include interesting facts about the lighthouse history. Lighthouses have interesting stories to tell! The markers make a fun tour interaction. The tour is guided to keep logical order of the markers. Instructions are included to select Marker 1 to get started.

Lighthouse guided tour from interaction

Once the tour starts, you have the choice of following the guided tour or by selecting the forward arrow at the bottom of the slide. You know how many markers are left as you progress. A short and fun interaction that gives you lots to check out.

Elements of PADDIE

Tools: Storyline 360, Google Squoosh, CCA Colour Contrast Analyser,
NVDA screen reader
Images: 360 Content media image, Unsplash
Date: Revised January, 2024

PADDIE letter menu

About this project:
Articulate Challenge 140: Elements of PADDIE goes into some detail of the ADDIE model with the added element of Planning. I was inspired from a challenge post by Marius Dore’ Burger, who created a menu using the letters to navigate to each element. I took a slide from the Articulate library and used that as the basic design for all the slides. I liked the idea of spelling out PADDIE as a menu option. Selecting a letter takes you directly to a specific element. I wanted to provide an additional navigation path that was a bit more linear. For that path, you can select the player next and previous buttons to move between Elements (phases). The last slide, Evaluation has a custom Back to Beginning button, which returns you to the PADDIE letter menu. You can move freely through the interaction. Spend as much time as you want.

Evaluate slide from interaction

In the revision, I cleaned up the navigation. Revised each slide by adding animation. Inserted audio voice over for each slide. Tightened up the text on each slide and moved much of it to the audio. I also included closed captions for each slide audio. And included a transcript that you can open or close.

Implement slide from interaction

For the look and feel, I like using images in the background with dark overlays providing rich visual depth, while maintaining correct accessible contrast. Lots of testing with the CCA color contrast checker.

Slide transition is a subtle fade at .75 second. No text animation. All content is present on each slide. Focus order is customized for keyboard navigation.

Org Chart Welcome

Tools: Storyline 360, Google Squoosh, CCA Colour Contrast Analyser, NVDA
Images: 360 media images, Unspash, 360 Content characters
Date Revised: January, 2024

HR representative welcomes you to this interaction in front of world map on a computer screen.

About this project:
Articulate Challenge 244: Built in Storyline 360, utilizing photo characters from the Articulate Content Library 360. I inserted the characters into real-world background images. Each team member profile slide is light boxed. To initiate introductions, I wanted to use a world map and placed each team member in their global location. This reflects the growing global corporate community.

Org chart global map from interaction

In the revision, I cleaned up the navigation. The world map contains each team member’s name and location. Select a name and open that team member’s light boxed profile. Close the light boxed slide by selecting the X in the upper corner or by pressing ALT+C. I created states for each marker. To make sure all team members’ slides have been visited, you can’t reach the closing slide until all markers visited state is enabled. Once that happens, you can select the next button to proceed to the Congratulations slide.

Chris info slide from interaction

Slide transition is a subtle fade at .75 second. I also added a fly in from the right for each member text box. All content is present on each slide. Focus order is customized for keyboard navigation. I also added audio and close captioning is available through player controls.

For now, you can find two full courses on the portal. More to come. As with the interactions, courses are in process of being tested with the NVDA screen reader. They are published and then tested. If you run into any issues, please let me know. Select each one below to see details. To see each one in action, go to the Portal.

woman with hands on laptop keyboard with notebook, phone, and book on table

Repurposing Your Content Overview

Tools: RISE 360, Power Point, NVDA screen reader
Images: 360 Content Library, Unsplash
Date: February, 2023

Repurposing Your Content Overview Course Introduction

About this project:
This course is an example of how I repurposed a blog article into an eLearning course. RISE 360 makes this very easy. The presentation is linear, yet with free navigation, you can jump to a specific section in the menu. I’ve included an Accessibility keyboard navigation page at the beginning.

RISE built-in animations, like these Flashcards makes creating eye-pleasing interactions easy.

Course page showing flashcards interaction

I love the built-in text on image styles as a way to introduce new content. And below that is a tab interaction.

Course page showing tab interaction

I left the built-in animations alone. I like the smooth, subtle and floaty transition as you move through the course. I am trying out the RISE 360 Exit button. It successfully closed the course and you are still on the course page. I’m not done. I’d like a way for you to return to the portal. Still working on that.

Guide for Assistance Dogs, Emotional Support Animals and Therapy Dogs

Tools: Storyline 360, Google Squoosh, Paint 3D, NVDA
Audio: Storyline 360 Text-to-speech
Image: ICAN, iStock and Unsplash
Date: Revised Jan 2024

Guide Course page

Latest revision: I updated all audio with much improved text to speech voice. I added captions for all the audio. Enabled in player settings. I added some subtle animations including fade, fly, and float. Cleaned up some textual errors I found for accessibility.

About this project: This course is a completely revised version of a course that I created, working with ICAN’s subject matter experts. We loosely followed the ADDIE model. After assessing the audience, we worked from a storyboard. The original was built in Storyline and published on the Docebo LMS in 2015. It was and continues to be free to the public. For this version, I worked from the original storyboard and updated the information to reflect recent changes in government agency standards. This course is available for anyone interested in general information and resources about these awesome dogs.
I used the Storyline 360 Text-to-speech, so the full course has audio and transcript.

A big thank you to Jillian Ashton at ICAN for taking time to do a final review and providing images of their assistance dogs in action and in training.

Assistance Dogs In This Module screenshot from course

Each module has an opening slide introducing what that module covers. On that slide, I created custom Audio On and Off buttons. This provides the options of reading the transcript or listening to the audio, or both.

Therapy Dogs screenshot from course

A fun design aspect, I pulled most of the slide title background colors from the dogs appearing in the images.

Emotional Support Dogs screenshot from course

The 360 accessibility settings enable you to zoom text, as shown in the above image. The menu on the left shows you exactly where you are in each module.

Or you can select the Transcript tab on the left and see the full transcript of the audio.

Therapy Dogs Knowledge Check screenshot from course

Focus order is customized for keyboard navigation. The course consists of three modules. Published within the LearnDash Course Builder structure. When you come back, you can pick up where you left off.