Accessing products for B2G
Accessing products for B2G
Accessing products for B2G
Paragon is a cutting-edge technology company with a growing portfolio of products.
One of my key responsibilities was to make our forensic extraction product accessible to local agencies worldwide.
Challenge
Challenge
As this was our first product to meet accessibility compliance standards, it was challenging to integrate accessibility into the development process. However, it was a crucial requirement for most of our existent and potential customers.
DS accessibility implementation
DS accessibility implementation
Since we use the same design system across our entire product portfolio, we've made all the atomic components accessible. While this is an ongoing effort, the ROI is significant, especially as we expand into the US market.
Since we use the same design system across our entire product portfolio, we've made all the atomic components accessible. While this is an ongoing effort, the ROI is significant, especially as we expand into the US market.
Process
Process
Exploratory study
Exploratory study
Identify the specific disabilities and target user groups for our Minimum Viable Product (MVP) phase.
Identify the specific disabilities and target user groups for our Minimum Viable Product (MVP) phase.
Cost-effectiveness
Cost-effectiveness
Once we identified our target user groups, we prioritized accessibility features to optimize costs and maximize return on investment (ROI).
Once we identified our target user groups, we prioritized accessibility features to optimize costs and maximize return on investment (ROI).
Domain study
Domain study
To gain deeper insights into the target users' environments, I conducted immersive field research, simulating their experiences with factors like lighting, visual stimuli, and other environmental conditions.
To gain deeper insights into the target users' environments, I conducted immersive field research, simulating their experiences with factors like lighting, visual stimuli, and other environmental conditions.
Continuous learning
Continuous learning
Given the diverse range of user needs, ongoing research is essential. We conducted monthly group meetings with representatives of our target users to gather continuous feedback.
Given the diverse range of user needs, ongoing research is essential. We conducted monthly group meetings with representatives of our target users to gather continuous feedback.
MVP's target end-users
MVP's target end-users
The target end-users of this product are forensic investigators and officers of varying technological proficiency. To better understand their needs, we categorized them into different groups...
The target end-users of this product are forensic investigators and officers of varying technological proficiency. To better understand their needs, we categorized them into different groups...
End-users conditions breakdown
End-users conditions breakdown
Visual impairment - color blindness focus
Visual impairment - color blindness focus
Normal Vision
Normal Vision
For individuals with normal vision, color choice is a straightforward design consideration.
For individuals with normal vision, color choice is a straightforward design consideration.
Color Vision Deficiency
Color Vision Deficiency
Designing for individuals with color vision deficiencies requires a deeper understanding of the condition and strategic color choices to ensure accessibility."
Designing for individuals with color vision deficiencies requires a deeper understanding of the condition and strategic color choices to ensure accessibility."
Scroll down
Scroll down
Color blindness understanding
Color blindness understanding
What's it?
What's it?
Color blindness, or color vision deficiency, is the inability to distinguish certain colors. It can be caused by damage to the color-sensitive cones in the retina or be inherited. There are several types of color blindness, including red-green and blue-yellow color blindness.
Color blindness, or color vision deficiency, is the inability to distinguish certain colors. It can be caused by damage to the color-sensitive cones in the retina or be inherited. There are several types of color blindness, including red-green and blue-yellow color blindness.
Cause and effect
Cause and effect
Color blindness can be progressive, particularly as we age. For instance, age-related macular degeneration can lead to a gradual decline in color vision, often affecting blue-yellow perception.
Color blindness can be progressive, particularly as we age. For instance, age-related macular degeneration can lead to a gradual decline in color vision, often affecting blue-yellow perception.
Common diagnoses
Common diagnoses
Deuteranomaly is the most common form of color blindness, affecting approximately 62.5% of individuals with color vision deficiency. Protanopia, protanomaly, and deuteranopia are less common but still significant, each affecting around 12.5% of the population.
Deuteranomaly is the most common form of color blindness, affecting approximately 62.5% of individuals with color vision deficiency. Protanopia, protanomaly, and deuteranopia are less common but still significant, each affecting around 12.5% of the population.
ROI funnel
ROI funnel
To ensure a strong return on investment, we prioritized the most common types of color blindness. Red and green are widely used to signify positive and negative results, but this can pose challenges for individuals with red-green color vision deficiency.
To ensure a strong return on investment, we prioritized the most common types of color blindness. Red and green are widely used to signify positive and negative results, but this can pose challenges for individuals with red-green color vision deficiency.
Deuteranomalous
62.5%
Protanopes
12.5%
Protanomalous
12.5%
Deuteranopes
12.5%
See through their eyes
See through their eyes
To better understand how our target end-users perceive the product, we simulated various types of color vision deficiency. The following images illustrate the impact of different impairments on color perception. Each image is labeled with the specific impairment and its prevalence.
To better understand how our target end-users perceive the product, we simulated various types of color vision deficiency. The following images illustrate the impact of different impairments on color perception. Each image is labeled with the specific impairment and its prevalence.
Deuteranopes
12.5%
Protanomalous
12.5%
Protanopes
12.5%
Deuteranomalous
62.5%
Deuteranopes
12.5%
Protanomalous
12.5%
Protanopes
12.5%
Deuteranomalous
62.5%
Dark mode
Light mode
High contrast dark mode
High contrast light mode
Other modes
Here are all of the modes we have:
To see how each level of color blindness experience those frames, you are welcome to visit this Figma link.
Technology orientation
Technology orientation
Super oriented
Super oriented
Tech-savvy users who prefer the latest smartphones and wearables. They are comfortable with device settings and can follow written instructions to complete tasks independently.
Using only the latest smartphones and wearables… Fluent within devices settings and usually configuring them for their comfort. Under the line – they can follow written technological instruction to complete their task with no fear.
Old good physical keycaps vibes
Old good physical keycaps vibes
Less tech-savvy users who prefer traditional devices, such as those with physical dials. They may require assistance with device setup and configuration.
To bridge the gap between tech-savvy and less tech-savvy users, I proposed using animated GIFs tailored to specific operating systems to provide visual and written instructions. Unfortunately, due to confidentiality restrictions, I cannot share the animations directly but can provide a detailed explanation of their content and functionality during a face-to-face presentation.
To bridge the gap between tech-savvy and less tech-savvy users, I proposed using animated GIFs tailored to specific operating systems to provide visual and written instructions. Unfortunately, due to confidentiality restrictions, I cannot share the animations directly but can provide a detailed explanation of their content and functionality during a face-to-face presentation.
Other modes
Here are all of the modes we have:
Dark mode
Light mode
High contrast dark mode
High contrast light mode
Dark mode
Light mode
High contrast dark mode
High contrast light mode
To experience how different levels of color blindness affect visual perception, please visit this Figma link.
Want to see more?
{ Nadav Koren }
{ Nadav Koren }