best practice for either uploading a (single) file or deleting the currently uploaded one
I am developing an "account edit" page where the user is able to edit a number of personal identification fields (e.g. name, affiliation, address etc.). The presentation is quite straightforward with vertical aligned labels and text input fields for the various fields. There's a "save" button at the bottom (which becomes enabled when the user modifies a field) and a "logout" button at the top.
So far so good.
I was asked to support an optional Curriculum Vitae (CV) field which would enable users to upload a single PDF file.
The user should be able to:
- upload a file (possible overwriting the existing one)
- delete the currently uploaded CV (in case they no longer wish to have a CV on their profile page)
I am having trouble deciding what is the cleanest and most intuitive way to support the deletion of the current CV (in case one is in fact uploaded).
I was thinking of having in the following order:
- a text description of the uploaded file (if any) labeled "CV"
- a checkbox labeled "delete uploaded file"
- an
inputelement of typefilelabeled "upload new"
The checkbox would be made visible or enabled only if a CV file has is in fact been uploaded to the server. It would also be automatically deselected when the user chooses a file to upload from the file dialog. This is to avoid confusing users who have selected a new file to upload and are wondering whether they should also delete the currently uploaded file (they shouldn't as it is automatically overwritten with the new file).
download bmml source – Wireframes created with Balsamiq Mockups
Can this be improved or is there some other more intuitive arrangement?