16 variations of a 40 pixel x 40 pixel icon shows the state of completion of 4 steps in a process.
My problems is that the steps can be out of sequence. The design objective is to commuicate graphically:
1. Which steps in the process have been completeted.
2. If the step(s) are out of sequence.
Award will be to bidder that demostrates professional level graphics capabilities in previous work.
25% milestone on completion of icons for ID#5 and ID#6 below.
16 icons for each of the following conditions:
ID# Step1 Step2 Step3 Step4
1 N N N N
2 Y N N N
3 Y Y N N
4 Y Y Y N
5 Y Y Y Y
Out of sequence process (did not progress in order)
6 N Y N N
7 N Y Y N
8 N Y Y Y
9 Y N Y N
10 Y N Y Y
11 Y Y N Y
12 Y N N Y
13 N Y N Y
14 N N Y N
15 N N Y Y
16 N N N Y
Ideas for consideration:
+Divide the icon into 4 segments where each segment represents a step.
+Select a default color to show a step has not been completed.
+Complteion of a step changes the color of the segment. Perhaps each segment has an easily reconized color.
+Some other design element that shows out of sequence error condition such as border color
Output in gif or tiff file format.
This Icon needs to work on 40px x 40px in a small format.
This icon will appear very small on smart phones.
Therefore it must use the available space to be as visisble as possible.
Attached file provides a draft icon you can use as a starting point