Bug 512374 - [UX] Account login page UX issues
Summary: [UX] Account login page UX issues
Status: RESOLVED FIXED
Alias: None
Product: Community
Classification: Eclipse Foundation
Component: Accounts.eclipse.org (show other bugs)
Version: unspecified   Edit
Hardware: PC Linux
: P3 normal (vote)
Target Milestone: ---   Edit
Assignee: Eclipse Web CLA
QA Contact:
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2017-02-17 10:44 EST by Frederic Gurr CLA
Modified: 2017-08-15 09:50 EDT (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Frederic Gurr CLA 2017-02-17 10:44:08 EST
On the new login page (https://accounts.eclipse.org/user/login) the current layout structure is this:

In a grey box:
* Label: Sign in with your Eclipse account
* Text field: Enter your email address
* Text field: Enter your password
* Link: Ask for a new password
* Button: Sign in

Outside of the box:
* Link: Create new account


I recently tried to login and noticed that it feels unintuitive (for me) to hit tab twice to switch from the password field to the "Sign in" button. So I'd recommend to switch the order of the "Ask for a new password" link and the "Sign in" button around.

While creating this bug I also asked myself why the "Create a new account" link is outside of the login box. If the link would be in the box as well, it would look a bit cleaner IMHO.
Comment 1 Antoine THOMAS CLA 2017-02-17 11:01:51 EST
it is highly inspired from google sign in, actually.

As we didn't had in mind that users may use the tab button (and you are right, I do that too actually...) this a very good idea.

Chris, what do you think?
Comment 2 Christopher Guindon CLA 2017-06-05 14:12:04 EDT
(In reply to Antoine THOMAS from comment #1)
> it is highly inspired from google sign in, actually.
> 
> As we didn't had in mind that users may use the tab button (and you are
> right, I do that too actually...) this a very good idea.
> 
> Chris, what do you think?

Perhaps we can keep the UI the same but leverage the tabindex property?

In HTML5, tabindex is a global attribute, enabling any element to receive tab focus. When not included, the code source order is the default tabbing order of a document, with links, form controls and objects getting focus as they appear in the source code.
Comment 3 Antoine THOMAS CLA 2017-06-06 03:53:08 EDT
+1
Comment 4 Christopher Guindon CLA 2017-06-15 17:04:25 EDT
(In reply to Antoine THOMAS from comment #3)
> +1

I created a patch that should address this issue.
https://foundation.eclipse.org/r/#/c/1662/
Comment 5 Christopher Guindon CLA 2017-06-29 14:58:07 EDT
(In reply to Christopher Guindon from comment #4)
> (In reply to Antoine THOMAS from comment #3)
> > +1
> 
> I created a patch that should address this issue.
> https://foundation.eclipse.org/r/#/c/1662/

This patch has been merged and deployed to accounts.eclipse.org.

Closing this bug.
Comment 6 Frederic Gurr CLA 2017-08-15 09:50:12 EDT
Thanks Chris! Tab order is fixed now.