I know this is just a detail of the example app that isn't relevant to the concept itself, so I'm sorry if this is nitpicky, but it's a pet peeve of mine and it just annoys me to no end:
In the "inspection" part of the demonstration, the user can press the "pass" or "fail" toggle or swipe the labels to mark them as passed or failed. So far so good. But the only way the status of an item is indicated when it isn't active is the text colour of the label.
It took me a second or two to realize they were coloured to reflect the status and another few seconds to figure out which one was which and what was coloured or not.
Red/green colour deficiencies affect a significant percentage of the XY-male population (thanks to having only one X chromosome). Partial green deficiency alone affects a whopping 6%. In other words, if you pick 20 men at random, you should expect at least one of them to be affected. The problem becomes even more pronounced if your audience contains a disproportionate number of men (as automotive inspectors might be, if the gender gap holds true).
It's an incredibly bad idea to rely on subtle colour clues alone to convey information. Especially with the thin font rendering in iOS and OSX the text colour is probably the worst choice (larger continuous areas of solid colours can be easier to distinguish but still present problems to individuals with more severe forms of colour deficiencies).
I'm green deficient myself, so I'm personally affected by this problem. Without the larger toggle as a reference I wouldn't be able to determine which text colour is which (i.e. I'd have to rely on luminosity alone and likely assume the darker of the two colours is red).
If you want to design an interface like this, either back the colour clue up with another visual indicator like an icon (checkmark vs cross tends to be easily distinguishable even if the meaning isn't necessarily intuitive in all cultures) or make sure the colour is applied to a large surface. Think of it like text size: the bigger the text, the easier the individual letters are to make out even to people suffering from vision deficiencies. Obvious caveat: it won't help the (colour) blind, of course. You can't improve on zero by multiplying it with a very large number.
In the "inspection" part of the demonstration, the user can press the "pass" or "fail" toggle or swipe the labels to mark them as passed or failed. So far so good. But the only way the status of an item is indicated when it isn't active is the text colour of the label.
It took me a second or two to realize they were coloured to reflect the status and another few seconds to figure out which one was which and what was coloured or not.
Red/green colour deficiencies affect a significant percentage of the XY-male population (thanks to having only one X chromosome). Partial green deficiency alone affects a whopping 6%. In other words, if you pick 20 men at random, you should expect at least one of them to be affected. The problem becomes even more pronounced if your audience contains a disproportionate number of men (as automotive inspectors might be, if the gender gap holds true).
It's an incredibly bad idea to rely on subtle colour clues alone to convey information. Especially with the thin font rendering in iOS and OSX the text colour is probably the worst choice (larger continuous areas of solid colours can be easier to distinguish but still present problems to individuals with more severe forms of colour deficiencies).
I'm green deficient myself, so I'm personally affected by this problem. Without the larger toggle as a reference I wouldn't be able to determine which text colour is which (i.e. I'd have to rely on luminosity alone and likely assume the darker of the two colours is red).
If you want to design an interface like this, either back the colour clue up with another visual indicator like an icon (checkmark vs cross tends to be easily distinguishable even if the meaning isn't necessarily intuitive in all cultures) or make sure the colour is applied to a large surface. Think of it like text size: the bigger the text, the easier the individual letters are to make out even to people suffering from vision deficiencies. Obvious caveat: it won't help the (colour) blind, of course. You can't improve on zero by multiplying it with a very large number.