Stockpile app graph error1/4/2024 ![]() ![]() This is especially helpful when trying to design something that matches a company website or brand. ![]() I use a color picker browser extension to grab and match colors from a variety of sources. When selecting colors for general text or elements that do not use your established category, you want something that coordinates with your category colors, but is not easily confused with them. I also changed the text color to one that compliments the rest of my color palette and applied that color to element borders. You can really see how this slight change allows my map to melt into the dashboard when we zoom all the way out. I then implemented those as the element background and dashboard background colors. I used a color picker extension to grab the hex colors of the water and land. I tweaked the dashboard dark theme a bit based on the colors from my basemap. I now have room to add additional information in the form of a list. The colors are consistent, so the pie chart legend applies to the rest of the elements. This also allows me to get away with removing various legends. They can move throughout the dashboard focusing on the data instead of constantly having to read or look up what each element’s color choices are. The meaning behind the color is reinforced every time they interact with one of these elements. ![]() These visual cues increase a user’s understanding and help with recall. Not only does this look nice, but it also creates ‘visual cues’. The event type color is the same in the map, donut chart, serial chart, and list. Once I decided upon my category colors, I stuck with them. I want my map to feel like a part of my dashboard, and not something completely different thrown into the dashboard. Even adding a subtle tint to the basemap helps create a cohesive look. Experiment with the different blend modes and transparency settings. None of the basemaps match your dashboard vision? Add John Nelson’s Global Background layer to your map and change the color to match your color palette. I knew I wanted to use a ‘dark’ theme for my dashboard, so I used a dark basemap that would complement the data and the dashboard. I started thinking about my Dashboard color palette long before I even started building out my dashboard. While the data is the same, this second dashboard is more inviting and easier for users to comprehend. What a difference! Spending a little bit more time considering color has turned our serviceable dashboard into a finished product. Now let’s look at a version of that dashboard where I made conscious color decisions that were consistently applied. Not only does this take up valuable real estate, but it also requires more effort from users to really understand what the data is showing them. Every element needs its own legend because the colors are not consistent. Red on the charts represents ‘Volcanic Eruptions’, but the somewhat darker red in the map symbolizes ‘Nuclear Explosions’. The colors are similar, but slightly different. The charts and the map are all symbolized by Event Type. There are some issues here that can be a bit confusing to users. While it’s not bad, it could be so much better. ![]() In this dashboard, I used mostly the default options, including: Here’s a dashboard I put together that explores non-earthquake seismic activity using the Global Earthquake Archive data from the Living Atlas. Conscious use of color helps your dashboard stand apart from the crowd and gives it an extra level of polish. Today we’ll talk about color and how you can break away from the default color palettes. This series, Dashboards That Pop, will focus on ArcGIS Dashboards, with each individual blog focusing on a specific design topic. I thought I would share some of these with you all while I’m between projects. I’ve become a bit notorious amongst my team for my stockpile of design tips, tricks, and tools. Hi everyone! I’m Jen, a Technical Consult that focuses on app configuration. ![]()
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |