Opened 10 years ago

Closed 10 years ago

#2312 closed defect (fixed)

[PATCH] Redesign Lobby Login UI

Reported by: Josh Owned by: Josh
Priority: Nice to Have Milestone: Alpha 16
Component: Multiplayer lobby Keywords:
Cc: Patch:

Description (last modified by Josh)

The current lobby login UI is not intuitive, wastes time, and is in the old UI style.

The following need to be done:

1. Update to the new UI style.

  1. If no saved login, show registration predominantly.
  2. If saved login, try logging in automatically (possibly confirm before logging in? Will require consideration.).

4. Consider removing option to specify nick on login.

Attachments (1)

lobby.diff (8.3 KB ) - added by sanderd17 10 years ago.

Download all attachments as: .zip

Change History (12)

comment:1 by Josh, 10 years ago

Resolution: fixed
Status: newclosed

Fixed in r14455.

comment:2 by historic_bruno, 10 years ago

What was fixed? It looks almost identical to me. I think the register "page" should be entirely separate, not just asking to re-enter the password. People aren't used to entering new account info on the login page, then having to re-enter the password on a separate registration page. I've never seen any GUI that does it that way...

comment:3 by Josh, 10 years ago

Description: modified (diff)
Resolution: fixed
Status: closedreopened

Replying to historic_bruno:

What was fixed? It looks almost identical to me. I think the register "page" should be entirely separate, not just asking to re-enter the password. People aren't used to entering new account info on the login page, then having to re-enter the password on a separate registration page. I've never seen any GUI that does it that way...

Alright, I'll put some more time into it. (I personally find separate registration pages confusing and inefficient, but one of the most important aspects of UI design is predictability/familiarity so I'll try to sort it out)

Last edited 10 years ago by Josh (previous) (diff)

comment:4 by historic_bruno, 10 years ago

Thanks! The usual flow is something like this:

  • Login page - start here
    • User name and password boxes
    • Login button
    • Link to register page, typically something like "Need an account? Register here"
    • Cancel button - return to main menu
  • Register page
    • Instructions on how to register, restrictions on username/password, etc.
    • User name, password, and confirm password boxes
    • Register button
    • Cancel button - probably go back to login page

After registering, it should say "Account created successfully, you may now login" or similar, or give an error if there was one. Then the user is taken back to the login page, where they can login. This way is much more consistent and gives the user more explanation simply by logical ordering.

comment:5 by Josh, 10 years ago

Milestone: Alpha 16Alpha 17

This should be good enough for A16.

comment:6 by leper, 10 years ago

Milestone: Alpha 17Alpha 16

It isn't.

by sanderd17, 10 years ago

Attachment: lobby.diff added

comment:7 by sanderd17, 10 years ago

This is my proposal for the lobby UI. The screen is larger to fit all languages. And it's reorganised as a whole.

It includes dynamic tooltips on the buttons (that show why it's disabled), next to the feedback that already existed. The only problem is that I haven't found out how to assign styles to tooltips (now they're quite ugly black text on white bg).

comment:8 by sanderd17, 10 years ago

Keywords: patch review added
Summary: Redesign Lobby Login UI[PATCH] Redesign Lobby Login UI

comment:9 by JoshuaJB, 10 years ago

In 15069:

New lobby connect/registration page. Not perfect but fixes most of the outstanding issues. Refs #2312

comment:10 by Josh, 10 years ago

Keywords: patch review removed
Milestone: Alpha 16Alpha 17
Priority: Should HaveNice to Have

comment:11 by Josh, 10 years ago

Milestone: Alpha 17Alpha 16
Resolution: fixed
Status: reopenedclosed

This was fixed in r15069.

Note: See TracTickets for help on using tickets.