Link to the audit of existing stepper patterns:
1. Upload examples of what you've used for your project (and what worked/didn't work)
2. Comment on the patterns that are posted below (and why you think it works, doesn't work)
And heres another unfinished concept page. Where i was exploring 'progress' in general everywhere.
Wonder used this at the top.
Wonder also had a progress steps bar inside the tiles too.
That works well for almost a page level progress stepper, but does anyone have any examples of one that steps through a 'status of application' progress which may sit on the same one page? We used the Wonder one as an IA navigation pattern also, allowing you to navigate back through completed steps..
In XS view, it becomes a single page form with the steps/pages placed in the accordions:
Similar to the accordion option, however, in XS view it stays a multi-page form and instead of an interactive stepper, there are headings that say what step you're on.
Similar to the above option but it it tells you how many steps there are in total in XS view eg. step 1 out of 5:
An example seen in the audit:
This is the XS size design for Wonder as mentioned above.
I also played with unfinished concepts for mobile using a side strip. Totes off brand :) But some ideas there.