Revised mobile login and registration
The current login and registration process is visually speaking a little flat. This issue relates only to improving the visual aspect of login and registration, and does not include any functional changes.
Latest mobile designs can be found here -> https://design.minds.com/hosted/mobile/michael/mobile%23-registration/
Notes
- A continually looping video will play in the background through these screens.
- When going from one screen to the next, the video state should persist (i.e. it does not restart)
- When navigating to any screen that contains inputs, the keyboard should activate automatically on the first input
- The registration page contains only a single password input field (previously two)
- The CAPTCHA input appears within a drawer that slides up (and not an overlay as it currently is)
- Currently there are lots of issues within registration when the keyboard is active. The inputs exceed the available space on the screen, and accessing inputs outside of the viewports proves to be quite awkward. The improved designs contained above reduces the likelihood of inputs appearing outside of the viewport, so hopefully this goes some way in improving the registration experience.
- When defining a password the following popover should appear. Only green ticks should appear as the various criteria are satisfied. The red crosses that are currently implemented, should not appear at all https://design.minds.com/hosted/mobile/michael/mobile%23-registration/#artboard3
Video background demo https://drive.google.com/file/d/1S2oTsaA7vDInGr8Fgx3W5qmPFXVkCIK7/view?usp=sharing
Video Loop MP4 https://drive.google.com/file/d/1F1ge65Ez_PhoeS_v_8sOTEfrU1wn4S41/view?usp=sharing
cc @msantang78