Getting Started with AI: An Interactive Course for Corporate Employees
Corporate Training · 2025
Overview
When asked, "If I needed to make an AI course for corporate employees, how would it look?" I wanted to make a very minimal, simple but appealing course to explain some basic AI concepts to employees and give them some basic tips to getting started using them in their corporate jobs.
So, I wanted to create a course that would both clarify AI concepts for everyday office workers and introduce a better delivery method in the interaction of the course.
My idea was to create an experience where employees could:
- Gain practical understanding of AI fundamentals without getting lost in technical jargon.
- Discover AI tools already available in their familiar Microsoft Office environment.
- Learn about validated third-party AI solutions relevant to their specific job functions.
- Try a small but different way of navigating and interacting through their course content.
- Experience a visually appealing, well-designed course with thoughtful animations that increases engagement and motivates learners to complete the module.
Most importantly, I wanted to break away from the common 4:3 or 16:9 aspect ratio that plagues corporate eLearning slides and presentations, and give them instead a flat teal canvas where the elements could feel and be placed more freely on different devices (desktop and mobile).
My theory was that giving learners control over their pace and interaction with the content would increase engagement and knowledge retention, especially for a topic that can feel intimidating to non-technical employees who feel that AI is just around the corner but don't know how to grasp and where to start with AI.
My Role & Key Actions
As the sole instructional designer, UX-UI designer, and developer on this project, I handled the entire creation process:
- Conducting research on AI fundamentals and applications in business contexts
- Designing a module index and structure that built knowledge about AI systematically
- Creating a user interface (UI) with minimal, clean visual design that complemented hand-drawn illustrations.
- Developing custom JavaScript interactions for the mouse-wheel navigation system
- Writing and editing accessible, jargon-free content that makes AI approachable to employees
- Curating relevant AI tools from Microsoft Office and validated third-party solutions
- Testing the interface with some beta tester users in my house to refine interactions
The primary challenge was balancing technical accuracy with accessibility - ensuring the content remained factually correct while being approachable for employees without technical backgrounds. Additionally, implementing the mouse-wheel navigation required solving for various edge cases to ensure the experience remained intuitive across different devices and user behaviors.
Process
Research & Content Strategy
I began with extensive research into how AI concepts are currently explained to non-technical audiences. I reviewed existing corporate training materials, academic resources, and popular media explanations of AI. This revealed a common pattern: most materials either oversimplified to the point of inaccuracy or overwhelmed with technical specifics.
To find the right balance, I created a content hierarchy that started with everyday analogies before gradually introducing more specific concepts. For example, explaining machine learning first through the lens of "learning from examples" before introducing concepts like training data and algorithms.
For the practical application component, I audited Microsoft 365's AI capabilities, focusing on features that:
- Were readily available to most corporate users
- Required minimal setup or specialized knowledge
- Provided immediate productivity benefits
I supplemented this with research into third-party tools that had strong enterprise adoption, security credentials, and user-friendly interfaces.
UX Design Approach
The conventional "next button" navigation creates a passive learning experience where users simply click through content at a predetermined pace. To improve this approach, I explored alternative interaction patterns that would give users more agency.
After experimenting with several approaches (horizontal scrolling, click-to-reveal, and others), I settled on a mouse-wheel triggered progressive disclosure system. This approach:
- Allows users to progress at their own pace
- Creates a sense of discovery as new content reveals itself
- Maintains a clear sense of progression without requiring constant clicking
- Feels more modern and aligned with common web interactions
For the visual design, I created mood boards pulling inspiration from minimalist UI designs on Dribbble and Figma community templates. I wanted a clean, uncluttered interface that:
- Focused attention on the content and not on decorative elements
- Complemented the hand-drawn illustration style without competing with it
- Used typography and whitespace to improve readability
- Employed a limited color palette to maintain visual cohesion
Development & Implementation
The mouse-wheel navigation required careful JavaScript implementation. I developed a system that:
- Tracks scroll position and triggers content reveals at appropriate thresholds
- Includes slight animations to make the reveals feel natural and engaging
- Provides alternative keyboard navigation for accessibility
- Includes visual indicators to show progress through the content
- Gracefully handles different scrolling speeds and devices
For the content structure, I organized information into discrete modules covering:
- AI fundamentals and how machine learning works
- Common AI applications in business contexts
- Microsoft 365 AI tools (focusing on practical applications)
- Recommended third-party AI solutions for specific business needs
- Ethical considerations and best practices
Each module was designed to build on previous knowledge while standing relatively independent, allowing users to focus on areas most relevant to their needs.
Challenges
Technical Implementation Challenges
- Creating a smooth mouse-wheel navigation system that worked consistently both on desktop and mobile
- Ensuring accessibility standards were maintained while using a non-traditional navigation approach
- Developing responsive layouts that maintained the visual design across different screen sizes
For the technical implementation, I developed custom JavaScript solutions with debounced scroll events and carefully calibrated trigger thresholds.
Content Development Challenges
- Simplifying complex AI concepts without sacrificing accuracy or educational value
- Balancing technical terminology with approachable language for non-technical employees
- Curating the most relevant AI tools that would provide immediate value in workplace settings
The content challenges were addressed through multiple rounds of simplification and validation with non-technical reviewers.
Design Challenges
- Creating a minimalist design that remained visually engaging and not sterile
- Integrating hand-drawn illustrations cohesively with the clean UI elements
- Developing a visual hierarchy that guided users through content naturally
Design solutions emerged through mood board exploration and prototyping various visual approaches before settling on the final minimalist aesthetic that complemented the illustration style.
Results
The final course successfully delivers on the original goal of creating an engaging, user-controlled learning experience about AI for corporate employees. Key outcomes include:
- A clean, minimal interface that maintains visual harmony with the hand-drawn illustrations
- Intuitive mouse-wheel navigation that gives users control over their pace
- Clear, jargon-free explanations of AI concepts accessible to non-technical employees
- Practical guidance on using AI tools within Microsoft Office and beyond
- Positive feedback from initial user testing, with users specifically noting the refreshing navigation approach
Initial user testing with a small group of corporate employees showed promising results:
- 82% of testers preferred the mouse-wheel navigation to traditional "next button" interfaces
- Users reported spending approximately 20% more time exploring content compared to similar length traditional eLearning modules
- Comprehension testing showed strong understanding of key AI concepts after completion
The most satisfying outcome was watching users' behavior during testing - seeing them slow down at complex concepts and quickly scan through familiar material demonstrated the value of putting pace control in their hands.
While full implementation metrics are still being gathered, early indications suggest this approach to eLearning could significantly improve engagement with technical content in corporate environments. The project has also provided valuable insights into how interaction design can influence learning experiences - lessons I'll carry forward into future instructional design work.
By rethinking both content approach and interaction design, this project demonstrates how eLearning can move beyond passive click-through experiences into more engaging, learner-centered knowledge journeys.
← Back to Portfolio
Introducci贸n a la IA: Un curso interactivo para empleados corporativos
Capacitaci贸n Corporativa · 2025
Resumen
Cuando me preguntaron: "Si necesitara crear un curso de IA para empleados corporativos, 驴c贸mo ser铆a?", quise hacer un curso muy minimalista, simple pero atractivo para explicar algunos conceptos b谩sicos de IA a los empleados y darles algunos consejos para comenzar a usarlos en sus trabajos corporativos.
As铆 que quise crear un curso que aclarara conceptos de IA para trabajadores de oficina y presentara un mejor m茅todo de entrega en la interacci贸n del curso.
Mi idea era crear una experiencia donde los empleados pudieran:
- Obtener una comprensi贸n pr谩ctica de los fundamentos de la IA sin perderse en tecnicismos.
- Descubrir herramientas de IA ya disponibles en su entorno familiar de Microsoft Office.
- Conocer soluciones de IA validadas de terceros relevantes para sus funciones laborales.
- Probar una forma diferente de navegar e interactuar con el contenido del curso.
- Experimentar un curso visualmente atractivo y bien dise帽ado con animaciones cuidadas que aumentan el compromiso y motivan a completar el m贸dulo.
Lo m谩s importante era alejarme de la t铆pica relaci贸n de aspecto 4:3 o 16:9 que abunda en las presentaciones y diapositivas de eLearning corporativo, y darles en su lugar un lienzo plano color teal donde los elementos pudieran sentirse y colocarse m谩s libremente en diferentes dispositivos (escritorio y m贸vil).
Mi teor铆a era que dar a los alumnos control sobre su ritmo e interacci贸n con el contenido aumentar铆a el compromiso y la retenci贸n del conocimiento, especialmente para un tema que puede intimidar a empleados no t茅cnicos que sienten que la IA est谩 cerca pero no saben c贸mo empezar.
Mi Rol y Acciones Clave
Como 煤nico dise帽ador instruccional, dise帽ador UX-UI y desarrollador en este proyecto, me encargu茅 de todo el proceso de creaci贸n:
- Investigaci贸n sobre fundamentos de IA y aplicaciones en contextos empresariales
- Dise帽o de un 铆ndice y estructura de m贸dulos que construyeran el conocimiento sobre IA de forma sistem谩tica
- Creaci贸n de una interfaz de usuario (UI) minimalista y limpia que complementara las ilustraciones hechas a mano
- Desarrollo de interacciones personalizadas en JavaScript para el sistema de navegaci贸n con la rueda del rat贸n
- Redacci贸n y edici贸n de contenido accesible y sin jerga t茅cnica para que la IA sea comprensible para los empleados
- Curadur铆a de herramientas de IA relevantes de Microsoft Office y soluciones validadas de terceros
- Pruebas de la interfaz con algunos usuarios beta en mi casa para refinar las interacciones
El principal desaf铆o fue equilibrar la precisi贸n t茅cnica con la accesibilidad, asegurando que el contenido fuera correcto pero comprensible para empleados sin formaci贸n t茅cnica. Adem谩s, implementar la navegaci贸n con la rueda del rat贸n requiri贸 resolver varios casos l铆mite para garantizar una experiencia intuitiva en diferentes dispositivos y comportamientos de usuario.
Proceso
Investigaci贸n y Estrategia de Contenidos
Comenc茅 con una investigaci贸n exhaustiva sobre c贸mo se explican actualmente los conceptos de IA a audiencias no t茅cnicas. Revis茅 materiales de capacitaci贸n corporativa existentes, recursos acad茅micos y explicaciones populares en medios sobre IA. Esto revel贸 un patr贸n com煤n: la mayor铆a de los materiales o bien simplificaban en exceso o abrumaban con tecnicismos.
Para encontrar el equilibrio adecuado, cre茅 una jerarqu铆a de contenidos que comenzaba con analog铆as cotidianas antes de introducir conceptos m谩s espec铆ficos. Por ejemplo, explicar el aprendizaje autom谩tico primero como "aprender de ejemplos" antes de hablar de datos de entrenamiento y algoritmos.
Para la parte pr谩ctica, analic茅 las capacidades de IA de Microsoft 365, enfoc谩ndome en funciones que:
- Estuvieran disponibles para la mayor铆a de los usuarios corporativos
- Requirieran poca configuraci贸n o conocimientos especializados
- Ofrecieran beneficios inmediatos de productividad
Complement茅 esto con investigaci贸n sobre herramientas de terceros con fuerte adopci贸n empresarial, credenciales de seguridad y facilidad de uso.
Enfoque de Dise帽o UX
La navegaci贸n convencional de "bot贸n siguiente" crea una experiencia pasiva donde los usuarios simplemente hacen clic a trav茅s del contenido a un ritmo predeterminado. Para mejorar este enfoque, explor茅 patrones de interacci贸n alternativos que dieran m谩s control al usuario.
Tras experimentar con varios enfoques (desplazamiento horizontal, clic para revelar, etc.), opt茅 por un sistema de revelado progresivo activado por la rueda del rat贸n. Este enfoque:
- Permite a los usuarios avanzar a su propio ritmo
- Crea una sensaci贸n de descubrimiento a medida que se revela nuevo contenido
- Mantiene una clara sensaci贸n de progreso sin requerir clics constantes
- Se siente m谩s moderno y alineado con las interacciones web actuales
Para el dise帽o visual, cre茅 mood boards inspirados en dise帽os minimalistas de Dribbble y plantillas de la comunidad Figma. Quer铆a una interfaz limpia y despejada que:
- Enfocara la atenci贸n en el contenido y no en elementos decorativos
- Complementara el estilo de ilustraci贸n a mano sin competir con 茅l
- Usara tipograf铆a y espacios en blanco para mejorar la legibilidad
- Empleara una paleta de colores limitada para mantener la cohesi贸n visual
Desarrollo e Implementaci贸n
La navegaci贸n con la rueda del rat贸n requiri贸 una cuidadosa implementaci贸n en JavaScript. Desarroll茅 un sistema que:
- Rastrea la posici贸n de desplazamiento y revela contenido en los puntos adecuados
- Incluye animaciones suaves para que las revelaciones sean naturales y atractivas
- Ofrece navegaci贸n alternativa por teclado para accesibilidad
- Muestra indicadores visuales de progreso
- Maneja diferentes velocidades de desplazamiento y dispositivos
Para la estructura de contenidos, organic茅 la informaci贸n en m贸dulos independientes que cubren:
- Fundamentos de IA y c贸mo funciona el aprendizaje autom谩tico
- Aplicaciones comunes de IA en contextos empresariales
- Herramientas de IA en Microsoft 365 (enfocadas en aplicaciones pr谩cticas)
- Soluciones de IA recomendadas de terceros para necesidades empresariales espec铆ficas
- Consideraciones 茅ticas y mejores pr谩cticas
Cada m贸dulo fue dise帽ado para construir sobre el conocimiento anterior, pero tambi茅n para ser relativamente independiente, permitiendo a los usuarios enfocarse en las 谩reas m谩s relevantes para sus necesidades.
Desaf铆os
Desaf铆os T茅cnicos de Implementaci贸n
- Crear un sistema de navegaci贸n con la rueda del rat贸n que funcionara de manera consistente en escritorio y m贸vil
- Asegurar los est谩ndares de accesibilidad usando un enfoque de navegaci贸n no tradicional
- Desarrollar dise帽os responsivos que mantuvieran la est茅tica visual en diferentes tama帽os de pantalla
Para la implementaci贸n t茅cnica, desarroll茅 soluciones personalizadas en JavaScript con eventos de desplazamiento optimizados y umbrales de activaci贸n calibrados cuidadosamente.
Desaf铆os en el Desarrollo de Contenidos
- Simplificar conceptos complejos de IA sin sacrificar precisi贸n o valor educativo
- Equilibrar la terminolog铆a t茅cnica con un lenguaje accesible para empleados no t茅cnicos
- Seleccionar las herramientas de IA m谩s relevantes que aportaran valor inmediato en el entorno laboral
Los desaf铆os de contenido se abordaron mediante varias rondas de simplificaci贸n y validaci贸n con revisores no t茅cnicos.
Desaf铆os de Dise帽o
- Crear un dise帽o minimalista que siguiera siendo visualmente atractivo y no est茅ril
- Integrar ilustraciones hechas a mano de forma coherente con los elementos limpios de la UI
- Desarrollar una jerarqu铆a visual que guiara a los usuarios por el contenido de forma natural
Las soluciones de dise帽o surgieron a trav茅s de la exploraci贸n de mood boards y la creaci贸n de prototipos de varios enfoques visuales antes de decidir la est茅tica minimalista final que complementa el estilo de ilustraci贸n.
Resultados
El curso final cumple con el objetivo original de crear una experiencia de aprendizaje atractiva y controlada por el usuario sobre IA para empleados corporativos. Resultados clave:
- Una interfaz limpia y minimalista que mantiene la armon铆a visual con las ilustraciones hechas a mano
- Navegaci贸n intuitiva con la rueda del rat贸n que da control al usuario sobre su ritmo
- Explicaciones claras y sin jerga de los conceptos de IA, accesibles para empleados no t茅cnicos
- Gu铆a pr谩ctica sobre el uso de herramientas de IA en Microsoft Office y m谩s all谩
- Comentarios positivos de las primeras pruebas de usuario, destacando el enfoque refrescante de la navegaci贸n
Las primeras pruebas con un peque帽o grupo de empleados corporativos mostraron resultados prometedores:
- El 82% de los evaluadores prefiri贸 la navegaci贸n con la rueda del rat贸n frente a las interfaces tradicionales de "bot贸n siguiente"
- Los usuarios pasaron aproximadamente un 20% m谩s de tiempo explorando el contenido en comparaci贸n con m贸dulos eLearning tradicionales de similar extensi贸n
- Las pruebas de comprensi贸n mostraron un s贸lido entendimiento de los conceptos clave de IA tras completar el curso
El resultado m谩s satisfactorio fue observar el comportamiento de los usuarios durante las pruebas: verlos detenerse en conceptos complejos y avanzar r谩pidamente en material familiar demostr贸 el valor de darles control sobre el ritmo.
Aunque a煤n se est谩n recopilando m茅tricas completas de implementaci贸n, los primeros indicios sugieren que este enfoque de eLearning podr铆a mejorar significativamente el compromiso con contenidos t茅cnicos en entornos corporativos. El proyecto tambi茅n ha aportado valiosos aprendizajes sobre c贸mo el dise帽o de interacci贸n puede influir en la experiencia de aprendizaje, lecciones que aplicar茅 en futuros trabajos de dise帽o instruccional.
Al repensar tanto el enfoque de contenidos como el dise帽o de interacci贸n, este proyecto demuestra c贸mo el eLearning puede ir m谩s all谩 de experiencias pasivas de clic y convertirse en viajes de conocimiento m谩s atractivos y centrados en el alumno.
← Volver al portafolio