0

I have a list of exactly 2 steps a user can follow either the first or the second can be completed first, both have to be completed for the next action to occur.

I have large circular icons which glow green or red depending on whether the action under the specific item is properly completed. Beside each icon is the field name (what to do here).

My question is what is the best iconography to represent these separate items. I originally had just a grey circle that glowed green or red, but I feel it is very bland and doesn't get the point across that this is a field (remember this is not a form UI i'm working on).

I was thinking of putting some distinct icon inside the grey circles, maybe a simple shape (i.e. Circle, Square etc.)? Or since the way the items are placed seems like the list is ordered, so using letters which are pretty distinct (i.e. "A" and "B") then allow users to complete it in which ever order they like?

2
  • 3
    Probably a screenshot would help us understand the situation more.
    – Amit Tomar
    Nov 27, 2012 at 6:15
  • We're missing a lot of context here. What are these 'steps'? Are they complex tasks? Is there an even split between which step people prefer to tackle first, or is one more obvious than the other in terms of being completed first?
    – DA01
    Nov 27, 2012 at 7:09

1 Answer 1

1

What's wrong with using a Red X and a Green Checkmark? Simple, Easy to tell apart, common affordance...

4
  • What about the idle state? is everything Red X at the start? Nov 27, 2012 at 4:40
  • 1
    By definition, you haven't completed the task when you start working on it, yes? Nov 27, 2012 at 5:03
  • ya, everything is incomplete when you start, when you focus then unfocus it checks if completed correctly or not Nov 27, 2012 at 5:04
  • So how about pale yellow circle when untouched, green tick inside it when filled correctly, and red cross when not?
    – Baumr
    Nov 28, 2012 at 2:43

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.