tb-planning Digest, Vol 111, Issue 37

Christopher Leidigh cleidigh at gmail.com
Tue May 14 02:45:09 UTC 2019


one more post before this moves...

Alessandro  the mockups look really good!
two comments:
- For the example where you have the warning where Thunderbird cannot automatically setup, would it be useful for that case
or similar cases, to also have the password reveal button?  Knowing you entered a wrong password and seeing  that is helpful.
- I like the get help button, anything we can do to help with setup errors will be critical to a good experience.
Christopher

On 5/13/2019 10:25 PM, tb-planning-request at mozilla.org wrote:
> Send tb-planning mailing list submissions to
> 	tb-planning at mozilla.org
>
> To subscribe or unsubscribe via the World Wide Web, visit
> 	https://mail.mozilla.org/listinfo/tb-planning
> or, via email, send a message with subject or body 'help' to
> 	tb-planning-request at mozilla.org
>
> You can reach the person managing the list at
> 	tb-planning-owner at mozilla.org
>
> When replying, please edit your Subject line so it is more specific
> than "Re: Contents of tb-planning digest..."
>
>
> Today's Topics:
>
>     1. Re: UI mock-up - Account Setup Rev.2 (Chris Ilias)
>     2. Re: UI mock-up - Account Setup Rev.2 (Chris Ilias)
>     3. Re: UI mock-up - Account Setup Rev.2 (Alessandro Castellani)
>     4. Extensions - 2 Week Activity (Christopher Leidigh)
>
>
> ----------------------------------------------------------------------
>
> Message: 1
> Date: Mon, 13 May 2019 14:10:22 -0400
> From: Chris Ilias <tb-planning2 at ilias.ca>
> To: tb-planning at mozilla.org
> Subject: Re: UI mock-up - Account Setup Rev.2
> Message-ID: <cc7782b5-9018-593b-2776-a8946dfb444b at ilias.ca>
> Content-Type: text/plain; charset=utf-8; format=flowed
>
> That's funny, my opinion is the opposite. ?
> Bugzilla is for implementation; forums are for discussion.
>
>
> Eyal Rozenberg wrote on 2019-05-13 12:48 PM:
>> I appreciate everybody's ardent work on the UI, but - don't you think
>> the UI discussions belong on some bugzilla page rather than on this
>> list? There are lots and lots of posts and comments which are rather
>> specific/minor. If it were me I'd make an initial post here calling for
>> comments/suggestions someplace else, with a link to that someplace else.
>>
>> In general, once something is well-defined enough technically, and has
>> limited "macro repercussion", we should perhaps consider whether to
>> continue discussing it on this list or continue the discussion elsewhere.
>>
>> Again, much respect for the UI design work!
>> Eyal
>>
>>
>>
>> On 02/05/2019 9:40, 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
>>> <https://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fpresentator.ura.design%2Fen%2FXP9IsbuQ%3Fv%3D0%26s%3D1%26m%3Dpreview&data=02%7C01%7Ceyalroz%40alumni.technion.ac.il%7Cb9253ac615614332695a08d6cec90897%7Cf1502c4cee2e411c9715c855f6753b84%7C1%7C0%7C636923760179416062&sdata=TpqqsVIOksjURaN97puHutWp%2B8LZHiWKIMnDx6uRLU0%3D&reserved=0>
>>>
>>> *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://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fmail.mozilla.org%2Flistinfo%2Ftb-planning&data=02%7C01%7Ceyalroz%40alumni.technion.ac.il%7Cb9253ac615614332695a08d6cec90897%7Cf1502c4cee2e411c9715c855f6753b84%7C1%7C0%7C636923760179426071&sdata=x1zePJSyJJhh21G2LWz%2BwR%2F6LFBqQo66%2FxwB%2FidoFYc%3D&reserved=0
>>>
>> _______________________________________________
>> tb-planning mailing list
>> tb-planning at mozilla.org
>> https://mail.mozilla.org/listinfo/tb-planning
>
>
> ------------------------------
>
> Message: 2
> Date: Mon, 13 May 2019 20:09:41 -0400
> From: Chris Ilias <tb-planning2 at ilias.ca>
> To: "tb-planning at mozilla.org" <tb-planning at mozilla.org>
> Subject: Re: UI mock-up - Account Setup Rev.2
> Message-ID: <15838acf-15d0-155e-dd51-34679e7a6fc6 at ilias.ca>
> Content-Type: text/plain; charset=utf-8; format=flowed
>
> That's understandable. I think tb-planning was meant for higher level
> discussion, not feedback on UI mockups. What's the best place to gather
> feedback for Thunderbird UI mockups in the future? According to
> https://www.thunderbird.net/get-involved/#design , it should be Discourse.
>
> Eyal Rozenberg wrote on 2019-05-13 2:16 PM:
>> Forums are fine too, I just meant not on this mailing list...
>>
>> On 13/05/2019 21:10, Chris Ilias wrote:
>>> That's funny, my opinion is the opposite. ?
>>> Bugzilla is for implementation; forums are for discussion.
>>>
>>>
>>> Eyal Rozenberg wrote on 2019-05-13 12:48 PM:
>>>> I appreciate everybody's ardent work on the UI, but - don't you think
>>>> the UI discussions belong on some bugzilla page rather than on this
>>>> list? There are lots and lots of posts and comments which are rather
>>>> specific/minor. If it were me I'd make an initial post here calling for
>>>> comments/suggestions someplace else, with a link to that someplace else.
>>>>
>>>> In general, once something is well-defined enough technically, and has
>>>> limited "macro repercussion", we should perhaps consider whether to
>>>> continue discussing it on this list or continue the discussion elsewhere.
>>>>
>>>> Again, much respect for the UI design work!
>>>> Eyal
>>>>
>>>>
>>>>
>>>> On 02/05/2019 9:40, alex wrote:
>>>>> Hello folks,
>>>>>
>>>>> Here's an updated version of the account setup workflow.
>>>>>
>>>>> https://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fpresentator.ura.design%2Fen%2FXP9IsbuQ%3Fv%3D0%26s%3D1%26m%3Dpreview&data=02%7C01%7Ceyalroz%40alumni.technion.ac.il%7Cfc72344a24df4613c1dd08d6d7ce4922%7Cf1502c4cee2e411c9715c855f6753b84%7C1%7C0%7C636933678327628398&sdata=AnuuGSzMimH0OQ6qF50bL36Pq1lkE85ZgWDKzXCcmoQ%3D&reserved=0
>>>>>
>>>>> <https://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fpresentator.ura.design%2Fen%2FXP9IsbuQ%3Fv%3D0%26s%3D1%26m%3Dpreview&data=02%7C01%7Ceyalroz%40alumni.technion.ac.il%7Cfc72344a24df4613c1dd08d6d7ce4922%7Cf1502c4cee2e411c9715c855f6753b84%7C1%7C0%7C636933678327628398&sdata=AnuuGSzMimH0OQ6qF50bL36Pq1lkE85ZgWDKzXCcmoQ%3D&reserved=0>
>>>>>
>>>>>
>>>>> *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://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fmail.mozilla.org%2Flistinfo%2Ftb-planning&data=02%7C01%7Ceyalroz%40alumni.technion.ac.il%7Cfc72344a24df4613c1dd08d6d7ce4922%7Cf1502c4cee2e411c9715c855f6753b84%7C1%7C0%7C636933678327628398&sdata=7XHEuDP6obOwT1OswJ2rbGpI%2FvyawJ61LLLxInmwg9Y%3D&reserved=0
>>>>>
>>>>>
>>>> _______________________________________________
>>>> tb-planning mailing list
>>>> tb-planning at mozilla.org
>>>> https://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fmail.mozilla.org%2Flistinfo%2Ftb-planning&data=02%7C01%7Ceyalroz%40alumni.technion.ac.il%7Cfc72344a24df4613c1dd08d6d7ce4922%7Cf1502c4cee2e411c9715c855f6753b84%7C1%7C0%7C636933678327628398&sdata=7XHEuDP6obOwT1OswJ2rbGpI%2FvyawJ61LLLxInmwg9Y%3D&reserved=0
>>>>
>>> _______________________________________________
>>> tb-planning mailing list
>>> tb-planning at mozilla.org
>>> https://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fmail.mozilla.org%2Flistinfo%2Ftb-planning&data=02%7C01%7Ceyalroz%40alumni.technion.ac.il%7Cfc72344a24df4613c1dd08d6d7ce4922%7Cf1502c4cee2e411c9715c855f6753b84%7C1%7C0%7C636933678327628398&sdata=7XHEuDP6obOwT1OswJ2rbGpI%2FvyawJ61LLLxInmwg9Y%3D&reserved=0
>>>
>
>
> ------------------------------
>
> Message: 3
> Date: Mon, 13 May 2019 17:12:19 -0700
> From: Alessandro Castellani <alessandro at thunderbird.net>
> To: tb-planning at mozilla.org
> Subject: Re: UI mock-up - Account Setup Rev.2
> Message-ID: <365a5fc3-d0a0-26a1-b8d6-2aa27b2e66de at thunderbird.net>
> Content-Type: text/plain; charset="utf-8"; Format="flowed"
>
> OK, I will stop sharing mock-ups on tb-planning.
>
> Moving forward I will only post them here:
> https://thunderbird.topicbox.com/groups/ux
>


More information about the tb-planning mailing list