First OTP screen
- Text Changes
What | Current Value | New value | SMS | Authenticator App |
Title | Verification | |||
Subtitle | Enter 6-digit verification code that you see in your Email. | Please enter 6-digit verification code that was sent to your email. | Please enter 6-digit verification code that was sent to +91 98******95. | Please enter verification code from authenticator app. |
Textbox watermark | Enter the code | Verification Code |
- Need to check fonts.
- Can we have OTP box (6 square box) instead of plain text box? Will coping a code becomes an issue.
Verify Your Identity
- Need to improve design.
- Text changes
- Send verification code to email.
- Text verification code to +91 98******95.
- Use verification code from authenticator app.
OTP Email
passcode -> verification code
adidas SS24 Seasonal Showcase -> Lamborghini Media Center
Main text -> Welcome to Lamborghini Media Center
Passcode -> Verification code
Footer ->
MFA Screen
1. We should remove the word MANAGE. DONE
2. We should call it Two-Factor Authentication, fine to keep route as it is. DONE
3. Need to change “Preferred Method” to “Primary Method”. DONE
4. On change of method, we should display this message “Primary two-factor authentication method updated in system.” in popup. DONE
5. Need to keep toggle on email in disabled mode and add tooltip “Since email is the default authentication method, it cannot be disabled.” DONE GP
6. On disabled radio button, we need to show tooltip “To set this the primary method, please configure it below.” if the user has not configured that option. Also set tooltip to this text or blank based on when this options are set disabled/enabled on user configuring relevant settings. DONE GP
7. Should we refresh the page once the new method is configured or turned off? We need to enable/disable checkboxes based on this action. DONE -GP
8. Do need to add any fly out message when new method is enabled/disabled? Yes, we need to display message “Your changes have been saved” in a popup. DONE -GP
i. ChangesNotSaved - “Failed To Save the changes. Please try again.”On error when updating any auth settings , this msg will be shown in flyout , [though this will be very rare scenario of system error.]
ii. When a method is turned off and if it was selected primary method,then set email as selected and deselect that method DONE - GP
iii. On Edit click open the edit panel , also on checkbox click if its selected, show edit panel , if its deselected, save its settings and update default method radio selection DONE GP
iv. When user checks the checkbox for sms or TOTP setting and closes without saving changes ,the checkbox should be unchecked again. DONE GP
9. Edit link should only be there when user has configured the method. DONE -GP
10. Subtitle changes in below image
a. Text Message – “Use your mobile phone to receive a text message with verification code when you login to the site.” DONE -GP
b. Authenticator App – “Use a authenticator ap to get verification code when you login to the site.” DONE -NT
c. Email : Subtitle as shown in image below DONE -GP
11. Text Change in TOTP Setup Section :
a. Panel Title and subtitle :
i. Authenticator App
ii. Use a authenticator app to get verification code when you login to the site.
b. Section Labels :
i. Scan the QR Code
ii. Use app like Microsoft Authenticator, Google Authenticator or any other two-factor authenticator app of your choice. (AS SUBTITLE OF ABOVE LABLE)
iii. Enter the six-digit code from authenticator app
