Information messaging in library signup/login

[s-steddy]

The current library signup process is close to working as it should (save for returning login with barcode/pin) but the information as you go through onboarding needs improving.

Still based on this userflow, but there are some new strands now (ie. Brick shared by library #4688)

LIBRARY ONBOARDING

• [x] Most important is after entering your library barcode and pin, there should be a confirmation message and some indication of activity (a pinwheel on the button?) in case this takes a moment. Currently, you wait a few seconds then the email/password screen shows up suddenly.
• [x] For first time users, a message on email/password screen explaining why we need these. Doesn't have to be a popup. Also an indication of activity as currently next page is ts&cs which also appears suddenly.
• [x] The text at the top of the left side of the screen on the signup page can get stuck if you click from log in to join. Can it change to "Sign up for a free Brillder library account today" if you click the library button?

ERROR MESSAGES

• [x] The current message for wrong barcode/pin/authority is wrongly set to the one about using the same barcode twice. Suggest red error popup: Authentication Unsuccessful / We were unable to verify your details. Please check you have entered the correct information, or contact us if this doesn't seem right.
• [x] Trying to use an already-connected barcode: Error and direct to email login
• [x] Trying to use an already-connected barcode from within account: Error and message to check email/registration details, ie. not using a different account.

RE: BARCODE/PIN login We should have a returning user login option with barcode/pin soon. Once this is in place, we may need to revisit some of these messages, especially ERRORS 2 and 3. If this will take longer than anticipated, we should think about a "work in progress" message with a request to use email/password login

[ivanromakh]

I will add login button for new library login.

[ivanromakh]

sign up login

[ivanromakh]

Register updated like in the image above.

[s-steddy]

Some text explaining why we need email and password from new users. What do you think the best way to present this info will be?

Have this line above the email + password fields

Thanks for signing up to Brillder! Please register an email and password to your account.

Beneath, have a line in italics saying "How will this information be used?" which on hover-over gives this:

Brillder does not send general publicity messages, and we will only contact you in specific circumstances, for example in case of an issue with your account. If you need to contact us, this also helps us verify who you are. Your email address will be securely stored, and will never be shared with a third party. Our full terms and conditions will be shown shortly, or you can click here.

[ivanromakh]

not sure about Thanks for signing up to Brillder! as he didn`t signed up yet. he need to fill email to sign up and password to sign up or else he will not be able to login if he don't give us email. the previous step was just checking library details not creating user.

maybe something like this? We checked your library details. please enter your email and password?

[s-steddy]

Good point. But let's make it clear they only have to give their email once as part of onboarding for new users. How about this, or is it too long?

Thank you, your credentials have been verified. As a new user, please register an email and password to your account.

[ivanromakh]

nice

[ivanromakh]

@s-steddy

[s-steddy]

Going to leave some comments here and in #4688 so there's something written down.

A few fixes remain for the page you arrive at from this link, but I'll record them in #4688, otherwise from this page we need to make sure the separate signup/login flows are working properly: http://dev-app.brillder.com/play/brick/1714/cover/history-politics/greenham-common-womens-peace-camp?referralId=cyxlstautp&origin=library

FOR SIGNUP PAGE Barcode/pin entry page is good, but after that you get to this page: https://files.slack.com/files-pri/TT0LJEP8X-F042A5ED76C/screenshot_2022-09-08_at_16.01.03.png

• [x] Welcome popup should read: Thank you, your credentials have been verified As a new user, please register an email and password to your account.
• [x] Remove equivalent text from above email/password fields.
• [x] At bottom of this popup, green button that says OK that clears the popup. You can also just click out of the popup.

If popup can have expading text inside, ie. this function, then put the explanation of why email/password are needed in the popup.

• [x] Text: How will this information be used? >

• [x] On expand: Registering an email address ensures you can still track your achievement should your library membership change, for example were you to move from your current area. Brillder does not send general publicity messages, and we will only contact you in specific circumstances, such as in case of an issue with your account. If you need to contact us, this also helps us verify who you are. Your email address will be securely stored, and will never be shared with a third party. Our full terms and conditions will be shown shortly, or else see Terms at the foot of this page.

• [ ] Otherwise, keep "How will this information be used?" as text underneath the Sign Up button, but we should try to get the expanded text to not cover the email/password fields.

• [x] With unsused barcode/pin - Good, continue to onboarding

• [x] With already used barcode/pin, error popup with this message: Authentication Unsuccessful These credentials have already been connected to an account. Did you mean to [Sign In] (link to sign in page)? Please contact us if this doesn't seem right.

FOR LOGIN PAGE On barcode/pin entry page:

• [x] Correct and registered barcode and pin - good, redirect to Brick (remember not account home or catalogue)
• [x] Incorrect registered barcode/pin or unrecognised barcode/pin (guess we can't distinguish) - error popup with message: Authentication Unsuccessful Please check the information you entered was correct, unless you intended to [Sign Up] (link to register page)? Otherwise, please contact us if this doesn't seem right.

[ivanromakh]

text