Created attachment 8576960 [details] progress bar Bug 1126319 specifies a progress bar that measures a user's place in the Firefox installation and setup process. We need a final visual design for this. The progress bar will be need to be implemented on the web, in the stub installer and the migrator. An example of how this might work can be seen in this interactive mockup of the whole flow - http://people.mozilla.org/~mverdi/projects/firstrun/prototype I've attached an image of that example progress bar from that prototype.
I wonder if you could leverage the new font-awesome fa-firefox as the 'dot' (maybe a bit larger), with a progressive saturation transition as it travels down the bar? So it starts grey, and ends fully orange. http://fontawesome.io/icon/firefox/ eg. grey - grey/orange - orange/grey - orange Or perhaps a full fledged firefox brand logo if it made more sense from a legal and compliance standpoint. Anyway, just an idea :)
Created attachment 8676578 [details] timelineMock_rev1 Maybe something like this :) I have the psd if you'd like it for Invision.
verdi: check out the progress bar idea that :jfrench had above. Feedback?
The only feedback about the logo progress bar vs a simple dot is that the dot will have to be big enough to be able to distinguish it as a logo.
Created attachment 8678289 [details] timelineMock_rev1_psd Here's the psd also for context :) If you turn off the 2nd blocker layer, it illustrates the relative size increase for the new fox-dot. I built the mock over the existing Invision progress bar and its dimensions.
I'm sorry to take so long to answer here. We've decided on a different approach to onboarding which doesn't need a progress bar. More details here - https://wiki.mozilla.org/Firefox/Onboarding and in Bug 1229599.
Status: NEW → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.