Steps #1 or #2?

6 Responses

  1. Stafie Anatolie Stafie Anatolie

    Another try to get feedback on dribbble.
    Which type of 'wizard steps' you prefer? #1 or #2?

    Check @2x to have a better look.

    about 1 year ago

  2. Kenil Bhavsar Kenil Bhavsar

    Wow both are looking good. But I like #1 one. As it's looking modern.

    likes

    about 1 year ago

  3. Martin Burdon Martin Burdon

    I prefer #1 too

    likes

    about 1 year ago

  4. Phillip Wong Phillip Wong

    I prefer 1. As the customer goes through the steps, the linked circle approach gives more of a feel of progress as opposed to the boxes which doesn't give that feedback.

    Is there a readon that the 1: Draft Report Content bubble is bigger than the others? If the active bubble were the one that was slightly larger than the other, that would give a little more feedback to the customer.

    likes

    about 1 year ago

  5. Stafie Anatolie Stafie Anatolie

    @Phillip Wong, I agree with you on the part with the inter-connected circles giving a better feel of the progress, however i hate how much vertical space it takes.

    The bigger bubble (first one) represents the current step and the last one is a demonstrative completed step.

    I finally decided to go with #2 because of the spacing issue, but changed the border which connects the steps to an angle > so it looks more like a wizard.

    Thanks a lot for your feedback ;)

    about 1 year ago

  6. Phillip Wong Phillip Wong

    @Stafie Anatolie Happy to have helped.

    likes

    about 1 year ago

keyboard shortcuts: previous shot next shot L or F like