Embedded Files
A scenario-based learning experience designed to help professionals prioritize tasks, manage interruptions, and make effective decisions under pressure.
👥Audience
👥Audience
Professionals responsible for balancing multiple priorities, deadlines, and stakeholder requests.
🧑💻My Role
🧑💻My Role
Instructional Designer & E-Learning Developer
🛠️Tools Used
🛠️Tools Used
Figma, Photoshop, Canva, ChatGPT, YouTube, 123Apps, ElevenLabs, Mixkit, and Freepik.
⚠️The Problem
⚠️The Problem
Many professionals struggle to manage competing priorities, constant interruptions, and shifting deadlines throughout the workday. As responsibilities increase, employees often multitask inefficiently, lose focus, and experience workplace overwhelm.
Traditional productivity training usually focuses on passive tips and time-management theories, but learners rarely get opportunities to practice making decisions in realistic workplace situations.
This gap can lead to poor prioritization, missed deadlines, reduced productivity, and increased stress in fast-paced work environments.
💡The Solution
💡The Solution
I designed a scenario-based learning experience that places learners in realistic workplace situations where they must prioritize tasks, respond to interruptions, and make decisions under pressure.
Through interactive scenarios, learners practice evaluating urgency, managing workload conflicts, and reflecting on the consequences of their choices in a safe environment.
The experience focuses on practical decision-making rather than passive content consumption, helping learners build confidence and apply productivity strategies more effectively in real workplace contexts.
Action Mapping
Action Mapping
Analysis Phase ( ADDIE )
Process Overview - Step 1 of 5
Process Overview - Step 1 of 5
During the Analysis phase, I used action mapping to identify the critical workplace behaviors required to manage competing priorities and interruptions effectively. These behaviors became the foundation for the branching decisions and feedback used throughout the simulation.
Scenario Design & Storyboarding
Scenario Design & Storyboarding
Process Overview - Step 2 of 5
Process Overview - Step 2 of 5
Using the behaviors identified during the Analysis phase, I designed branching workplace scenarios that require learners to prioritize tasks, manage interruptions, and communicate effectively under pressure.
Each decision presents realistic workplace consequences, allowing learners to reflect on their choices and practice effective workplace decision-making in a safe environment.
Learning Objective:
Evaluate competing priorities and select the most effective response while maintaining productivity and professional communication.
Interface & Visual Design
Interface & Visual Design
Process Overview - Step 3 of 5
Process Overview - Step 3 of 5
I designed a clean workplace-focused visual system to support decision-making under pressure. The interface uses calm neutral colors, structured layouts, and minimal distractions to help employees stay focused during scenario interactions.
I created reusable UI components, feedback styles, and interaction patterns to maintain consistency across the simulation. The visual approach balances professionalism, readability, and learner focus while reinforcing the fast-paced workplace environment.
Key Scenes
Dashboard
Dashboard
Learners begin the workday by reviewing priorities, monitoring interruptions, and tracking progress.
Decision Screen
Decision Screen
Learners evaluate competing requests and make decisions based on urgency, workload, and consequences.
Mentor Guidance
Mentor Guidance
Optional coaching encourages reflection and supports workplace decision-making without directly providing the answer.
Outcome Feedback
Outcome Feedback
Immediate feedback connects learner decisions to workplace consequences, productivity, and stress levels.
Interactive Prototype
Interactive Prototype
Process Overview - Step 4 of 5
Process Overview - Step 4 of 5
To create a realistic and engaging workplace learning experience, I developed an interactive prototype using a multi-software workflow that combined Canva and Figma. Custom visual assets and workplace environments were designed and integrated into Figma, where I used smart animations, transitions, branching interactions, and advanced prototyping features to simulate workplace conversations, interruptions, and decision-making scenarios.
Throughout the prototyping process, I continuously refined the user experience to improve navigation, interaction clarity, feedback visibility, and learner engagement. Interface elements were redesigned, notification systems were reorganized, and feedback screens were enhanced to better communicate workplace consequences, task progress, and stress levels. These iterative improvements helped create a more intuitive, cohesive, and realistic learning experience.
While many aspects of the simulation evolved throughout development, the examples below highlight two key design iterations that improved visual consistency, learner engagement, and overall usability.
Design Evolution & Iteration
Prototype A
Initial feedback design used to test consequence-based messaging and stress indicators. Subsequent revisions improved readability, information organization, and learner focus.
Final Version
Redesigned to improve visual hierarchy, reduce cognitive load, and clearly communicate consequences, task status, and stress levels.
Prototype A
Early scenes were created using AI-generated visuals to quickly prototype the workplace environment and learner interactions. As development progressed, maintaining consistency across scenes, characters, and dialogue became increasingly difficult. Although I regularly use AI tools to support ideation and content creation, this project highlighted the importance of designer control when building a cohesive learning experience. Redesigning the scenes allowed me to create a more consistent visual style and further develop my design skills.
Final Version
To improve consistency and scalability, I redesigned the opening scenes using reusable character assets from Freepik and a custom workplace environment. This approach allowed me to maintain a cohesive visual style throughout the simulation while refining dialogue and workplace interactions to better support the learning experience. It also provided greater control over visual design, character placement, and scene development throughout the project.
Implementation
Implementation
Process Overview - Step 5 of 5
Process Overview - Step 5 of 5
The final deliverable is a fully interactive workplace prioritization simulation designed to help learners practice decision-making under pressure. The experience combines branching scenarios, workplace interruptions, mentor guidance, consequence-based feedback, audio integration, and stress tracking to create an engaging and realistic learning environment.
The completed simulation allows learners to apply prioritization, communication, and workload-management strategies prioritization, communication, and workload-management strategies while experiencing the consequences of their decisions in a safe, simulated workplace setting. The project integrates the instructional design process from analysis through implementation, resulting in a cohesive and learner-centered experience.
Explore the interactive workplace prioritization simulation and navigate different decision paths to experience workplace consequences, mentor guidance, and outcome feedback.
Estimated completion time: 5–7 minutes
Results & Takeaways
Results & Takeaways
Developing Focus Under Pressure strengthened my ability to translate workplace performance challenges into meaningful learning experiences. Through action mapping, scenario design, and iterative prototyping, I created a simulation that encourages learners to practice prioritization, communication, and decision-making in a realistic workplace context.
One of the most valuable lessons from this project was the importance of iteration. Throughout development, I refined the visual design, feedback system, audio integration, and branching interactions to improve clarity, consistency, and learner engagement. These revisions helped transform an initial concept into a more polished and cohesive experience.
As a next step, I would further evaluate the simulation by collecting learner feedback and analyzing how effectively the decision pathways support workplace performance. This insight would help identify opportunities for future improvements and additional workplace scenarios.
Tools Used
Tools Used
Each tool supported a different stage of the design process, from ideation and visual design to audio production and final delivery.
Page updated
Google Sites
Report abuse