Another try to get feedback on dribbble.
Which type of 'wizard steps' you prefer? #1 or #2?
Check @2x to have a better look.
10 months ago
Wow both are looking good. But I like #1 one. As it's looking modern.
I prefer #1 too
9 months ago
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.
@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 ;)
@Stafie Anatolie Happy to have helped.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter