Tag Info

New answers tagged

0

"Accessibility" is a really large topic, including color choices, but also extending to screen reader support, or timing requirements. If all you do is switch the colors (as I assume from your question), for your safety you should choose a more focussed term. "High Contrast Theme" would be one possibility.


0

I guess if you make it white / black in relation with background and other tracks, you should be fine. Plus even a white line would be denoted in some ways in other non-digital places, like billboards, information boards etc. You can take a cue from that data. The brick and mortar presence should be very similar to how the app depicts it. This is essential ...


0

Since the contrast difference is high, for users with regular screens, I think the format you are using should be OK. If you are going for full accessability, for text-only displays you'd probably need a text-only formatting like [Active] Inactive Inactive, for audio readers (blind users) you may need text saying "option 1 is active" (perhaps using a 0-size ...


2

A quick Google search led me to this informative article about colorblindness. You might want to have a look at UX Question, Testing for Colorblind people This will give you resources to make sure you are taking care of color deficiencies. In addition to this question, there are chrome extensions (like Spectrum, see) to simulate color deficiencies. The ...


3

Consider hiding machines which have no problem. If the goal is to find machine(s) which is (are) not perfectly working, there's no point in displaying 20 green squares and one red square if you only care about the red one. Just display the machines which require some work to fix their problems. You can also add a dashboard which display only the numbers of ...


0

One slightly different approach might be some simple grouping, maybe with background colors. So, for example all the "OK" machines are in a group that has a header with the state typed out (with a text description if needed), then the entire group could a subtle background color. This solution might not work depending on how you want to be able to sort the ...


11

Map of the manufacturing site You could consider having a map of the manufacturing site with location of machines: This will help provide context and streamline the process of operating the machines. Below is just an example ( limited number of machines). If you want to scale things up you can user architectural plans with more graphical emphasis. ...


29

Issues You are right about the use of color. Users are unlikely to remember what it means if you have 8 states. It also creates problems for color blind users. Using a legend is not great because it forces the eye to dart around the screen. It also doesn't solve the color blind issue. 300 items will be difficult to navigate, so careful cell design ...


0

We need to display 20 up to 300 machines on the site. (If possible without paging) In one page, save space : go for a list with filter and clever sorting and write down the state to be well understood because as you said people won't remember 8 colors states.


3

Colors should really match the theme of the site and be easy to the eye. For example, if the site is about valentines day, use shades of red and pink. Most importantly, make sure contrast is good. An example of bad contrast which many websites produce is light grey on white. Visit checkmycolours.com and put any URL in it to see if the website has good ...


4

If I understand the question properly then the answer falls into many different areas. You should be well read on the subject but I would recommend looking into a range of articles from the Gestalt School to Tufte to Nielsen to computer scientists looking into color and data visualization (as for example): Why Should Engineers and Scientists Be Worried ...



Top 50 recent answers are included