MongoDB Design Sprint
MongoDB Design Sprint
MongoDB Design Sprint
Unlocking Developer Potential with A.I. Powered Tools and Intuitive Education
Unlocking Developer Potential with A.I. Powered Tools and Intuitive Education
Unlocking Developer Potential with A.I. Powered Tools and Intuitive Education
Problem
Research
Persona
User Stories
Task Flow
Sketches
Iterations
Final Prototype
Problem Space
Problem Space
Problem Space
MongoDB Atlas offers training resources through the Developer Center, Documentation, Community, and University. Despite this, users often turn to secondary resources like GitHub and ChatGPT, highlighting opportunities for enhancement.
We competed against 3 teams to to create a 24-hour solution for users to master MongoDB products faster, leveraging both MongoDB's and secondary resources.
MongoDB Atlas offers training resources through the Developer Center, Documentation, Community, and University. Despite this, users often turn to secondary resources like GitHub and ChatGPT, highlighting opportunities for enhancement.
We competed against 3 teams to to create a 24-hour solution for users to master MongoDB products faster, leveraging both MongoDB's and secondary resources.
MongoDB Atlas offers training resources through the Developer Center, Documentation, Community, and University. Despite this, users often turn to secondary resources like GitHub and ChatGPT, highlighting opportunities for enhancement.
We competed against 3 teams to to create a 24-hour solution for users to master MongoDB products faster, leveraging both MongoDB's and secondary resources.
Problem Space
MongoDB Atlas offers training resources through the Developer Center, Documentation, Community, and University. Despite this, users often turn to secondary resources like GitHub and ChatGPT, highlighting opportunities for enhancement.
We competed against 3 teams to to create a 24-hour solution for users to master MongoDB products faster, leveraging both MongoDB's and secondary resources.
Design Sprint Framework
Design Sprint Framework
Problem Statement
Problem Statement
Problem Statement
Problem Statement
Users struggle to navigate MongoDB’s education resources and often resort to third parties (e.g., GitHub, ChatGPT) which may be unreliable and is inconvenient.
Users struggle to navigate MongoDB’s education resources and often resort to third parties (e.g., GitHub, ChatGPT) which may be unreliable and is inconvenient.
Users struggle to navigate MongoDB’s education resources and often resort to third parties (e.g., GitHub, ChatGPT) which may be unreliable and is inconvenient.
How Might We
How Might We
How Might We
How Might We
Empower developers of all levels by reimagining MongoDB resources as a powerfully simple place to start creating, transforming, and disrupting industries?
Empower developers of all levels by reimagining MongoDB resources as a powerfully simple place to start creating, transforming, and disrupting industries?
Empower developers of all levels by reimagining MongoDB resources as a powerfully simple place to start creating, transforming, and disrupting industries?
Empower developers of all levels by reimagining MongoDB resources as a powerfully simple place to start creating, transforming, and disrupting industries?
Judging Criteria
Judging Criteria
Judging Criteria
Judging Criteria
Innovation
Technical Execution
Presentation
Pitch
Fit to Challenge
Group Collaboration
Innovation
Technical Execution
Presentation
Pitch
Fit to Challenge
Group Collaboration
Innovation
Technical Execution
Presentation
Pitch
Fit to Challenge
Group Collaboration
Step 1: Empathize
Step 1: Empathize
Step 1: Empathize
Getting Started with the Team
Getting Started with the Team
Getting Started with the Team
Our team of designers faced a challenge while designing for developers, with some members unfamiliar with MongoDB. After aligning our understanding of the platform, we set goals and a timeline.
UX Goals and Deliverables:
Conduct a competitive analysis to assess MongoDB's strengths and weaknesses
Conduct user interviews, build an affinity map, and define user stories
Analyze data trends to pinpoint our target users
Develop a Proto-Persona
Conduct heuristic evaluations to identify design opportunities
Ideate, brainstorm, sketch ideas
Create a high-fi prototype and export assets (icons, etc.) for engineers
Our team of designers faced a challenge while designing for developers, with some members unfamiliar with MongoDB. After aligning our understanding of the platform, we set goals and a timeline.
UX Goals and Deliverables:
Conduct a competitive analysis to assess MongoDB's strengths and weaknesses
Conduct user interviews, build an affinity map, and define user stories
Analyze data trends to pinpoint our target users
Develop a Proto-Persona
Conduct heuristic evaluations to identify design opportunities
Ideate, brainstorm, sketch ideas
Create a high-fi prototype and export assets (icons, etc.) for engineers
Our team of designers faced a challenge while designing for developers, with some members unfamiliar with MongoDB. After aligning our understanding of the platform, we set goals and a timeline.
UX Goals and Deliverables:
Conduct a competitive analysis to assess MongoDB's strengths and weaknesses
Conduct user interviews, build an affinity map, and define user stories
Analyze data trends to pinpoint our target users
Develop a Proto-Persona
Conduct heuristic evaluations to identify design opportunities
Ideate, brainstorm, sketch ideas
Create a high-fi prototype and export assets (icons, etc.) for engineers
Our team of designers faced a challenge while designing for developers, with some members unfamiliar with MongoDB. After aligning our understanding of the platform, we set goals and a timeline.
UX Goals and Deliverables:
Conduct a competitive analysis to assess MongoDB's strengths and weaknesses
Conduct user interviews, build an affinity map, and define user stories
Analyze data trends to pinpoint our target users
Develop a Proto-Persona
Conduct heuristic evaluations to identify design opportunities
Ideate, brainstorm, sketch ideas
Create a high-fi prototype and export assets (icons, etc.) for engineers
Early Insights from Developers
Early Insights from Developers
Early Insights from Developers
Target User | Data Analysis
Target User | Data Analysis
Target User | Data Analysis
Target User | Data Analysis
With Data Scientist Vivas leading the way, our analysis identified a key user group:
Young Professional Developers Aged 18-34.
In 2024, 67.7% of respondents that want to work with MongoDB fell within this age bracket, and notably, 46.8% of them are active users of Chat GPT
With Data Scientist Vivas leading the way, our analysis identified a key user group:
Young Professional Developers Aged 18-34.
In 2024, 67.7% of respondents that want to work with MongoDB fell within this age bracket, and notably, 46.8% of them are active users of Chat GPT
With Data Scientist Vivas leading the way, our analysis identified a key user group:
Young Professional Developers Aged 18-34.
In 2024, 67.7% of respondents that want to work with MongoDB fell within this age bracket, and notably, 46.8% of them are active users of Chat GPT
With Data Scientist Vivas leading the way, our analysis identified a key user group:
Young Professional Developers Aged 18-34.
In 2024, 67.7% of respondents that want to work with MongoDB fell within this age bracket, and notably, 46.8% of them are active users of Chat GPT
Respondents Aged 18-34
67.7%
Active Users of Chat GPT in 2024
46.8%
Vivas also pulled data from Stack Overflow and discovered that MongoDB ranks as the second most popular platform for learning to code in 2024.
Vivas also pulled data from Stack Overflow and discovered that MongoDB ranks as the second most popular platform for learning to code in 2024.
Vivas also pulled data from Stack Overflow and discovered that MongoDB ranks as the second most popular platform for learning to code in 2024.
Vivas also pulled data from Stack Overflow and discovered that MongoDB ranks as the second most popular platform for learning to code in 2024.
MongoDB Usage for Learning to Code
28.6%
Total Mongo Users Among Respondents
25.5%
User Interviews | x2
User Interviews | x2
User Interviews | x2
We conducted heuristic evaluations of the process to get started and interviewed 2 new MongoDB users to identify opportunities and pain points. We also spoke to an experienced professional familiar with MySQL, MongoDB and Oracle to gain a broader perspective.
We conducted heuristic evaluations of the process to get started and interviewed 2 new MongoDB users to identify opportunities and pain points. We also spoke to an experienced professional familiar with MySQL, MongoDB and Oracle to gain a broader perspective.
We conducted heuristic evaluations of the process to get started and interviewed 2 new MongoDB users to identify opportunities and pain points. We also spoke to an experienced professional familiar with MySQL, MongoDB and Oracle to gain a broader perspective.
We conducted heuristic evaluations of the process to get started and interviewed 2 new MongoDB users to identify opportunities and pain points. We also spoke to an experienced professional familiar with MySQL, MongoDB and Oracle to gain a broader perspective.
“I got what I wanted quicker using Chat GPT.”
“I got what I wanted quicker using Chat GPT.”
“I got what I wanted quicker using Chat GPT.”
“I got what I wanted quicker using Chat GPT.”
“The process to get started was not as intuitive and straight-forward.”
“The process to get started was not as intuitive and straight-forward.”
“The process to get started was not as intuitive and straight-forward.”
“The process to get started was not as intuitive and straight-forward.”
Opportunity Ideas:
No new user tutorial/guide
Difficulty finding setup code
Lack of access to education tools
Early use of A.I. (within 5 min)
Attractive design vs. competitors
Opportunity Ideas:
No new user tutorial/guide
Difficulty finding setup code
Lack of access to education tools
Early use of A.I. (within 5 min)
Attractive design vs. competitors
Opportunity Ideas:
No new user tutorial/guide
Difficulty finding setup code
Lack of access to education tools
Early use of A.I. (within 5 min)
Attractive design vs. competitors
Opportunity Ideas:
No new user tutorial/guide
Difficulty finding setup code
Lack of access to education tools
Early use of A.I. (within 5 min)
Attractive design vs. competitors
Based on insights from our data analysis and user research, we reframed the question...
Based on insights from our data analysis and user research, we reframed the question...
Based on insights from our data analysis and user research, we reframed the question...
Based on insights from our data analysis and user research, we reframed the question...
How might we reimagine MongoDB’s education resources to empower developers of all levels to make it a more appealing database choice?
How might we reimagine MongoDB’s education resources to empower developers of all levels to make it a more appealing database choice?
How might we reimagine MongoDB’s education resources to empower developers of all levels to make it a more appealing database choice?
How might we reimagine MongoDB’s education resources to empower developers of all levels to make it a more appealing database choice?
Step 2: Define
Step 2: Define
Persona
Persona
Persona
Persona
Based on our primary research, we created a young developer’s persona, Manny Cooper. His needs and challenges were to crucial to guide our design and development process.
Based on our primary research, we created a young developer’s persona, Manny Cooper. His needs and challenges were to crucial to guide our design and development process.
Based on our primary research, we created a young developer’s persona, Manny Cooper. His needs and challenges were to crucial to guide our design and development process.
Based on our primary research, we created a young developer’s persona, Manny Cooper. His needs and challenges were to crucial to guide our design and development process.
Final Concept
Final Concept
Final Concept
To unlock developer potential at all levels, we explored the problem from multiple angles and devised a collaborative solution.
#1 Build a MongoDB In-House A.I. ChatBot
Present an edge-case
#2 Improve Intuitiveness of the Get Started Process
Add more options and enhance the usability of the nav bar
Streamline coding set-up
Improve navigation and access to education tools
#3 Embrace MongoDB’s Strength of Good Design
Create pop-ups to break up the walls of text
Add celebratory elements to make the process more engaging
To unlock developer potential at all levels, we explored the problem from multiple angles and devised a collaborative solution.
#1 Build a MongoDB In-House A.I. ChatBot
Present an edge-case
#2 Improve Intuitiveness of the Get Started Process
Add more options and enhance the usability of the nav bar
Streamline coding set-up
Improve navigation and access to education tools
#3 Embrace MongoDB’s Strength of Good Design
Create pop-ups to break up the walls of text
Add celebratory elements to make the process more engaging
To unlock developer potential at all levels, we explored the problem from multiple angles and devised a collaborative solution.
#1 Build a MongoDB In-House A.I. ChatBot
Present an edge-case
#2 Improve Intuitiveness of the Get Started Process
Add more options and enhance the usability of the nav bar
Streamline coding set-up
Improve navigation and access to education tools
#3 Embrace MongoDB’s Strength of Good Design
Create pop-ups to break up the walls of text
Add celebratory elements to make the process more engaging
To unlock developer potential at all levels, we explored the problem from multiple angles and devised a collaborative solution.
#1 Build a MongoDB In-House A.I. ChatBot
Present an edge-case
#2 Improve Intuitiveness of the Get Started Process
Add more options and enhance the usability of the nav bar
Streamline coding set-up
Improve navigation and access to education tools
#3 Embrace MongoDB’s Strength of Good Design
Create pop-ups to break up the walls of text
Add celebratory elements to make the process more engaging
In-House A.I. Chatbot to help users navigate
UX tweaks, infrastructure/tool improvements
Celebratory elements to enhance customer delight
Step 3: Ideate
Step 3: Ideate
Task Flow
Task Flow
Task Flow
We quickly distributed tasks within the team, scheduled a 2-hour check-in with the PM, and stayed in close contact with our developers.
We quickly distributed tasks within the team, scheduled a 2-hour check-in with the PM, and stayed in close contact with our developers.
We quickly distributed tasks within the team, scheduled a 2-hour check-in with the PM, and stayed in close contact with our developers.
Sketches
Sketches
I was responsible for reworking the first screen new developers land on, addressing user onboarding and form clarity issues identified during testing, while also exploring UI inspiration and pop-up concepts.
I was responsible for reworking the first screen new developers land on, addressing user onboarding and form clarity issues identified during testing, while also exploring UI inspiration and pop-up concepts.
I was responsible for reworking the first screen new developers land on, addressing user onboarding and form clarity issues identified during testing, while also exploring UI inspiration and pop-up concepts.
Step 4: Prototype
Step 4: Prototype
Design Iterations
Design Iterations
Design Iterations
Here are process examples with highlighted areas for enhanced user experience. Due to time constraints, we used screenshots instead of recreating the base!
Here are process examples with highlighted areas for enhanced user experience. Due to time constraints, we used screenshots instead of recreating the base!
Here are process examples with highlighted areas for enhanced user experience. Due to time constraints, we used screenshots instead of recreating the base!
Before | Pop-Up
Users didn’t read this text, so we made it shorter and attention-grabbing with color
Created a launch screen animation to welcome and excite the user
Created a launch screen animation to welcome and excite the user
Simplified text, improved spacing for quicker readability
After | Pop-Up
Seamlessly connect to your deployments. Manage access rules in Database Access and Network Access.
Hide Quickstart in navigation. Visit Project Settings to access in the future.
Go to Overview
Congrats on setting up access rules!
Before | Form
Users missed reading the steps because of the small size and light color background of the circle
Created a launch screen animation to welcome and excite the user
To better match between system and the real world, we reworked the layout of these buttons
Created a launch screen animation to welcome and excite the user
Users skipped reading the text, so we cut down the copy and highlighted what was important
Created a launch screen animation to welcome and excite the user
After | Form
Before | Resources Center
Improved the setup by adding quick language shortcuts, eliminating the need for separate links or Chat GPT
Created a launch screen animation to welcome and excite the user
Adding in education tool buttons to encourage developers to engage with Mongo’s services
Created a launch screen animation to welcome and excite the user
After | Resources Center
Quick connect commands:
npm init
Initialize your Node app
npm i my-Mongo
Install my-Mongo
my-Mongo
Create and get boilerplate
Resources
Jump to a Quickstart in the language of your choice.
Before | Navigation Bar
Unclear home button that is missing hierachy
Created a launch screen animation to welcome and excite the user
Missing drop-down option for user-control
Created a launch screen animation to welcome and excite the user
Does not include access to education tools easily
Created a launch screen animation to welcome and excite the user
Doesn’t support the user to get started quickly
Created a launch screen animation to welcome and excite the user
After | Navigation Bar
OVERVIEW
RESOURCES
DEPLOYMENT
SERVICES
EDUCATION
PHP
Node
Python
Ruby
Java
C#
Go
Documents
Community
University
Developer Center
Final Prototype
After trouble-shooting, problem-solving, and discussing, we finally finished our prototype with 30 minutes left on the clock.
Guess what? We won the competition!
Final Prototype
After trouble-shooting, problem-solving, and discussing, we finally finished our prototype with 30 minutes left on the clock.
Guess what? We won the competition!
Guess what? We won the competition!
Reflection
Reflection
Efficiency and Communication are Key
We successfully tackled cross-functional challenges through open communication, questions, and regular check-ins. We held each other accountable!
Time Blocking
Towards the end of the design sprint, we all found ourselves rushing, scrambling, and tensions were high; however, thanks to out PM’s leadership we were able to stay on track.
Next Steps
Conduct Usability Tests
Given the time constraints, we were unable to conduct usability tests with our target user. Our judges provided us with our first round of feedback.
Text Classification (NLP) for ChatBot
Data Scientist Vivas suggested enhancing text classification techniques to better understand user questions, enabling more effective responses and an improved user experience
ChatGPT Pair Programming
The next step for the ChatBot could be helping developers work together with AI on coding tasks so they can troubleshoot on the spot and improve efficiency.
Prev.
FlySmart Travel App
Prev.
FlySmart Travel App
Next
About
Next
About
Reflection
Reflection
Reflection
Efficiency and Communication are Key
Efficiency and Communication are Key
Efficiency and Communication are Key
We successfully tackled cross-functional challenges through open communication, questions, and regular check-ins. We held each other accountable!
We successfully tackled cross-functional challenges through open communication, questions, and regular check-ins. We held each other accountable!
We successfully tackled cross-functional challenges through open communication, questions, and regular check-ins. We held each other accountable!
Time Blocking
Time Blocking
Time Blocking
Towards the end of the design sprint, we all found ourselves rushing, scrambling, and tensions were high; however, thanks to out PM’s leadership we were able to stay on track.
Towards the end of the design sprint, we all found ourselves rushing, scrambling, and tensions were high; however, thanks to out PM’s leadership we were able to stay on track.
Towards the end of the design sprint, we all found ourselves rushing, scrambling, and tensions were high; however, thanks to out PM’s leadership we were able to stay on track.
Next Steps
Next Steps
Next Steps
Conduct Usability Tests
Conduct Usability Tests
Conduct Usability Tests
Given the time constraints, we were unable to conduct usability tests with our target user. Our judges provided us with our first round of feedback.
Given the time constraints, we were unable to conduct usability tests with our target user. Our judges provided us with our first round of feedback.
Given the time constraints, we were unable to conduct usability tests with our target user. Our judges provided us with our first round of feedback.
Text Classification (NLP) for ChatBot
Text Classification (NLP) for ChatBot
Text Classification (NLP) for ChatBot
Data Scientist Vivas suggested enhancing text classification techniques to better understand user questions, enabling more effective responses and an improved user experience
Data Scientist Vivas suggested enhancing text classification techniques to better understand user questions, enabling more effective responses and an improved user experience
Data Scientist Vivas suggested enhancing text classification techniques to better understand user questions, enabling more effective responses and an improved user experience
ChatGPT Pair Programming
ChatGPT Pair Programming
ChatGPT Pair Programming
The next step for the ChatBot could be helping developers work together with AI on coding tasks so they can troubleshoot on the spot and improve efficiency.
The next step for the ChatBot could be helping developers work together with AI on coding tasks so they can troubleshoot on the spot and improve efficiency.
The next step for the ChatBot could be helping developers work together with AI on coding tasks so they can troubleshoot on the spot and improve efficiency.
Prev.
FlySmart Travel App
Prev.
FlySmart Travel App
Prev.
FlySmart Travel App
Next
About
Next
About
Next
About