Warby Parker
Warby Parker
Adding accessibility features to ensure virtual try-on can be enjoyed by everyone
Warby Parker
Adding accessibility features to ensure virtual try-on can be enjoyed by everyone
Timeline
Timeline
November - December 2023 (3 weeks)
Project type: Capstone Project
Duration: November - December 2023
Project type: Capstone Project
Duration: November - December 2023
Project type: Capstone Project
Duration: November - December 2023
My Role
My Role
Capstone Project
My Role: UX Designer
Result: Increased usability for screen reader users and ensured equitable access to virtual try-ons.
My Role: UX Designer
Result: Increased usability for screen reader users and ensured equitable access to virtual try-ons.
My Role: UX Designer
Result: Increased usability for screen reader users and ensured equitable access to virtual try-ons.
Project type: Capstone Project
Duration: November - December 2023
My Role: UX Designer
Result: Increased usability for screen reader users and ensured equitable access to virtual try-ons.
Result: Improved referral completion rates and reduced administrative delays
Project type: Internship
Duration: April- August 2024 (4 months)
Team: 1 UX Design, 1 Product Lead, 5 Developers
My Role: UX Designer
Result: Improved referral completion rates and reduced administrative delays
PROBLEM
PROBLEM
PROBLEM
PROBLEM
The technical limitations with virtual try-on
Virtual try-on (VTO) is a feature introduced to e-commerce, allowing consumers to try on various products at the comfort of their own home. Due to its novelty, there has been a lack of accessibility features associated with this feature.
Inconsistent design causing complications in navigating their order page
Virtual try-on (VTO) is a feature introduced to e-commerce, allowing consumers to try on various products at the comfort of their own home. Due to its novelty, there has been a lack of accessibility features associated with this feature.
The technical limitations with virtual try-on
Virtual try-on (VTO) is a feature introduced to e-commerce, allowing consumers to try on various products at the comfort of their own home. Due to its novelty, there has been a lack of accessibility features associated with this feature.
Virtual try-on (VTO) is a feature introduced to e-commerce, allowing consumers to try on various products at the comfort of their own home. Due to its novelty, there has been a lack of accessibility features associated with this feature.
The technical limitations with virtual try-on
SOLUTION
SOLUTION
SOLUTION
SOLUTION
Incorporating accessibility features to virtual try-on
Incorporating accessibility features to virtual try-on
Incorporating accessibility features to virtual try-on
Offers visual settings for modifying the colors in the Virtual Try-On (VTO
Adjust the visual display by zooming in or zooming out
Offers visual settings for modifying the colors in the Virtual Try-On (VTO
Adjust the visual display by zooming in or zooming out
Users have access to accessibility features while utilizing the Virtual Try-On (VTO)
Users have access to accessibility features while utilizing the Virtual Try-On (VTO)
Record a video or snap a picture to share with friends and family
Save images to your lookbook
Retain your look with the new settings, allowing you to revisit and review it,
Record a video or snap a picture to share with friends and family
Save images to your lookbook
Retain your look with the new settings, allowing you to revisit and review it,
Manage your lookbook
Manage your lookbook
Incorporating accessibility features to virtual try-on
Offers visual settings for modifying the colors in the Virtual Try-On (VTO
Adjust the visual display by zooming in or zooming out
Users have access to accessibility features while utilizing the Virtual Try-On (VTO)
Record a video or snap a picture to share with friends and family
Save images to your lookbook
Retain your look with the new settings, allowing you to revisit and review it,
Manage your lookbook
WHITE PAPER RESEARCH
WHITE PAPER RESEARCH
WHITE PAPER RESEARCH
WHITE PAPER RESEARCH
There's a negative impact of the absence of accessibility features in VR usage
Starting with white paper research, I began to draw research to see how the effects of disabilities on VR usage and accessibility issues for people with disabilities when I stumble upon research dissertations by Sean Williams:
Starting with white paper research, I began to draw research to see how the effects of disabilities on VR usage and accessibility issues for people with disabilities when I stumble upon research dissertations by Sean Williams:
Starting with white paper research, I began to draw research to see how the effects of disabilities on VR usage and accessibility issues for people with disabilities when I stumble upon research dissertations by Sean Williams:
"…a user with a disability that affects their vision is almost 90% less likely to use VR at least once a month" - Sean Williams
"…a user with a disability that affects their vision is almost 90% less likely to use VR at least once a month" - Sean Williams
"…a user with a disability that affects their vision is almost 90% less likely to use VR at least once a month" - Sean Williams
"…a user with a disability that affects their vision is almost 90% less likely to use VR at least once a month" - Sean Williams
There's a negative impact of the absence of accessibility features in VR usage
Starting with white paper research, I began to draw research to see how the effects of disabilities on VR usage and accessibility issues for people with disabilities when I stumble upon research dissertations by Sean Williams:
There's a negative impact of the absence of accessibility features in VR usage
COMPETITIVE ANALYSIS
COMPETITIVE ANALYSIS
COMPETITIVE ANALYSIS
COMPETITIVE ANALYSIS
The competition had no accessibility features incorporated in their VTO
Considering the statistics, I examined three stores that utilize Virtual Try-On (VTO) to evaluate their user experience and the effectiveness of their features. Specifically, I analyzed Maybelline, Zenni, and Ray-Bans to observe the functionality of their VTO and assessed the design, layout, and placement of these features to gain a deeper understanding of how they impact the usability of the company. Unfortunately, none of these brands integrated essential elements by providing accessibility features to assist users with disabilities
Considering the statistics, I examined three stores that utilize Virtual Try-On (VTO) to evaluate their user experience and the effectiveness of their features. Specifically, I analyzed Maybelline, Zenni, and Ray-Bans to observe the functionality of their VTO and assessed the design, layout, and placement of these features to gain a deeper understanding of how they impact the usability of the company. Unfortunately, none of these brands integrated essential elements by providing accessibility features to assist users with disabilities
Considering the statistics, I examined three stores that utilize Virtual Try-On (VTO) to evaluate their user experience and the effectiveness of their features. Specifically, I analyzed Maybelline, Zenni, and Ray-Bans to observe the functionality of their VTO and assessed the design, layout, and placement of these features to gain a deeper understanding of how they impact the usability of the company. Unfortunately, none of these brands integrated essential elements by providing accessibility features to assist users with disabilities
Considering the statistics, I examined three stores that utilize Virtual Try-On (VTO) to evaluate their user experience and the effectiveness of their features. Specifically, I analyzed Maybelline, Zenni, and Ray-Bans to observe the functionality of their VTO and assessed the design, layout, and placement of these features to gain a deeper understanding of how they impact the usability of the company. Unfortunately, none of these brands integrated essential elements by providing accessibility features to assist users with disabilities
The competition had no accessibility features incorporated in their VTO
The competition had no accessibility features incorporated in their VTO
Considering the statistics, I examined three stores that utilize Virtual Try-On (VTO) to evaluate their user experience and the effectiveness of their features. Specifically, I analyzed Maybelline, Zenni, and Ray-Bans to observe the functionality of their VTO and assessed the design, layout, and placement of these features to gain a deeper understanding of how they impact the usability of the company. Unfortunately, none of these brands integrated essential elements by providing accessibility features to assist users with disabilities
The competition had no accessibility features incorporated in their VTO
USER INTERVIEWS + AFFINITY MAP
USER INTERVIEWS + AFFINITY MAP
USER INTERVIEWS + AFFINITY MAP
USER INTERVIEWS + AFFINITY MAP
4 out of 6 interviewees expressed the need of accessibility features for Warby Parker's VTO
I conducted interviews with 6 interviewees, ranging from individuals with vision disabilities to those without, to test Warby Parker's Virtual Try-On (VTO) feature. The aim was to gain insights into users' preferences and assess whether additional features were necessary. My goal was to explore user pain points, with a focus on enhancing the accessibility of VTO. This information will guide the design of features that better meet users' needs.
After receiving the participants' responses, I started to organize their responses into categories, so I can understand what I need to work on. All six interviewees emphasized the importance of accessibility features in ensuring that everyone has an equal opportunity to have a better experience with usability. I categorized the responses from my user interviewees into two different groups to identify any trends within their opinions and feedback.
I conducted interviews with 6 interviewees, ranging from individuals with vision disabilities to those without, to test Warby Parker's Virtual Try-On (VTO) feature. The aim was to gain insights into users' preferences and assess whether additional features were necessary. My goal was to explore user pain points, with a focus on enhancing the accessibility of VTO. This information will guide the design of features that better meet users' needs.
After receiving the participants' responses, I started to organize their responses into categories, so I can understand what I need to work on. All six interviewees emphasized the importance of accessibility features in ensuring that everyone has an equal opportunity to have a better experience with usability. I categorized the responses from my user interviewees into two different groups to identify any trends within their opinions and feedback.
Major Insights
Major Insights
Major Insights
Theme 1: Recommendations
Theme 1: Recommendations
Theme 1: Recommendations
Theme 1: Recommendations
Theme 2: The importance of accessibility features
Interviewees with poor eyesight expressed zoom in/out features,
Interviewees with poor eyesight expressed zoom in/out features,
Interviewees with poor eyesight expressed zoom in/out features,
Interviewees with poor eyesight expressed zoom in/out features,
When a company incorporates accessibility features, it promotes inclusivity
When a company incorporates accessibility features, it promotes inclusivity
When a company incorporates accessibility features, it promotes inclusivity
When a company incorporates accessibility features, it promotes inclusivity
To record or capture a picture for reference, allowing users to revisit and assess how it looks in case the accessibility features do not function well.
To record or capture a picture for reference, allowing users to revisit and assess how it looks in case the accessibility features do not function well.
Providing accessibility features ensures that all users have equal access.
Providing accessibility features ensures that all users have equal access.
A feature that enables users to adjust the visual settings to make the glasses more pronounced
A feature that enables users to adjust the visual settings to make the glasses more pronounced
A feature that enables users to adjust the visual settings to make the glasses more pronounced
Interviewees with vision impairments mention that they use accessibility features themselves to have a better experience with usability.
Interviewees with vision impairments mention that they use accessibility features themselves to have a better experience with usability.
Interviewees with vision impairments mention that they use accessibility features themselves to have a better experience with usability.
4 out of 6 interviewees expressed the need of accessibility features for Warby Parker's VTO
A feature that enables users to adjust the visual settings to make the glasses more pronounced
Interviewees with vision impairments mention that they use accessibility features themselves to have a better experience with usability.
4 out of 6 interviewees expressed the need of accessibility features for Warby Parker's VTO
4 out of 6 interviewees expressed the need of accessibility features for Warby Parker's VTO
I conducted interviews with 6 interviewees, ranging from individuals with vision disabilities to those without, to test Warby Parker's Virtual Try-On (VTO) feature. The aim was to gain insights into users' preferences and assess whether additional features were necessary. My goal was to explore user pain points, with a focus on enhancing the accessibility of VTO. This information will guide the design of features that better meet users' needs.
After receiving the participants' responses, I started to organize their responses into categories, so I can understand what I need to work on. All six interviewees emphasized the importance of accessibility features in ensuring that everyone has an equal opportunity to have a better experience with usability. I categorized the responses from my user interviewees into two different groups to identify any trends within their opinions and feedback.
Theme 2: The importance of accessibility features
HOW MIGHT WE?
HOW MIGHT WE?
HOW MIGHT WE?
HOW MIGHT WE?
How might we provide accessibility features that allow users to customize their experience with VTO according to their needs?
How might we provide accessibility features that allow users to customize their experience with VTO according to their needs?
How might we provide accessibility features that allow users to customize their experience with VTO according to their needs?
How might we provide accessibility features that allow users to customize their experience with VTO according to their needs?
LOW FIDELITY SKETCHES
LOW FIDELITY SKETCHES
LOW FIDELITY SKETCHES
LOW FIDELITY SKETCHES
Sketching out potential accessibility features
Sketching out potential accessibility features
For my low-fidelity design, I mapped out 3 important task flows that I would like my participants to test for functionality and to understand how users navigate the screens and pages to accomplish the task. After examining the design of Warby Parker's website, I sought a design and CTAs that aligned with it. Subsequently, I included possible features that would be integrated into the VTO.
For my low-fidelity design, I mapped out 3 important task flows that I would like my participants to test for functionality and to understand how users navigate the screens and pages to accomplish the task. After examining the design of Warby Parker's website, I sought a design and CTAs that aligned with it. Subsequently, I included possible features that would be integrated into the VTO.
For my low-fidelity design, I mapped out 3 important task flows that I would like my participants to test for functionality and to understand how users navigate the screens and pages to accomplish the task. After examining the design of Warby Parker's website, I sought a design and CTAs that aligned with it. Subsequently, I included possible features that would be integrated into the VTO.
For my low-fidelity design, I mapped out 3 important task flows that I would like my participants to test for functionality and to understand how users navigate the screens and pages to accomplish the task. After examining the design of Warby Parker's website, I sought a design and CTAs that aligned with it. Subsequently, I included possible features that would be integrated into the VTO.
Sketching out potential accessibility features
USABILITY TESTING
USABILITY TESTING
USABILITY TESTING
USABILITY TESTING
4 out of 5 participants found the accessibility features inclusive
I conducted usability testing with 5 participants to assess their ability to complete the task and gather feedback, enabling me to make any necessary iterations before proceeding to my high-fidelity design.
Overall, participants found the task extremely easy and successfully completed it without my assistance. They demonstrated a clear understanding of the icons and the functionalities associated with each feature, indicating that these features are intuitive for users to comprehend and recall when using accessibility features. Participants expressed appreciation for the potential features and mentioned how they could envision themselves using them if Warby Parker incorporates them.
Participants with vision disability mentioned that they can envision themselves utilizing the features while using the VTO
All seven participants found that the design matched the color, layout, and branding exceptionally well.
All seven participants found that the design matched the color, layout, and branding exceptionally well.
All seven participants found that the design matched the color, layout, and branding exceptionally well.
4 out of 7 participants found the lookbook system to be not only useful for individuals with vision impairments but also as a reference when there are multiple frames that a consumer likes.
What went well
What went well
2 out of 7 participants realized that there was no way to retake images or videos once they had been captured.
1 out of 7 participants requested clearer instructions on where to find the lookbook when alerted that images have been saved to it.
1 out of 7 participants requested clearer instructions on where to find the lookbook when alerted that images have been saved to it.
User's questions and concerns
User's questions and concerns
User's questions and concerns
2 out of 7 participants realized that there was no way to retake images or videos once they had been captured.
4 out of 5 participants found the accessibility features inclusive
4 out of 5 participants found the accessibility features inclusive
ITERATIONS
ITERATIONS
ITERATIONS
ITERATIONS
2 major improvements in my design
Based on various feedbacks from my participants and mentor, I iterated my design to finalize my prototype with these 2 improvements that were mentioned in my participants feedback and found it important to incorporate them in my high fidelity design.
Based on various feedbacks from my participants and mentor, I iterated my design to finalize my prototype with these 2 improvements that were mentioned in my participants feedback and found it important to incorporate them in my high fidelity design.
I wanted to incorporate a Call to Action (CTA) that allows users to retake their pictures and recordings, providing them with the freedom to capture as many as they desire until they find the right picture to save, or to save as many pictures as they would like when using the VTO.
I wanted to incorporate a Call to Action (CTA) that allows users to retake their pictures and recordings, providing them with the freedom to capture as many as they desire until they find the right picture to save, or to save as many pictures as they would like when using the VTO.
After receiving feedback from usability testing, I observed that the alert message upon saving an image to the lookbook was unclear to users regarding the location of the lookbook. It could take them a considerable amount of time to figure out where the lookbook is located. Recognizing the importance of providing clear instructions on the location, I aimed to ensure users know precisely where to find their lookbook and saved images.
After receiving feedback from usability testing, I observed that the alert message upon saving an image to the lookbook was unclear to users regarding the location of the lookbook. It could take them a considerable amount of time to figure out where the lookbook is located. Recognizing the importance of providing clear instructions on the location, I aimed to ensure users know precisely where to find their lookbook and saved images.
2 major improvements in my design
2 major improvements in my design
2 major improvements in my design
Based on various feedbacks from my participants and mentor, I iterated my design to finalize my prototype with these 2 improvements that were mentioned in my participants feedback and found it important to incorporate them in my high fidelity design.
HI-FIDELITY DESIGN
HI-FIDELITY DESIGN
HI-FIDELITY DESIGN
HI-FIDELITY DESIGN
The final redesign of Sprinkles website
The final redesign of Sprinkles website
After incorporating the necessary iterations into my low-fidelity design, I successfully developed the high-fidelity version with accessibility features and finalized its features. Click to play to see the prototype!
After incorporating the necessary iterations into my low-fidelity design, I successfully developed the high-fidelity version with accessibility features and finalized its features. Click to play to see the prototype!
After incorporating the necessary iterations into my low-fidelity design, I successfully developed the high-fidelity version with accessibility features and finalized its features. Click to play to see the prototype!
The final redesign of Sprinkles website
LESSONS LEARNED
LESSONS LEARNED
LESSONS LEARNED
LESSONS LEARNED
Finding reflections in my research
Finding reflections in my research
Importance of usability. After researching VR and AR accessibility, I noticed that there are barriers that we need to consider when creating a design. During my user interviews and usability testing, my users have made me realize how important it is to be considerate and empathetic in our research and design. Given that this was my first project involving accessibility features, it made me recognize the significance of considering individuals with different abilities when using technology or experiencing things digitally. This realization has inspired me to create more designs that promote inclusiveness and bring people together.
Simple features can have a significant impact. Since VTO is still a new technology, many protocols and accessibility feature regulations have not been implemented yet. By incorporating just a few features into the prototype, it transformed the user experience into a remarkably positive one, leading to overwhelmingly positive testing results. People expressed a strong desire for more of these features to be implemented, giving me the confidence that even seemingly minor changes can have a substantial impact on people's experiences.
Importance of usability. After researching VR and AR accessibility, I noticed that there are barriers that we need to consider when creating a design. During my user interviews and usability testing, my users have made me realize how important it is to be considerate and empathetic in our research and design. Given that this was my first project involving accessibility features, it made me recognize the significance of considering individuals with different abilities when using technology or experiencing things digitally. This realization has inspired me to create more designs that promote inclusiveness and bring people together.
Simple features can have a significant impact. Since VTO is still a new technology, many protocols and accessibility feature regulations have not been implemented yet. By incorporating just a few features into the prototype, it transformed the user experience into a remarkably positive one, leading to overwhelmingly positive testing results. People expressed a strong desire for more of these features to be implemented, giving me the confidence that even seemingly minor changes can have a substantial impact on people's experiences.
Striking a balance between adhering to the brand design and incorporating my own creative elements. While contemplating the revisions I planned to make for Sprinkles, I grappled with the challenge of not straying too far from the established design. Despite my disagreement with their design and system, I was mindful of preserving the essence of the company's design. Balancing adherence to guidelines and incorporating my own design opinions, I recognized the importance of making compromises and sacrificing some of my preferences to fulfill the intended purpose of the design.
Being able to explore my options with limited circumstances. I found my creativity blocked, feeling constrained due to the limited resources at my disposal. However, I realized that rather than dwelling on the things I wished I could use, it was crucial to stay optimistic, embrace both my freedom and limitations, and concentrate on the available resources while redesigning the Sprinkles Cupcake website.
Finding reflections in my research
Importance of usability. After researching VR and AR accessibility, I noticed that there are barriers that we need to consider when creating a design. During my user interviews and usability testing, my users have made me realize how important it is to be considerate and empathetic in our research and design. Given that this was my first project involving accessibility features, it made me recognize the significance of considering individuals with different abilities when using technology or experiencing things digitally. This realization has inspired me to create more designs that promote inclusiveness and bring people together.
Simple features can have a significant impact. Since VTO is still a new technology, many protocols and accessibility feature regulations have not been implemented yet. By incorporating just a few features into the prototype, it transformed the user experience into a remarkably positive one, leading to overwhelmingly positive testing results. People expressed a strong desire for more of these features to be implemented, giving me the confidence that even seemingly minor changes can have a substantial impact on people's experiences.
Importance of usability. After researching VR and AR accessibility, I noticed that there are barriers that we need to consider when creating a design. During my user interviews and usability testing, my users have made me realize how important it is to be considerate and empathetic in our research and design. Given that this was my first project involving accessibility features, it made me recognize the significance of considering individuals with different abilities when using technology or experiencing things digitally. This realization has inspired me to create more designs that promote inclusiveness and bring people together.
Simple features can have a significant impact. Since VTO is still a new technology, many protocols and accessibility feature regulations have not been implemented yet. By incorporating just a few features into the prototype, it transformed the user experience into a remarkably positive one, leading to overwhelmingly positive testing results. People expressed a strong desire for more of these features to be implemented, giving me the confidence that even seemingly minor changes can have a substantial impact on people's experiences.
Importance of usability. After researching VR and AR accessibility, I noticed that there are barriers that we need to consider when creating a design. During my user interviews and usability testing, my users have made me realize how important it is to be considerate and empathetic in our research and design. Given that this was my first project involving accessibility features, it made me recognize the significance of considering individuals with different abilities when using technology or experiencing things digitally. This realization has inspired me to create more designs that promote inclusiveness and bring people together.
Simple features can have a significant impact. Since VTO is still a new technology, many protocols and accessibility feature regulations have not been implemented yet. By incorporating just a few features into the prototype, it transformed the user experience into a remarkably positive one, leading to overwhelmingly positive testing results. People expressed a strong desire for more of these features to be implemented, giving me the confidence that even seemingly minor changes can have a substantial impact on people's experiences.
(Contact)
Let’s work together.
(Contact)
Let’s work together.
(Contact)
Let’s work together.
(Contact)
Let’s work together.