Using user-centered design process to re-imagine U.S. Concrete B2B Applications
Where’s My Concrete (AHI! Incident Report Management / WMC eTickets / WMC Customer Application / ProQuo)
One of many challenges was to meet the requirements of data visualization and creating a color palette while also making sure it’s accessible on both print-friendly as well as branding for our applications.
For each project, I would create multiple iterations and build a color shade tool that can be found in adobe colors. I would then use a color-blind tool that they offer. One of my go-to favorite websites prior to adobe color was to visit the contrast checking website for all my designs.
I would review the final selections with the team and the actual business users then, tweak, review, repeat the process until I get the green light.
📚 Here are some of the resources.
Amy Cesal | How to Create Brand Colors for Data Viz Style Guidelines
Berkeley | Data Visualization: Design Considerations
Brown.edu | Colorgorical Palette Generator
Chroma.js | Color Palette Helper
Colorblindor | Color Blind Simulator
Color Brewer 2.0 | Color advice for cartography
Datawrapper | Which color scale to use when visualizing data
Datawrapper | How your colorblind and colorweak readers see your colors
Elijah Meeks | Viz Palette for Data Visualization Color
Everyday Analytics | When to Use Sequential and Diverging Palettes
IBM | Carbon Design System Color Palettes
Infogram | Chart Do’s and Don’ts: The Ultimate Data Visualization Guide
Michael Yi | How to Choose Colors for Your Data Visualizations
Perceptual Edge | Practical Rules for Using Color in Charts
SAP | How To Use Semantic Colors / Industry-Specific Colors
Tristen.ca | Color Picker for data
Toptal | Data Visualization — Best Practices and Foundations
VizPalette | Colors in Action