I'm working on a tutor website and after the user sign up, I send the user to edit his profile. Here is the screen:

enter image description here

As you can see I have two forms, one for the user information and the other one for categories (in which category is this user offering tutoring). But I don't feel this is easy or friendly to use. So I want to ask you for suggestion, I mean what are the recommendation of UX-UI to separate and organize this form, because I need this forms to be easy to understand a easy to use.


  • 1
    If your content was in English it would me more clear (for non-spanish speaking UX experts here) how to organize it better.
    – Slava
    Commented Apr 11, 2015 at 12:48

1 Answer 1


A Heading will do the trick.

You can just modify your form like this,


download bmml source – Wireframes created with Balsamiq Mockups

Also please provide the labels for each input field. That will help the user a lot!!

Option 2

You can go for Wizard.

Have the user information in page 1 and the tutorial details on the next one where you will be submitting the form as well.

Espero que ayude!!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.