6/27/2023 0 Comments Color ui codesHow do we choose the right saturation of color? So now that leaves me with some safe colors. Well the most obviously ones are the main colors. What are the colors that I totally can't use? So the easiest place for me to start is with the process of elimination: I want to test the contrast and have other's that don't see exactly like me test them tooīasically I want to test all of my assumptions. I don't want any surprises if I happen to forgetī. My way of solving this is to visualize all the possible permutations.Ī. So how do we solve this? Well we need to physically see how each border will look against each color. The problem here is that we have 5 colorsĮach of these 5 colors need to have a contrasting border, which means we need 5 more colors and each one of them has compliment every one of the original colors. I'm just going to create 5 swatches out of this. What’s our problem solving process? I'm going to take the existing colors and put them into Sketch. So how do we solve this? Well first, Let's start with what we do have and that is 5 really lame colors. We can't change the existing color palette. Part of creating a great user experience is being able to map the conceptual model of our interface as closely as we can to the mental model of our users Problem 1 Memory Recognition and Recall - which is about showing users things they can recognize to rather than asking them to recall items from scratch.Ĭonsistency and standards - this says that Users should not have to wonder whether different words, situations, or actions mean the same thing. So while it can be a bit annoying to have to work under these constraints, this is part of maintaining the integrity of what we call in User Interface Design a Usability Heuristic. I was working with a legacy legend and colors that the stakeholders needed to keep because their user's were already familiar with them from their existing platforms and other system dependent software. What was tough about this was that I wasn't starting from scratch with a nicely balanced color palette that I chose myself. I was tasked with coming up with 5 border colors that could be used in the user interface to color code each pipe that the user selects. This week I tackled the problem of denoting which pipes were part of a selection in a city's project. One of the biggest challenges for this UI/UX design is coming up with colors that represent the pipes and their states, whether the user has selected them in the interface or not and how the user can control the mapping of the colors and what those colors signify. The software, helps cities diagnose what pipes need to be maintained, replaced or fix and ideally when, thus saving the city time and resources. I've been working on a product recently that allows municipalities to see the state of their city's pipelines. The process of choosing colors for simple UI patterns can be a lot different than choosing them for more complex UI problems. īut what about choosing colors for more complex data, like maps, charts, diagrams and other statistic visualizations? I've done one myself if you want to check that out. There are lot of tutorials that detail how to choose color palettes and general branding colors for your websites, digital products and user interfaces.
0 Comments
Leave a Reply. |