SlideShare a Scribd company logo

Subzero Report (1).pdf

The Subzero design team has created a new colour palette of 7 colour for data visualisation. The project aims to explore and test the inclusion of data visualisation colours that align with our theme and style while considering colour blindness concerns.

Subzero Report (1).pdf

1 of 21
Download to read offline
Axis Bank Document Classification |
Confidential
Subzero
Usability Test Report
Index
01 Overview
02 Objective
05
03 Methodology & User profiling
04 Major insights & Findings
Recommendations
Overview
The Subzero design team has created a new color palette of 7 colors for data visualization. The project
aims to explore and test the inclusion of data visualization colors that align with our theme and style
while considering color blindness concerns.
Objective
● To ensure that all users with varying degrees of color blindness may readily distinguish and
comprehend the colors
● To check the chosen color for the UI elements will improve the user experience
● To understand the pinpoints or gray areas that the users with colorblindness face.
Methodology and User profiling
In-depth Interview: Focused 45 min- 1 hour interviews with users to test the prototype screens
Cohorts-
Users who have color blindness
a. Protanopia
b. Treutenopia
c. Deuteranopia
Sample size: 12-16 (6-8 Axis employee users and 6-8 external users)
Age profile- 25 - 45
No Name User color blind
1 User 1 DBAT Deuteranopia
2 User 2 External Protanopia
3 User 3 DBAT Protanopia
4 User 4 External Deuteranopia
5 User 5 External Protanopia
6 User 6 External Deuteranopia
7 User 7 External Tritanopia
8 User 8 External Deuteranopia
9 User 9 External Deuteranopia
Major Insights and Findings
Note: Legends to be noted in the following pages
All 9
Most 7-8
Some 4-6
Few 1-3

Recommended

Importance of colors in a presentation
Importance of colors in a presentationImportance of colors in a presentation
Importance of colors in a presentationRana Usman Sattar
 
Presentation color (kelompok 12)
Presentation color (kelompok 12)Presentation color (kelompok 12)
Presentation color (kelompok 12)Erlangga Adinegoro
 
Effective powerpoint
Effective powerpointEffective powerpoint
Effective powerpointmani85a
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUIananda gunadharma
 

More Related Content

Similar to Subzero Report (1).pdf

Communication Skills Lectures # 13.pptx
Communication Skills Lectures # 13.pptxCommunication Skills Lectures # 13.pptx
Communication Skills Lectures # 13.pptxFarhanAhmad254929
 
Color and human vision
Color and human visionColor and human vision
Color and human visionsaniacorreya
 
