I have a modal window in which are three tabbed forms:
[caveat This began life as a sliding div a la twitter, but for whatever reason I have been asked to consider a modal window]
The user uses this form set to maintain information about courses. The user does not have to fill everything out at once but may want to. The user may enter information on one tab or s/he may move between tabs in any one session.
- The user may open the window and then close it without changing any information
- The user may open the window and then enter information erroneously and wish to cancel that action
- The user may enter information in multiple tabs and save that information sequentially before closing the window
- The user may enter information in one tab and save the information and close the window
I am having problems with the save function: the example above will allow the user to save and continue working but the big UX flaw is that there is a huge Fitts law breaking distance between the [x] close and the save functions. An alternative is to include a save and close window button beside the save button but if the user enters information and wishes to cancel there is now a problem with -perhaps- the lack of explicit cancel button.
How should I structure the save, close, cancel functions with this interface?