TACC / tup-ui

React client for TACC User Portal
2 stars 0 forks source link

TACC & TAM Login Form Synergy #452

Open wesleyboar opened 2 months ago

wesleyboar commented 2 months ago

Goal

Make the help links, and respective pages, on TACC login form and TAM login form be consistent and cohesive.

Concerns

  1. Login form links do not match.
  2. Login form texts are not as distinct as the could be ("Reset" and "Request" are similar).
  3. If TACC login form help link text is changed, then it should match TAM login help page titles.
  4. How to improve coordination for login form changes.

UI

Login Forms

TACC Login TAM Login
tacc login tam login
ℹī¸ Links are out of date. đŸĢ¤ Should use "Username". ℹī¸ The "Having trouble logging in?" is meant to introduce options. Existing links do not end with a question mark. 👍 Good work mimicking design.

TAM Login Help Forms

Login Support Forgot Password Forgot Username
tam login_support tam forgot_password tam forgot_username
❤ī¸ Intro text question for support links 💡 When only some fields are required, how about adding a "(required)" (ref.) instead of an "(optional)"? 🔖 User expects password reset activates account because that had previously been a trick. ℹī¸ The term "activate" appears in every sentence. đŸĢ¤ Click here links are bad.

TAM Login Support Process

1. Login Support 2. if Account is Active 3. Support Request Success 3. Support Request Blocked
tam login_support tam account is active tam account help request success request warning ❤ī¸ Directions above form are helpful. ℹī¸ Directions could be less text. ℹī¸ Text could be less. Link can be integrated into text. ℹī¸ Text could be less. Link can be integrated into text.

TAM Login Other Scenarios

Activation Request Activation Link Sent Activation Required Activation Success
activation request activation link sent activation required activation success
❤ī¸ Instructions are helpful. Consistent UI. ❤ī¸ Consistent UI. ❤ī¸ Instructions are helpful. ℹī¸ Text could be less. ❤ī¸ Consistent UI.

Ideas

TACC Login Form

TACC Login TAM Login
tacc login updated tam login tweak
TACC Login (Brainstorming) | A | B | | - | - | | A | B | | C | D | | - | - | | C | D |

TAM Login Help Forms

Login Support Forgot Password Forgot Username
login support - new ❓ ❓
For All Forms
security   policies

TAM Login Support Process

1. Login Support 2. if Account is Active 3. Support Request Success 3. Support Request Blocked
login support - new tam account is active - redesign ticket submit - new ❓

TAM Login Other Scenarios

Activation Request Activation Link Sent Activation Required Activation Success
❓ sans email
accoutna ctivation tweak sans email
with email
acount activation needed - tweak 2
❓ ❓

Q & A

  1. TAM Login, Username or Email: Does email always work? Does everyone has username?
    • There may be many one email for many usernames. — TAM
    • Email is required on login support form, because it is more likely user knows e-mail than username. — TAM
    • Username is a backup on login support form. — TAM
    • It is easier to require one field than either. — @wesleyboar
  2. TAM Account Activation: Can we have "We sent you an email at the address listed in your account" be "We sent you an email to you@email.com"?
    • Unasked. Unanswered.
wesleyboar commented 2 months ago

This will be continued internally. Designer will provide new complete design to TAM team. Updates could be made piecemeal, updates to text (are easiest and would be) prioritized first.