what can give to the user the best and easiest experience, when editing their profile in a web site, practically we have three widely implemented options:
1 - Fields form and submit button: this is the more simple approach for submitting data is just key/value form using labels and textboxes and single submit button, the user just modify the values and press the send button, all the information is saved at once.
2 - modal pop-up: the form is sectioned in several parts, each part contains an edit/add button, in the case you press the button a modal pop-up will show up with the fields you want to update for that specific section, a submit and a cancel button will be part of the modal, each section will be stored separately from each other. (ex: linked-in profile)
3 - Inline Editing: is practically the same situation described above but instead to show the modal pop-up, when you press edit the labels containing the information converts into a input type and a cancel / save button appears, each section will be stored separately from each other. (ex: maybe something simpler but similar to Facebook profile)
you have to keep in mind that the form will contain like 4 or 5 sections and we plan to focus to make the editing as easier as possible to the user.
thanks in advance.
Edit: I found this article, related to the UX and the usage of modal vs Inline Editing, and it recommends to avoid the modal when possible for the following reasons:
- Users might have developed the habit of dismissing them when unexpected modal dialog boxes pop-up
- Modal boxes interfere with ordinary workflow -modal windows are designed to steal a users focus… but overusing them can become frustrating because it throws too many roadblocks in from of a user.
in a nutshell read the following statement:
"The bottom line: Always start a design by trying to use modeless boxes whenever you can…"