depviz icon indicating copy to clipboard operation
depviz copied to clipboard

Non-color blocker/dependency distinction: octagonal/triangular dep-indicator?

Open wking opened this issue 8 years ago • 1 comments

As part of a colorblind-friendly UI (#49), it's good to not rely solely on colors to display important information. One way to do that for dependencies vs. blockers would be to use an octacgon (⯃) or a (circled) triangle down (⎊), both of which are frequently used as stop signs and supported by the Vienna Convention on Road Signs and Signals. The circled version is too busy to also contain text at our sizes, but an uncircled down-pointing triangle would work (▼).

The visual tradeoff between ⯃ and ▼ is space for numbers (favoring ⯃) and recognizable distinction from a circle (favoring ▼).

The Vienna Convention allows countries to chose one or the other, which sounds like “we couldn't come to an agreement and eventually gave up” ;). From the Wikipedia page, ⯃ seems more popular than ⎊ for stop, but the yield / “give way” sign is ▼, which everyone seems to agree on, so the choice is probably a wash from the “conventionally a cautionary sign” perspective.

Here are some mocks with a triangle (inscribed in a radius 1.5 circle) and an octagon (inscribed in a radius 1.2 circle):

octagon-r1 2

triangle-r1 5

octagon-r1 2-gray

triangle-r1 5-gray

And we could put the completion pie on either of those, altough I didn't bother for the mocks.

wking avatar Dec 08 '16 18:12 wking

  • not a big fan of different shapes, but they could work.
  • i think we should leave this as an option for a "design cleanup" issue

jbenet avatar Dec 11 '16 13:12 jbenet