Information Preserving Color Transformation for Protanopia and Deuteranopia (...
Information Preserving Color Transformation for Protanopia and Deuteranopia (...Information Preserving Color Transformation for Protanopia and Deuteranopia (...
Information Preserving Color Transformation for Protanopia and Deuteranopia (...Jia-Bin Huang
 
Principles of Interface Design
Principles of Interface DesignPrinciples of Interface Design
Principles of Interface DesignjbellWCT
 
NATA 2016 STUDY MATERIAL
NATA 2016 STUDY MATERIALNATA 2016 STUDY MATERIAL
NATA 2016 STUDY MATERIALprecept0507
 
Visualization-Recommendations
Visualization-RecommendationsVisualization-Recommendations
Visualization-RecommendationsSneha Nath
 

Similar to Subzero Report (1).pdf (6)

Communication Skills Lectures # 13.pptx
Communication Skills Lectures # 13.pptxCommunication Skills Lectures # 13.pptx
Communication Skills Lectures # 13.pptx
 
Color and human vision
Color and human visionColor and human vision
Color and human vision
 
Information Preserving Color Transformation for Protanopia and Deuteranopia (...
Information Preserving Color Transformation for Protanopia and Deuteranopia (...Information Preserving Color Transformation for Protanopia and Deuteranopia (...
Information Preserving Color Transformation for Protanopia and Deuteranopia (...
 
Principles of Interface Design
Principles of Interface DesignPrinciples of Interface Design
Principles of Interface Design
 
NATA 2016 STUDY MATERIAL
NATA 2016 STUDY MATERIALNATA 2016 STUDY MATERIAL
NATA 2016 STUDY MATERIAL
 
Visualization-Recommendations
Visualization-RecommendationsVisualization-Recommendations
Visualization-Recommendations
 

Recently uploaded

Passing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfPassing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfLizShek
 
Carpentry 7-8 explorartory (Week 3).pptx
Carpentry 7-8 explorartory (Week 3).pptxCarpentry 7-8 explorartory (Week 3).pptx
Carpentry 7-8 explorartory (Week 3).pptxMonroewellFajardo
 
December 2023 Issue - Fnewsmagazine SAIC
December 2023 Issue - Fnewsmagazine SAICDecember 2023 Issue - Fnewsmagazine SAIC
December 2023 Issue - Fnewsmagazine SAICaditisingh523288
 
homescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamphomescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revampvidya934261
 
Gerald Freedman Theatre Rep Re-Circuit.pdf
Gerald Freedman Theatre Rep Re-Circuit.pdfGerald Freedman Theatre Rep Re-Circuit.pdf
Gerald Freedman Theatre Rep Re-Circuit.pdfLizShek
 
HTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfHTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfLizShek
 
Heathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfHeathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfLizShek
 
Amadeus Hang and Cable Layouts UNCSA.pdf
Amadeus Hang and Cable Layouts UNCSA.pdfAmadeus Hang and Cable Layouts UNCSA.pdf
Amadeus Hang and Cable Layouts UNCSA.pdfLizShek
 
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptx
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptxBlack and Red Modern Guess The Movie Animated Game Presentation(1).pptx
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptxklozinska
 
Land Management and sourcing land for sustainable Urban Development.
Land Management and sourcing land for sustainable Urban Development.Land Management and sourcing land for sustainable Urban Development.
Land Management and sourcing land for sustainable Urban Development.JIT KUMAR GUPTA
 
the bloomberg office headquarters in London.pptx
the bloomberg office headquarters in London.pptxthe bloomberg office headquarters in London.pptx
the bloomberg office headquarters in London.pptxumerufitti
 
fashion forecasting for levele 3.pdf
fashion forecasting for levele 3.pdffashion forecasting for levele 3.pdf
fashion forecasting for levele 3.pdfMezgebuTesfaye4
 
Presentation on "Gothic Architecher".pptx
Presentation on "Gothic Architecher".pptxPresentation on "Gothic Architecher".pptx
Presentation on "Gothic Architecher".pptxASHIQUR RAHMAN
 
November Issue 2023 - Fnewsmagazine SAIC
November Issue 2023 - Fnewsmagazine SAICNovember Issue 2023 - Fnewsmagazine SAIC
November Issue 2023 - Fnewsmagazine SAICaditisingh523288
 
Types of Drafting in Construction Projects
Types of Drafting in Construction ProjectsTypes of Drafting in Construction Projects
Types of Drafting in Construction ProjectsResDraft
 
Portfolio of designs and Visualization Samuel Jayeola
Portfolio of designs and Visualization Samuel JayeolaPortfolio of designs and Visualization Samuel Jayeola
Portfolio of designs and Visualization Samuel JayeolaJayeola Samuel
 
Preposition for grade 12th Vietnamese student
Preposition for grade 12th Vietnamese studentPreposition for grade 12th Vietnamese student
Preposition for grade 12th Vietnamese studentThaoNguyenDang4
 
Before and After Wheelchair Accessible Whole Home Remodel.pptx
Before and After Wheelchair Accessible Whole Home Remodel.pptxBefore and After Wheelchair Accessible Whole Home Remodel.pptx
Before and After Wheelchair Accessible Whole Home Remodel.pptxleahlareaupci
 
Options for Making Housing Affordable a distinct Reality
Options for Making Housing Affordable a distinct RealityOptions for Making Housing Affordable a distinct Reality
Options for Making Housing Affordable a distinct RealityJIT KUMAR GUPTA
 

Recently uploaded (20)

Passing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfPassing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdf
 
Carpentry 7-8 explorartory (Week 3).pptx
Carpentry 7-8 explorartory (Week 3).pptxCarpentry 7-8 explorartory (Week 3).pptx
Carpentry 7-8 explorartory (Week 3).pptx
 
December 2023 Issue - Fnewsmagazine SAIC
December 2023 Issue - Fnewsmagazine SAICDecember 2023 Issue - Fnewsmagazine SAIC
December 2023 Issue - Fnewsmagazine SAIC
 
homescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamphomescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamp
 
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
 
Gerald Freedman Theatre Rep Re-Circuit.pdf
Gerald Freedman Theatre Rep Re-Circuit.pdfGerald Freedman Theatre Rep Re-Circuit.pdf
Gerald Freedman Theatre Rep Re-Circuit.pdf
 
HTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfHTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdf
 
Heathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfHeathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdf
 
Amadeus Hang and Cable Layouts UNCSA.pdf
Amadeus Hang and Cable Layouts UNCSA.pdfAmadeus Hang and Cable Layouts UNCSA.pdf
Amadeus Hang and Cable Layouts UNCSA.pdf
 
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptx
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptxBlack and Red Modern Guess The Movie Animated Game Presentation(1).pptx
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptx
 
Land Management and sourcing land for sustainable Urban Development.
Land Management and sourcing land for sustainable Urban Development.Land Management and sourcing land for sustainable Urban Development.
Land Management and sourcing land for sustainable Urban Development.
 
the bloomberg office headquarters in London.pptx
the bloomberg office headquarters in London.pptxthe bloomberg office headquarters in London.pptx
the bloomberg office headquarters in London.pptx
 
fashion forecasting for levele 3.pdf
fashion forecasting for levele 3.pdffashion forecasting for levele 3.pdf
fashion forecasting for levele 3.pdf
 
Presentation on "Gothic Architecher".pptx
Presentation on "Gothic Architecher".pptxPresentation on "Gothic Architecher".pptx
Presentation on "Gothic Architecher".pptx
 
November Issue 2023 - Fnewsmagazine SAIC
November Issue 2023 - Fnewsmagazine SAICNovember Issue 2023 - Fnewsmagazine SAIC
November Issue 2023 - Fnewsmagazine SAIC
 
Types of Drafting in Construction Projects
Types of Drafting in Construction ProjectsTypes of Drafting in Construction Projects
Types of Drafting in Construction Projects
 
Portfolio of designs and Visualization Samuel Jayeola
Portfolio of designs and Visualization Samuel JayeolaPortfolio of designs and Visualization Samuel Jayeola
Portfolio of designs and Visualization Samuel Jayeola
 
Preposition for grade 12th Vietnamese student
Preposition for grade 12th Vietnamese studentPreposition for grade 12th Vietnamese student
Preposition for grade 12th Vietnamese student
 
Before and After Wheelchair Accessible Whole Home Remodel.pptx
Before and After Wheelchair Accessible Whole Home Remodel.pptxBefore and After Wheelchair Accessible Whole Home Remodel.pptx
Before and After Wheelchair Accessible Whole Home Remodel.pptx
 
Options for Making Housing Affordable a distinct Reality
Options for Making Housing Affordable a distinct RealityOptions for Making Housing Affordable a distinct Reality
Options for Making Housing Affordable a distinct Reality
 

Subzero Report (1).pdf

  • 1. Axis Bank Document Classification | Confidential Subzero Usability Test Report
  • 2. Index 01 Overview 02 Objective 05 03 Methodology & User profiling 04 Major insights & Findings Recommendations
  • 3. Overview The Subzero design team has created a new color palette of 7 colors for data visualization. The project aims to explore and test the inclusion of data visualization colors that align with our theme and style while considering color blindness concerns.
  • 4. Objective ● To ensure that all users with varying degrees of color blindness may readily distinguish and comprehend the colors ● To check the chosen color for the UI elements will improve the user experience ● To understand the pinpoints or gray areas that the users with colorblindness face.
  • 5. Methodology and User profiling In-depth Interview: Focused 45 min- 1 hour interviews with users to test the prototype screens Cohorts- Users who have color blindness a. Protanopia b. Treutenopia c. Deuteranopia Sample size: 12-16 (6-8 Axis employee users and 6-8 external users) Age profile- 25 - 45 No Name User color blind 1 User 1 DBAT Deuteranopia 2 User 2 External Protanopia 3 User 3 DBAT Protanopia 4 User 4 External Deuteranopia 5 User 5 External Protanopia 6 User 6 External Deuteranopia 7 User 7 External Tritanopia 8 User 8 External Deuteranopia 9 User 9 External Deuteranopia
  • 6. Major Insights and Findings Note: Legends to be noted in the following pages All 9 Most 7-8 Some 4-6 Few 1-3
  • 7. DISTINCTION OF COLORS Most users were able to identify the presence of seven color blocks in the data visualizations. However, they encountered difficulty in distinguishing all seven colors distinctively ➔ ● Possible reasons for this issue could be the each block/slice size in the chart being too small or the colors used having low contrast ratios.
  • 8. COMPREHENSION OF COLORS No Colors User 1 User 2 User 3 User 4 User 5 User 6 User 7 User 8 User 9 Medium Intensity Low Intensity Low Intensity Medium Intensity Medium Intensity Medium Intensity Medium Intensity High Intensity High Intensity 1 Looks similar Green Green 2 Blue 3 4 RED Pink Pink Grey Grey 5 GREY, DARKER RED Grey Maroon Grey Dark brown Dark red/ Dark Pink / Grey 6 Green Green Green 7 Pink & Light blue merging when further away Green
  • 9. COMPREHENSION OF COLORS - SIMILAR COLORS ● User with medium intensity color blindness perceived Dark green as either Grey or Maroon ● Users with relatively low intensity did not face any challenge in perceiving Dark green color Most users, regardless of their degree of color blindness, found it difficult to tell the distinguish between pink and light green. Particularly, those with deuteranopia tended to perceive light green as pink. ● Some Users with Protanomaly color blindness discerned Pink as Green ● Some users with medium to high intensity couldn't tell the difference between the hues of blue, red, and green as they thought the colors were relatively similar. ● Few users felt Dark green and light green looks similar ➔ I can only see 4 colors here Dark pink and Dark green is similar Pink, Light green and dark green is similar- U5, Deuteranopia, Medium intensity
  • 10. COMPREHENSION OF COLORS - CONTRASTING COLORS The majority of color-blind users, regardless of the level of color blindness, perceived Blue as the most prominent contrasting color, followed by Few perceived Purple, in both the Light theme and Dark theme. ➔ Some users found the colors pink-magenta and blue-purple to exhibit a significant contrast in the dark theme compared to the light theme. ➔ Blue color is something i can easily distinguish from the entire colors blocks, then Purple also is pop out here - U1, Deuteranopia, High intensity Strangely The colors like Magenda and Pink, Blue purple looks contrasting the dark theme as well as Green looks more Greener in Dark theme where in Light theme green looked more Grey- U5, Deuteranopia, Medium intensity ● Some of the reason for the blue to prominent could be ○ Its high contrasting ratio compared to other 6 colors ○ High contrast ratio of blue with white and black background
  • 11. Medium Intensity Low Intensity Low Intensity Medium Intensity Medium Intensity Medium Intensity Medium Intensity High Intensity High Intensity COMPREHENSION OF COLORS- QUICK LOOK
  • 12. Though users were able to identify most colors, a fair number of them expressed dissatisfaction with the color palette, describing it as dull and noting that certain colors were too similar, making them difficult to differentiate. Colors are good enough but personally i like to see vibrant colors to make my life easier - U3, Deuteranopia, low intensity Colors are looking dull. It should be more contrasting you could use colors like blue, Yellow, Orang, brown more like desaturated red etc will help in distinguishing colors- U4, Protanopia, Medium intensity ● This could be due to the factors like ○ Size of the block/slice the color is occupied ○ Low Contrast ratios between colors from the perspective of color blind users
  • 13. RECOMMENDATIONS Almost all Users highly recommended to use colors that are vibrant and contrasting to each other such as Yellow, Orange, Bright Red and Blue, etc.
  • 14. COMPREHENSION OF CHARTS It was observed that users' preferences for charts varied depending on how they interpreted data visualizations. ● Most users said Pie chart/ donut chart was most prefered way of view data visualisation as they are accustomed to viewing the similar representation ● Most users said vertical chart was easy to figure the 7 blocks in the bar as it was separated by white line. However vertical charts was the least preferred one among all the charts as user felt its complicate to distinguish the colors that are in narrow blocks ● Some users perceived horizontal bar charts as providing better color visibility since the width of each color block was sufficient for clear differentiation. ➔ Since the colors are separated by white line it’s clearly understanding that there are 7 set of colors- U2, Protanopia, low intensity
  • 15. BACKGROUND THEME Preference of light theme/ Dark theme found to be very subjective among users as some felt Dark theme is popping out all the colors while others felts Colors are submerging in the dark theme compared to white theme ● 3/9 Users with medium to high intensity majorly found the certain colors to be merging in the light background ● 3/9 users with high intensity felt the white theme is more comfortable for the eyes to look at the colors ➔ White theme is more comforting to the eyes to look at the colors, In dark theme colors are popping out causing discomfort to the eyes- U9, Deuteranopia, High intensity In Dark theme Color standing out light blue and purple is similar Dark pink and light pink is contrasting - U6, Deuteranopia, Medium intensity
  • 16. ASPECTS THAT CONTRIBUTE TO THE DISTINCTION OF COLORS Users often rely on additional elements/factors such as the respective legends' values and iconography to differentiate colors in data visualizations. Some users encountered difficulty in identifying the colors of legends due to the small size of the legend itself. ➔ ➔ Icons don’t add much value but Size of the element matters when it comes to identifying the colors - U2, Deuteranopia, Low intensity Use logic, looks at the values and icons, its shape and form to distinguish- U1, Deuteranopia, Medium intensity ● Elements/Aspects such as ○ size of the graph, Legend ○ Distinction line between colors ○ Icons
  • 17. RECOMMENDATIONS Few users suggested the inclusion of interactive features in data visualizations to enhance interpretation and improve the overall user experience. ● Introducing interactive elements or touch points within the bar chart would allow users to directly interact with specific slices or blocks, enabling them to obtain relevant information or values for a particular segment.
  • 18. SITUATION BEHAVIOR ➔ As the Gaming platform colorblindness mode, Users often change the colors like red and green to vibrant colors like yellow or blue ➔ In trading applications, some users opt to customize the color of candlestick bars according to their preferences in order to enhance visibility and distinguishability. Yellow or blue
  • 19. RECOMMENDATIONS Enabling users to customize the color palette based on their preferences has the potential to enhance the interpretation of data visualizations for all users. This customization option would promote inclusivity and cater to the unique vision abilities of each individual.
  • 20. Q & A