The Awkwardness of Drag and Drop File Uploads
Steps for drag and drop file upload:
- Switch from web browser to file browser e.g. Finder or Windows Explorer
- Navigate to files
- Arrange windows so that files can be dragged to web browser (resize/move/switch windows to ensure droppable area is visible)
- Drag and drop files to droppable area
Compared with uploading via basic input[type=file]
:
- Open file browser from web browser
- Navigate to files
- Choose files to upload
Related: User experience trends and the problem with stealing bad ideas.