← Work / 01

Designing a learning community for Microsoft Learn

UX designUX researchCommunityAI features
With

Microsoft Learn

Date

Dec 2023 – Jun 2024

Microsoft Learn

Learning Journey Challenge

Supercharge your skills in a learning sprint with focused learning and learning journey posts.

Join Challenge
Learners at their laptops, framed in the banner's rounded tiles

Overview

In a partnership with Microsoft, I designed and developed a learning community for Microsoft Learn, where people build technical skills together. We focused on onboarding, community engagement, and a simpler interface for interacting with others.

Microsoft Learn is a self-guided platform where developers, IT professionals and students learn through hands-on paths and modules, and grow their careers with Microsoft technologies.

Problem

The experience didn't encourage community engagement. People found it hard to navigate, especially the community features.

Goal

Improve the community page, raise engagement and smooth onboarding, with clearer sorting for discussions and a rewards system for motivation.

Design question

"How might we enhance community engagement on Microsoft Learn and motivate users to interact and contribute?"

Solution

The final design adds an onboarding flow, a better sorting system for the community page, improved viewing and posting of comments, and a rewards page, so sharing knowledge feels easy and worth it.

Community page with sorting, rewards and onboarding called out
Community page
  1. 1
    Sorting system

    Organise discussions so people find what they need quickly.

  2. 2
    Rewards

    Earn points for posts and milestones, then redeem free courses, certification discounts, or a mentorship session with a Microsoft professional.

  3. 3
    Onboarding

    A guided introduction so new members feel confident and join in early.

Posting page with reactions, writing assistant and instant feedback called out
Posting page
  1. 4
    Emoji reactions

    A quick way to respond that gives writers a sense of achievement and a reason to post again.

  2. 5
    Writing assistant

    Built-in AI fixes grammar and spelling, adjusts tone and offers prompts, so posts are clearer and writers more confident.

  3. 6
    Instant feedback

    AI feedback on each post with personalised learning tips. Easy to switch on or off.

Impact

Testing the redesign with 12 users showed a clear jump in engagement and ease of use.

User satisfaction
Before · 33% (4 of 12)
After · 67% (8 of 12)
Say rewards motivate their learning
75% (9 of 12)

"I find the rewards feature appealing. Mentorship from professionals and certificates to showcase on LinkedIn will really support my career and learning goals."Participant R

What it brings

A more engaged community

Collective knowledge that benefits everyone.

Structured learning paths

Learning feels more manageable and rewarding.

Instant feedback

Deeper understanding and better retention.

Research

I looked at the challenges early-career developers face on Microsoft Learn, mixing qualitative and quantitative methods to understand their needs and motivations.

27papers and videosLiterature review of the problem space
4communitiesNetnography of how developers interact online
12participantsIn-depth interviews on motivations and pain points

Who we designed for

People in computer science and software development: students, early-career developers and career changers.

What they need
  • Talk with other programmers
  • Gain coding knowledge
  • Discover career interests
What gets in the way
  • No access to mentors
  • Hard to find information
  • Unsure which skills they need

What we found

  1. Not enough guidance

    Without instructions, first-time users felt lost, which led to a high drop-off rate.

  2. Fear of judgment

    Many held back from discussions, worried about negative feedback or not knowing enough.

  3. AI as a learning tool

    Participants used ChatGPT, Copilot and Claude alongside their learning for quick problem-solving and debugging.

  4. Career goals drive motivation

    Badges and leaderboards didn't move engagement unless they came with proof of certification.

Ideation

I focused on ideas that raise engagement and reduce the fear of judgment. Crazy 8s produced a wide range; two concepts stood out: a Posting Challenge and Message in a Bottle.

Crazy 8s sketches spread on a table

Crazy 8s: eight ideas in eight minutes, then voting on which to prototype.

Concept testing

I built lo-fi prototypes of both and tested them with 7 users.

Idea 1
Posting Challenge. Daily learning tasks over 30 days, tailored to skill level, with badges and certificates for finishing.
Idea 2
Message in a Bottle. Anonymous questions sent out at random for feedback, so people can ask for help without fear of judgment.
Posting Challenge · 4Message in a Bottle · 3

4 of 7 preferred the structured, gamified Posting Challenge; 3 liked the anonymity of Message in a Bottle.

Why the Posting Challenge

It builds confidence and steady participation, moving people from watching to contributing. Rewards make it fun, peer feedback keeps it positive, and the community fills with more varied content.

User flow

The flow below shows how a learner moves through the challenge, from joining to earning rewards.

User flow diagram for the Posting Challenge

Click the diagram to see it full size.

Challenges to design around

  1. 01
    Microsoft Learn is complicated. Deep, dense navigation makes it hard to find the community at all.
  2. 02
    Habits are hard to form. People start strong, then drift away.
  3. 03
    Creating takes effort. Most members only read; few contribute, because writing a post takes time.

Iteration

I prototyped the blogging platform around three features, each meant to raise engagement and satisfaction.

01

Onboarding

  • Interactive walkthroughs of courses and community features
  • Personalised learning paths based on interests and goals
  • Progress tracking that shows how far onboarding has come
02

Built-in AI

  • ChallengerAI gives instant feedback on posts and suggests improvements
  • Writing assistance for grammar, tone and prompts
  • Recommendations for courses based on what people read and write
03

Rewards

  • Points for publishing posts and finishing courses
  • Mentorship and certificates to unlock, which help careers
  • A progress bar that keeps the sense of accomplishment visible

Final screens

The community feed leads; the six screens under it follow one learner from signing up to redeeming a reward. Click any screen to see it full size.

Community feed with sorting and the challenge sidebar
01Community feed with sorting and the challenge sidebar
Profile with check-in calendar and points
02Profile with check-in calendar and points
Daily check-in that earns points
03Daily check-in that earns points
Reward redeemed: a mentorship session
04Reward redeemed: a mentorship session
New post with the writing assistant open
05New post with the writing assistant open
Composing a post
06Composing a post
Post page with reactions and AI feedback
07Post page with reactions and AI feedback

Design system

I followed Microsoft's Fluent Design System for navigation and consistency, and extended it where Fluent didn't have the components we needed, keeping everything in line with the brand.

Components built on top of Fluent: colours, type, buttons and cards

Takeaway

Designing for a learning platform this large taught me a lot about its complexity.

  1. 01
    User-centred design. Every decision came from research and feedback, so the solution addressed real pain points.
  2. 02
    Iteration matters. Regular testing let us refine the design until it met user needs.
  3. 03
    Work across teams. Partnering with cross-functional teams kept our goals aligned with Microsoft Learn's and made integration smooth.
← All work
Open case