UI/ UX, Design research, Design workshops
UI/ UX, Design research, Design workshops
Role: Lead Designer
Role: Lead Designer
Feature crew: 1 Designer, 2 PMs, 2 Engs
Feature crew: 1 Designer, 2 PMs, 2 Engs
MVP Design
MVP Design
MVP Design
Existing experience
Existing experience
Existing experience
Opportunity
Create a single Viva destination
in the MAC
Create a single Viva destination
in the MAC
Create a single
Viva destination
in the MAC
Focuses on the immediate needs of IT admins to assign, manage licenses, manage RBAC to app operators, and initiate configuration for the Viva apps
Focuses on the immediate needs of IT admins to assign, manage licenses, manage RBAC to app operators, and initiate configuration for the
Viva apps
Unify the suite through
horizontal shared capabilities.
Unify the suite through
horizontal shared capabilities.
Unify the suite
through
horizontal
shared capabilities.
Identify common workflows across Viva products to create a scalable platform that simplifies deployment, management, and governance.
Identify common workflows across Viva products to create
a scalable platform that simplifies deployment, management, and governance.
Develop common look
and feel
Develop common look
and feel
Develop common
look and feel
Establish consistent patterns and visual language that create a cohesive and recognizable Viva experience.
Establish consistent patterns and visual language that create a cohesive and recognizable Viva experience.
User roles
IT Admin
• Highly technical and has the highest level of permissions
• Configures and maintain someone’s enterprise software
• Responsible for safe use of products at work (compliance, service, security)
• Highly technical and has the highest level
of permissions
• Configures and maintain someone’s enterprise software
• Responsible for safe use of products at work (compliance, service, security)
• Highly technical and has the highest level of permissions
• Configures and maintain someone’s enterprise software
• Responsible for safe use of products at work (compliance,
service, security)
Operator
• Has some level of technical experience
• Responsible for app configuration and ongoing management of an app
• Typically an HR specialist, Learning manager, in Corp Comms or someone in employee experience
• Has some level of technical experience
• Responsible for app configuration and ongoing management
of an app
• Typically an HR specialist, Learning manager, in Corp Comms or someone in employee experience
• Has some level of technical experience
• Responsible for app configuration and ongoing management of an app
• Typically an HR specialist, Learning manager, in Corp Comms or someone in employee experience
Product Goals
Drive engagement and build
value across the suite
Drive engagement and build
value across the suite
Drive engagement
and build value
across the suite
Enable IT admins to discover, deploy, and manage multiple Viva products from a single destination, driving cross-suite adoption, reducing time-to-value, and lowering operational costs.
Provide common framework
for a guided setup and
configuration experience
Provide common framework
for a guided setup and
configuration experience
Provide common
framework for a
guided setup and
configuration
experience
Provides consistent and user-friendly guided setup and configuration experience for Viva apps optimized for IT Admins
Seamless and automated
handoffs
Seamless and automated
handoffs
Seamless and
automated
handoffs
Ensures seamless and automated hand-off between IT Admins and app operators, where necessary
Decrease time to value
Decrease time
to value
Get Viva into the hands of end-users as quickly as possible by reducing friction and pain points in the setup and deployment of Viva
Get Viva into the hands of end-users as quickly as possible by reducing friction and pain points
in the setup and deployment of Viva
Meet users where they are
Meet users where
they are
There may be times where we need similar experiences to surface in different places for different modules. We only want to write code once, instead of required
a fresh start for each surface.
There may be times where we need similar experiences to surface in different places for different modules. We only want to write code once, instead of required a fresh start for each surface.
Build once and have ability
to surface multiple
Build once and have
ability to surface
multiple
Make thoughtful decisions about where we leverage existing solutions and where new solutions are required.
Make thoughtful decisions about where we leverage existing solutions and where new solutions are required.
IT Admin Journey Map
IT Admin Journey Map
IT Admin Journey Map
Flash Feedback MVP Designs
These were the designs that I put through Flash Feedback. Since I was creating new interactions patterns and pushing early Viva brand identity in an old admin framework, I wanted to better understand any friction points from IT Admins who already used the MAC (Microsoft Admin Center) daily.
These were the designs that I put through Flash Feedback. Since I was creating new interactions patterns and pushing early Viva brand identity in an old admin framework, I wanted to better understand any friction points from IT Admins who already used the MAC (Microsoft Admin Center) daily.
Viva Suite Landing Page
Viva Learning Landing Page
Key takeaways from Flash Feedback
Viva Suite Landing Page
• Participants found that aggregating all of the apps together on one page was really helpful.
• Participants found that aggregating all of the apps together on one page was really helpful.
• Some commented it was so similar to the MAC that there wasn’t any confusion on the next steps.
• Some commented it was so similar to the MAC that there wasn’t any confusion on the next steps.
• They knew that the Viva suite landing page was the entry point to managing any of the apps.
• They knew that the Viva suite landing page was the entry point to managing any of the apps.
• Most of the participants are familiar with the term “Enabled.” They could distinguish the difference between “Enabled’ and “Status.”
• Most of the participants are familiar with the term “Enabled.” They could distinguish the difference between “Enabled’ and “Status.”
• The language “plan type” made sense because of their previous knowledge from working in the MAC with other Microsoft products.
• The language “plan type” made sense because of their previous knowledge from working in the MAC with other Microsoft products.
Viva Learning Landing Page
• Participants felt that having the configuration steps listed was intuitive and made sense.
• Participants felt that having the configuration steps listed was intuitive and made sense.
• Having a status column in the table allowed for the participants to distinguish what was completed.
• Having a status column in the table allowed for the participants to distinguish what was completed.
• Having a status column in the table allowed
for
the participants to distinguish what was completed.
• They liked the visual confirmation because it assist them in moving forward to getting the app set up.
• They liked the visual confirmation because it assist them in moving forward to getting the app set up.
• Many would use the resource tab because they need a step by step guide to understand the functionalities of an app.
• Many would use the resource tab because they need a step by step guide to understand the functionalities of an app.
• Surfacing Microsoft docs information while in MAC is time effective without having to disrupt the flow of work.
• Surfacing Microsoft docs information while in MAC is time effective without having to disrupt the flow of work.
Outcome (6 months after product went live)
Outcome - 6 months after product
went live
Customer impact
• Setup completion rates increased 22% after introducing guided workflows.
• Setup completion rates increased 22% after introducing guided workflows.
• Reduced setup-related support requests by 18%.
• Reduced setup-related support requests by 18%.
Business impact
• Discovery of additional Viva products increased by 31%, helping drive cross-suite adoption.
• Discovery of additional Viva products increased by 31%, helping drive cross-suite adoption.
• Multi-product deployments increased 14% among participating tenants.
• Multi-product deployments increased 14% among participating tenants.
Operator Design - Future
Operator Design - Future
Operator Design - Future