Uploading files Flows

Helps track files from selection to readiness.

13 checks · 3 content groups

Checklist contents

Review progress

Step by step in flow

Track status, feedback, and next actions every step of the way.

Invite the user to select a fileIndicates that you can click to select a file or drag it to the upload area, even if there is no content.

Try interacting

Responds when files enter the drop zoneChange the appearance of the file receiving area so users know the drop location has been recognized.

Try interacting

Monitor each file being loadedKeep the file name next to the progress bar so users know which files are being processed.

Try interacting

State the conditions before choosingSet format, capacity, and allowed count near the load action to reduce failed attempts.

Try interacting

Distinguishing success and failureEach file needs a clear end state; when there is an error, state how to continue instead of just changing the color.

Try interacting

Enables proactive file processingPlace cancel, retry, or delete actions next to the correct file they affect.

Try interacting

Keep separate state for multiple filesWhen bulk downloading, display each file and its status so that an error doesn't hide what's completed.

Try interacting

Start the task

Compare information and presentation in context of use.

State your limits before choosingRecord the file type, capacity and allowed quantity right in the upload area.Select multiple files and then make an error file. Keep progress and results separate for each file; Retry the failed part without reloading the successful files.Example The two files are labeled “Uploaded”; The remaining file says “This file is out of limit” and has the action “Choose another file”.There are many ways to select filesFor button selection; If drag and drop is supported, clear feedback when the file is in the receiving area.Lets check the selected fileDisplays name, size or preview image and lets you discard files you don't want to send.

Feedback and results

Try the operation, change the status and continue working.

Track each fileShows loading, percentage if available, and total progress when there are multiple files.Explain the error with a solutionDistinguish invalid files from network errors; retry the failed file without reloading the entire file.Confirm the file is readyDistinguish between completed downloads and ongoing processing and cancel, delete or continue accordingly for each status.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Check each file when a partial upload fails

Select multiple files and then make an error file. Keep progress and results separate for each file; Retry the failed part without reloading the successful files.

EXAMPLES

Usage examples

A file exceeds the capacity limit

The two files are labeled “Uploaded”; The remaining file says “This file is out of limit” and has the action “Choose another file”.

Uploading files Flows

Step by step in flow

Start the task

Feedback and results

How to review

Check each file when a partial upload fails

Usage examples

A file exceeds the capacity limit

Find a checklist

No checklists found