Improve sign up page

[troubalex]

I signed up last night on my mobile phone, and it took me four attempts to successfully set up an account.

I didn't see that I needed to tick the CoC and self-identification boxes because they were outside my viewport (screenshot). I filled out all fields, clicked the button, and nothing happened. The toast is placed in the upper right corner, which I couldn't see either. After some trial and error I accidentally scrolled, and hey!, there were more boxes to tick. 😄

Some suggestions for improvement:

• Rather than showing notes on CoC and identity on the right half of the page, consider moving it below the input fields. The page will become rather long, but that's okay, since you ask people to read through all of it before signing up. If you're very attached to the current layout, consider moving the sign-up button to its own row below both halves, preferably centered.
• Currently, there is no indication on the button itself if not all mandatory fields have been filled out. I suggest disabling it until all required boxes are ticked. If this is not a good option, moving the alert from the toast on the top right into a warning right above the button might be a better help.
• Since there is a lot of information on the page, consider adding subheadings for the three sections, such as "Account details", "Code of conduct", and "Gender identification"(?).

These suggestions do not only apply to mobile but to all platforms. Ideally, the app would be truly responsive, but that is a bigger topic that deserves its own discussion.