UI mock-up - Account Setup Rev.2

Walter L Schwartz WaltS48 at comcast.net
Thu May 2 14:51:13 UTC 2019

I like this revision.

In what version of Thunderbird might we see this new Account Setup dialog?


On 5/2/19 2:40 AM, alex wrote:
> Hello folks,
> Here's an updated version of the account setup workflow.
> https://presentator.ura.design/en/XP9IsbuQ?v=0&s=1&m=preview
> *First Screen*
> I created 2 variations which we could use for some A/B testing. We 
> could potentially release the version with a smaller and less 
> prominent "Get a New Email Address" first, to later than replace it 
> with a more prominent button once we have those potential providers 
> partnerships.
> A tabbed system will be used to show the user the proper info and 
> fields of what they selected, and a "Other" option which will open 
> less common actions. This might seems like a bit of a stretch, but I'd 
> like to pursue the idea of having a unified "Account Creation Dialog", 
> no matter if the user needs to create an email, add a calendar, an RSS 
> feed, etc. The location and experience should be consistent to prevent 
> unnecessary learning curves or visual inconsistencies between sections.
> This section will be pretty modular, so there's no need right now to 
> list which service/feature should or should not be there, since we can 
> change them pretty easily and we will discuss those in a dedicated 
> bugzilla tickets.
> *Error messages*
> To increase consistency and get the user comfortable with our 
> paradigms, we should use the same notification style for warnings and 
> errors we're currently using in the upcoming TB 68.
> Using the new notification system and color scheme will make the 
> messages feel more prominent and readable. We should also make those 
> messages selectable, so the user can copy the errors for a web search.
> *Manual Configuration*
> This is tricky since there are many fields and it's really easy to 
> overwhelm the user.
> Splitting the "Incoming" and "Outgoing" fields in 2 tabs will help us 
> to visually streamline what the user needs to input, and also will 
> prevent the dialog to grow too much.
> With this UI, we can keep the maximum height of the modal around 
> 600px, which can fit on a 768px height laptop screen, and will help us 
> prevent annoying scrollbars.
> A potential "Get Help" button could be positioned if the manual 
> configuration is necessary, or if an error message is particularly 
> technical. For example, if the user gets a firewall warning, or an SSL 
> warning, we could set that button to open a specific page in our 
> website where we list common errors and how to fix them.
> Cheers,
> -- 
> Alessandro Castellani
> Lead UX Architect
> _______________________________________________
> tb-planning mailing list
> tb-planning at mozilla.org
> https://mail.mozilla.org/listinfo/tb-planning
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.mozilla.org/pipermail/tb-planning/attachments/20190502/79533397/attachment.html>

More information about the tb-planning mailing list