Viva Learning
Viva Learning
UI/ UX, Design research, Design workshops
UI/ UX, Design research, Design workshops
Role:
Role:
Lead designer
Lead designer
Feature crew: 2 Designers, 5 PMs, 7 Engs
This was a complex and evolving project, with the product strategy shifting in response to the global pandemic. As job losses and economic uncertainty underscored the urgent need for updating digital skills, our focus pivoted to employee up-skilling and bridging learning gaps. Our goal was to establish a strong foundation for the Learning app
by seamlessly integrating it into employees’ daily workflows within Teams. I was tasked to design a compelling app aimed at empowering both employees and managers to search/browse, upload, and engage with relevant learning content while providing personalized recommendations within a centralized library. To achieve this, we incorporated Microsoft learning content from LinkedIn Learning and Microsoft Learn while allowing organizations to upload their own training materials and third-party content within Sharepoint. We also worked on supporting a growing number of popular 3rd party LMS integrations. I led the 0-to-1 design for the Learning app in Teams—later named Viva Learning—from initial concept to MVP launch on desktop and web and worked with the IDC team in India for coherence on the mobile experience.
This was a complex and evolving project, with the product strategy shifting in response to the global pandemic. As job losses and economic uncertainty underscored the urgent need for updating digital skills, our focus pivoted to bridging learning gaps and employee up-skilling. Our goal was to establish a strong foundation for the Learning app by seamlessly integrating it into employees’ daily workflows within Teams. I was tasked to design a compelling app aimed at empowering both employees and managers to search/browse, upload, and engage with relevant learning content while providing personalized recommendations within a centralized library. To achieve this, we incorporated Microsoft learning content from LinkedIn Learning and Microsoft Learn while allowing organizations to upload their own training materials and third-party content within Sharepoint. We also worked on supporting a growing number of popular 3rd party LMS integrations. I led the 0-to-1 design for the Learning app in Teams—later named Viva Learning—from initial concept to MVP launch on desktop and web and worked with the team in IDC India for coherence on the mobile experience.
This was a complex and evolving project, with the product strategy shifting in response to the global pandemic. As job losses and economic uncertainty underscored the urgent need for updating digital skills, our focus pivoted to employee up-skilling and bridging learning gaps. Our goal was to establish a strong foundation for the Learning app by seamlessly integrating it into employees’ daily workflows within Teams. I was tasked to design a compelling app aimed at empowering both employees and managers to search/browse, upload, and engage with relevant learning content while providing personalized recommendations within a centralized library. To achieve this, we incorporated Microsoft learning content from LinkedIn Learning and Microsoft Learn while allowing organizations to upload their own training materials and third-party content within Sharepoint. We also worked on supporting a growing number of popular 3rd party LMS integrations. I led the 0-to-1 design for the Learning app in Teams—later named Viva Learning—from initial concept to MVP launch on desktop and web and worked with the IDC team in India for coherence on the mobile experience.
Final designs
Final designs
Home
Home
Home
Details view
Details view
Details view
Early excitement with the Learning app in Teams
Early excitement with the Learning app in Teams
CLO SUMMIT - February 2020
CLO SUMMIT - February 2020
The early concept of Viva Learning was first introduced at a CLO conference in 2020. We demoed two features for the desktop and mobile experience, highlighting how users could add a learning tab to a chat or channel in Teams and add a learning course to a chat with message extensions—seamlessly integrating learning into everyday workflows. This was to gain buy-in and add excitement to a new app that was yet to come into fruition.
The early concept of Viva Learning was first introduced at a CLO conference in 2020. We demoed two features for the desktop and mobile experience, highlighting how users could add a learning tab to a chat or channel in Teams and add a learning course to a chat with message extensions—seamlessly integrating learning into everyday workflows. This was to gain buy-in and add excitement to a new app that was yet to come into fruition.
Learning adapts to a changing world
Learning adapts to a changing world
Learning adapts to a changing world
There was a lot of press that lead into our work
with a focus on helping job seekers in a weakened economy during COVID to find jobs and be able
to upskill or reskill at work.
There was a lot of press that lead into our work with a focus on helping job seekers in a weakened economy during COVID to find jobs and be able to upskill or reskill at work.
There was a lot of press that lead into our work
with a focus on helping job seekers in a weakened economy during COVID to find jobs and be able
to upskill or reskill at work.
Getting started: initial workshops
Getting started: initial workshops
With all the press happening in anticipation for our release, we had to get started immediately. We had a small team that worked like a start-up. Working remotely during the pandemic, we brainstormed scenarios that we wanted to capture for our users roles. These were then prioritized and were rapidly worked on as the GA release happened one year later (a deadline that we had to advocate for).
With all the press happening in anticipation for our release, we had to get started immediately. We had a small team that worked like a start-up. Working remotely during the pandemic, we brainstormed scenarios that we wanted to capture for our users roles. These were then prioritized and were rapidly worked on as the GA release happened one year later (a deadline that we had to advocate for).
Goals
Goals
Make learning a natural part of your every day at work
Make learning a natural part of your every day at work
Foster a culture of learning by enabling people to easily discover, share, and engage with learning integrated in Microsoft Teams.
Foster a culture of learning by enabling people to easily discover, share, and engage with learning integrated in Microsoft Teams.
All your learning content
available in one place
All your learning content available in one place
All your learning content available in one place
Simplify the learning experience by
bringing together world class content
from LinkedIn Learning, 3rd parties,
Microsoft Learn, and your own
company’s content.
Simplify the learning experience by bringing together world class content
from LinkedIn Learning, 3rd parties, Microsoft Learn, and your own company’s content.
Simplify the learning experience by bringing together world class content from LinkedIn Learning, 3rd parties, Microsoft Learn, and your own company’s content.
Drive results that matter
Drive results that matter
Empower your leaders and employees
to curate, recommend and track learning aligned with business outcomes.
Empower your leaders and employees to curate, recommend and track learning aligned with business outcomes.
Empower your leaders and employees to curate, recommend and track learning aligned with business outcomes.
User roles:
The users for this app were focused on FLWs (Front-line workers) and IW (information workers).
Learner
Discovers, shares or assigns learning
content in the flow of work to do the job
effectively and to boost team’s productivity.
Discovers, shares or assigns learning content in the flow of work to do the job effectively
and to boost team’s productivity.
Discovers, shares or assigns learning content in the flow of work to do the job effectively and to boost team’s productivity.
Manager
Shares or assigns learning resources
to increase team effectiveness and productivity.
Shares or assigns learning resources to increase team effectiveness and productivity.
Knowledge manager
Creates, uploads, edits,
curates, and promotes learning
content from all their company’s
learning repositories and tracks completion.
Knowledge admin
Sets up configuration of learning
1P and 3P content within the app.
MVP Scenarios
MVP Scenarios
Social learning
Social learning
Easily share learning content with message extensions in Teams chat or adding a tab to channel with learning content to share with peers or your directs.
Easily share learning content with message extensions in Teams chat or adding a tab to channel
with learning content to share with peers or your directs.
Easily share learning content with message extensions in Teams chat or adding a tab to channel with learning content to share with peers or your directs.
Personal learning
Personal learning
Search and discover relevant learning content and consume at your own pace.
Search and discover relevant learning content and consume at your own pace.
Search and discover relevant learning content and consume at your own pace.
Tools to re-skill/up-skill
by recommendation
and tracking
Tools to re-skill/up-skill by recommendation and tracking
Tools to re-skill/up-skill by recommendation and tracking
Empower your leaders and
employees to curate, recommend
and track learning aligned with
business outcomes.
Empower your leaders and employees to curate, recommend and track learning aligned
with business outcomes.
Empower your leaders and employees to curate, recommend and track learning aligned with business outcomes.
Micro-learning on mobile
Micro-learning on mobile
With the in-the-flow of work scenarios, we also wanted to facilitate sharing on mobile, especially for FLW (Frontline worker) scenarios.
With in the flow of work scenarios, we also wanted to facilitate sharing on mobile, especially
for FLW (Frontline worker) scenarios.
With the in-the-flow of work scenarios, we also wanted to facilitate sharing on mobile, especially for FLW (Frontline worker) scenarios.
Featured content
Featured content
Schedule content to be featured
in a calendar experience.
Schedule content to be featured in a calendar experience.
Schedule content to be featured in a calendar experience.
MVP Release
MVP Release
These are the features that we released for desktop and web: Home dashboard with assignments and ability to search/browse the library of content from Linkedin Learning, Microsoft Learn and 3P content from Pluralsight, Coursera, search by keywords and eventually throughout M365 content, details view with ability to share, bookmark, promoted content, inline Video player, and the admin experience.
These are the features that we released for desktop and web: Home dashboard with assignments and ability to search/browse the library of content from Linkedin Learning, Microsoft Learn and 3P content from Pluralsight, Coursera, search by keywords and eventually throughout M365 content, details view with ability to share, bookmark, promoted content, inline Video player, and the admin experience.
Home
Home
Search
Details view
Details view
Media Player
Media Player
Success Metrics
Success Metrics
Adoption (first month)
Adoption (first month)
25% of targeted employees launch Viva Learning within the first 30 days
25% of targeted employees launch
Viva Learning within the first 30 days
First course started
First course started
30% of activated users start at least
one course
40% of activated users start at least one course
30% of activated users start at least
one course
Manager adoption rate
30% of managers assign at least one course within the first month
30% of managers assign at least one
course within the first month
We're excited about the seamless integration of Viva Learning into the flow of work for our employees. We believe that Viva Learning will enable a culture of learning at NI and enhance the employee experience.
We're excited about the seamless integration of Viva Learning into the flow of work for our employees. We believe that Viva Learning will enable a culture of learning at NI and enhance the employee experience.
- National Instruments Corp.
- National Instruments Corp.
Private preview feedback
Private preview feedback
“Creating a learn-it-all culture in your company”
“Creating a learn-it-all culture in your company”
“App works great! Great customer value! ”
“App works great! Great customer value! ”
“It’s an amazing ‘in the flow of work’ step. We spend all our time in Teams. It’s our virtual classroom platform.”
“It’s an amazing ‘in the flow of work’ step. We spend all our time in Teams. It’s our virtual classroom platform.”
“Love the way this works; I think this can really impact remote learning and make Teams the platform of choice ”
“Love the way this works; I think this can really impact remote learning and make Teams the platform of choice ”
“Tab - So excited about being able to curate learning experiences this way!”
“Tab - So excited about being able to curate learning experiences this way!”
Viva Learning MVP
Viva Learning MVP
Outcome
Outcome
Viva Learning is used as the integrated platform where managers can assign and track company-wide required trainings at Microsoft.
Since it’s MVP launch in 2021, Viva Learning steadily gained it's popularity in the foundational four (Learning, Insights, Topics, Connections) Viva Suite.
By November 2024, Viva Learning had 10 million MAU for their desktop and mobile experience. This results in $600 million/year for premium licenses.
Viva Learning is used as the integrated platform where managers can assign and track company-wide required trainings at Microsoft.
Since it’s MVP launch in 2021, Viva Learning was the second most popular app amongst the foundational four (Learning, Insights, Topics, Connections). By November 2024, Viva Learning had 10 million MAU for their desktop and mobile experience. This results in $600 million/year for premium licenses.