Context
Context
Context behind the project
Context behind the project
Context behind the project
The “Duo Mobile app Re-design project” aimed to enhance the user experience by simplifying and diversifying verification methods on Duo Mobile and through a new web interface. I identified user pain points through user research and testing to validate the improvements, resulting in a more seamless and satisfying user experience.
The “Duo Mobile app Re-design project” aimed to enhance the user experience by simplifying and diversifying verification methods on Duo Mobile and through a new web interface. I identified user pain points through user research and testing to validate the improvements, resulting in a more seamless and satisfying user experience.
The “Duo Mobile app Re-design project” aimed to enhance the user experience by simplifying and diversifying verification methods on Duo Mobile and through a new web interface. I identified user pain points through user research and testing to validate the improvements, resulting in a more seamless and satisfying user experience.
UXR
UXR
User Research
User Research
User Research
Semi-structured Interview & surveys
Semi-structured Interview & surveys
Semi-structured Interview & surveys
Number of Interviewees: 7
Number of Interviewees: 7
Number of Interviewees: 7
Affinity Mapping
Affinity Mapping
Affinity Mapping
Affinity Mapping
Affinity Mapping
After finishing interview, I documented and analyzed the responses to identify insights and key findings. Using affinity diagramming, I organized these insights, focusing on three insights that highlight the user's pain points.
After finishing interview, I documented and analyzed the responses to identify insights and key findings. Using affinity diagramming, I organized these insights, focusing on three insights that highlight the user's pain points.
After finishing interview, I documented and analyzed the responses to identify insights and key findings. Using affinity diagramming, I organized these insights, focusing on three insights that highlight the user's pain points.
Findings from user research
Findings from user research
Research Findings
Research Findings
Research Findings
1. Users use Duo Mobile very frequently, but they feel the current user flow is complex, leading to low satisfaction (5.8).
1. Users use Duo Mobile very frequently, but they feel the current user flow is complex, leading to low satisfaction (5.8).
1. Users use Duo Mobile very frequently, but they feel the current user flow is complex, leading to low satisfaction (5.8).
2. Users understand the need for second verification, but they want something quicker and easier.
2. Users understand the need for second verification, but they want something quicker and easier.
2. Users understand the need for second verification, but they want something quicker and easier.
3.Users want more diverse verification methods beyond phone number verification, as the lack of a clear user flow for changing phone numbers causes inconvenience.
3.Users want more diverse verification methods beyond phone number verification, as the lack of a clear user flow for changing phone numbers causes inconvenience.
3.Users want more diverse verification methods beyond phone number verification, as the lack of a clear user flow for changing phone numbers causes inconvenience.
Design question & Goals
Design question & Goals
Design Question & Solution
Design Question & Solution
Design Question & Solution
How might we…
How might we…
How might we…
How can a redesigned Duo Mobile app deliver a faster, more seamless verification experience?
How can a redesigned Duo Mobile app deliver a faster, more seamless verification experience?
How can a redesigned Duo Mobile app deliver a faster, more seamless verification experience?
→
→
→
How might we…
How might we…
How might we…
How can a redesigned Duo Mobile ensure that users have more diverse methods of accessing the Duo account, especially when they have problems with their mobile devices?
How can a redesigned Duo Mobile ensure that users have more diverse methods of accessing the Duo account, especially when they have problems with their mobile devices?
How can a redesigned Duo Mobile ensure that users have more diverse methods of accessing the Duo account, especially when they have problems with their mobile devices?
→
→
→
Solution
Solution
Solution
Leverage smartphone interaction methods such as Face ID or Fingerprint login.
Leverage smartphone interaction methods such as Face ID or Fingerprint login.
Leverage smartphone interaction methods such as Face ID or Fingerprint login.
Solution
Solution
Solution
Create a web version of Duo Mobile to provide a more diverse method of verification.
Create a web version of Duo Mobile to provide a more diverse method of verification.
Create a web version of Duo Mobile to provide a more diverse method of verification.
Design
Design
Design Solution
Design Solution
Design Solution
1. Sign-up Page (web)
1. Sign-up Page (web)
1. Sign-up Page (web)
The sign-up process enables users to include their phone numbers and email addresses on their accounts, which helps users when they face changes in their mobile devices.
The sign-up process enables users to include their phone numbers and email addresses on their accounts, which helps users when they face changes in their mobile devices.
The sign-up process enables users to include their phone numbers and email addresses on their accounts, which helps users when they face changes in their mobile devices.
2. Phone Number Change (web)
2. Phone Number Change (web)
2. Phone Number Change (web)
Users can change their personal information by logging into their account through their email or phone number. In the new web interface, users can change their account details in settings when they need to change their personal information.
Users can change their personal information by logging into their account through their email or phone number. In the new web interface, users can change their account details in settings when they need to change their personal information.
Users can change their personal information by logging into their account through their email or phone number. In the new web interface, users can change their account details in settings when they need to change their personal information.
3. Quicker, Easier Second Verification (app)
3. Quicker, Easier Second Verification (app)
3. Quicker, Easier Second Verification (app)
Verifying an account using Face ID is easier and quicker compared to current Duo Mobile verification process.
Verifying an account using Face ID is easier and quicker compared to current Duo Mobile verification process.
Verifying an account using Face ID is easier and quicker compared to current Duo Mobile verification process.
→
→
→
Original Duo Mobile Verification
Original Duo Mobile Verification
Redesigned Verification with Face ID
Redesigned Verification with Face ID
User testing
User testing
User Test
User Test
User Test
After re-designing using Figma, I conducted a user test with seven interviewees, who were the same person who participated in user interview, asking them to conduct tasks corresponding to the three user flows.
After re-designing using Figma, I conducted a user test with seven interviewees, who were the same person who participated in user interview, asking them to conduct tasks corresponding to the three user flows.
After re-designing using Figma, I conducted a user test with seven interviewees, who were the same person who participated in user interview, asking them to conduct tasks corresponding to the three user flows.
I conducted user testing focusing on those two questions:
I conducted user testing focusing on those two questions:
I conducted user testing focusing on those two questions:
1. Does the redesigned Duo mobile allow users to verify their accounts in more easier and faster?
1. Does the redesigned Duo mobile allow users to verify their accounts in more easier and faster?
1. Does the redesigned Duo mobile allow users to verify their accounts in more easier and faster?
2. Does Duo Web reduce user pain points when they change their phone number and try to log in to their school account?
2. Does Duo Web reduce user pain points when they change their phone number and try to log in to their school account?
2. Does Duo Web reduce user pain points when they change their phone number and try to log in to their school account?
User test result
User test result
User Test Results & Impact
User Test Results & Impact
User Test Results & Impact
User satisfaction with the current Duo was 5.8 on a scale of 1-10 which increased to 8.4 after completing tasks with the redesigned version — a 44.8% improvement.
User satisfaction with the current Duo was 5.8 on a scale of 1-10 which increased to 8.4 after completing tasks with the redesigned version — a 44.8% improvement.
User satisfaction with the current Duo was 5.8 on a scale of 1-10 which increased to 8.4 after completing tasks with the redesigned version — a 44.8% improvement.
The task completion time for the mobile verification process decreased from 15 seconds to 8 seconds, a 7-second improvement compared to the current Duo Mobile app.
The task completion time for the mobile verification process decreased from 15 seconds to 8 seconds, a 7-second improvement compared to the current Duo Mobile app.
The task completion time for the mobile verification process decreased from 15 seconds to 8 seconds, a 7-second improvement compared to the current Duo Mobile app.
The perceived ease of use improved from 3.8 to 4.6, reflecting a 21.1% increase.
The perceived ease of use improved from 3.8 to 4.6, reflecting a 21.1% increase.
The perceived ease of use improved from 3.8 to 4.6, reflecting a 21.1% increase.
Reflection
Reflection
What did I learn?
What did I learn?
What did I learn?
As an international student who frequently changes phone numbers, it was meaningful for me to understand the pain points of other students in the same situation and solve them through design.
As an international student who frequently changes phone numbers, it was meaningful for me to understand the pain points of other students in the same situation and solve them through design.
As an international student who frequently changes phone numbers, it was meaningful for me to understand the pain points of other students in the same situation and solve them through design.
The Duo Mobile Redesign project gave me the opportunity to equip the skills needed to implement detailed interfaces and interactions using Figma.
The Duo Mobile Redesign project gave me the opportunity to equip the skills needed to implement detailed interfaces and interactions using Figma.
The Duo Mobile Redesign project gave me the opportunity to equip the skills needed to implement detailed interfaces and interactions using Figma.
Conducting surveys with users taught me the importance of empathizing with users and understanding their pain points before initiating ideation.
Conducting surveys with users taught me the importance of empathizing with users and understanding their pain points before initiating ideation.
Conducting surveys with users taught me the importance of empathizing with users and understanding their pain points before initiating ideation.
Duo Mobile App Redesign
Duo Mobile is a multifactor authentication app that provides additional security. Many universities use the Duo Mobile app to strengthen security through a second verification. Students verify their account in the Duo Mobile app by approving a push notification during their login process.
Duo Mobile is a multifactor authentication app that provides additional security. Many universities use the Duo Mobile app to strengthen security through a second verification. Students verify their account in the Duo Mobile app by approving a push notification during their login process.
Duo Mobile is a multifactor authentication app that provides additional security. Many universities use the Duo Mobile app to strengthen security through a second verification. Students verify their account in the Duo Mobile app by approving a push notification during their login process.
Timeline
Timeline
Timeline
10 Weeks
10 Weeks
10 Weeks
My Role
My Role
My Role
UX Design
UX Design
UX Design
UX Research
UX Research
UX Research
Tools
Tools
Tools
Figma
Figma
Figma
Key Outcomes
Key Outcomes
Key Outcomes
44.8% ↑ User Satisfaction
21.1% ↑ Ease of Use
47% ↓ Task Completion
44.8% ↑ User Satisfaction
21.1% ↑ Ease of Use
47% ↓ Task Completion
44.8% ↑ User Satisfaction
21.1% ↑ Ease of Use
47% ↓ Task Completion