AI-powered learning
AI-Powered Learning Journeys: Guiding Early-Career Programmers Through Microsoft Communities
COMPANY
Microsoft (Sponsoner)
ROLE
Product Designer
Researcher
Video Editor
Team
2 Product Designer
2 Researcher
1 Product Manager
YEAR
Jan - May 2024 (5 months)
About Our Client
Microsoft Learn is an online platform where people can learn about Microsoft tools and technologies. It offers courses and certifications to help users grow their skills and careers.
Problem Statement
Microsoft Learn needs more than just courses; it lacks a strong community where users can connect, share, and learn together. Engaging young Gen Z users, especially enter level developers is a challenge they face.
Our Goal
We want to transform Microsoft Learn into a vibrant, engaging community platform that fosters a supportive, growth-oriented environment for users, especially early career developers.
Final Solution
Learning Journey On-boarding
Quick registration personalizes learning paths for early career developers, focusing on community-driven skill development and mentorship.
Interactive Post Engagement
Enhances engagement with developer-friendly tools and AI-powered commenting, making posts informative, polished, and visually appealing.
AI-Assisted Content Creation
An AI Writing Assistant helps users overcome writer's block, offering prompts and ensuring posts are professional and error-free.
Daily Check-Ins & Rewards
A reward system encourages consistent learning, offering points and mentorship opportunities for active participation in learning challenges.
Impact
Complete Tasks
With 12 participants, 80% said they would like to use the new feature of learning challenges in the future.
Design systems
New feature increased user time to stay by 20%, from 20 minutes to 28 minutes, compared to the time users spent on the original page.
Research
We understand our client's need, how about our target user groups?
Our client wanted us to focus more on developers in the college student community. So how do they perceive the existing popular developer community? and how do they think about the current functions of Microsoft Learn? For this reason we asked three research questions:
Research methodologies we used
What we found?
Lurking is typical among early-career developers
Gamification boosts participation when aligned with user goals
Engagement varies with participants' learning goals and preferences
Developer community interactions are driven by core values & goals
Supportive interactions boost engagement in developer communities
AI is the new trend for learning programming and solving problems
User Group Segments
Based on our research, we've delineated two primary user groups: "Interest Explorers," consisting of students seeking career opportunities and skill enhancement, and "Impact Builders," representing experienced professionals aiming for career progression. While we cater to both groups, our primary focus is on supporting students due to their greater need for guidance and skill development.
Ideation
For our design process, we brainstormed the problem statement to prioritize which issues we could address using affinity diagram. We then used the Crazy 8's exercise to generate ideas for solving our users' pain points.
Concept Testing
Decision
We decided to adopt the concept of a "30-day challenge". Users preferred the goal-oriented nature of the challenge and the corresponding rewards offered in the end, as opposed to the exploratory nature of the drift bottle. Second, they felt that this interaction would give them more opportunities to learn and communicate.
Prototype & Testing
User Flow
Mid fidelity pages
After we had defined the user flow and the specific information architecture and site map, due to time constraints, I started to create a medium fidelity prototype in order to quickly put it into the first round of user testing.
User testing & Iteration
Based on these 4 sessions of usability testing we iterated on the prototypes by prioritizing based on users concerts and these were the results:
Final Design
Design System
For the design guideline, we primarily used the existing Microsoft Design System, Microsoft Fluent 2 Web. We followed this design system (typography, colors, spacing, grids and components), and created a few additional AI components to address the missing pieces that our features required.
