search

cds-snc / report-a-cybercrime

Report a computer crime or scam / Signaler un crime informatique ou une fraude
https://report-a-scam.cds-snc.ca
MIT License
29 stars 14 forks source link

Tell user how much they are uploading / progress bar #1893

Open davidheerema opened 4 years ago

davidheerema commented 4 years ago

Suggestion / question

If a user submits three 2.2MB image files as an example their browser will wait for a) the scanning to complete and b) also the images to upload to the cloud. This can take some time and there is no notice telling them to wait or that it might take some time. Progress bar even.

I suggest adding either a fake progress bar, or telling the user how many megabytes they are uploading so that they get a sense that it might take some time, or at least a message saying "you are submitting some attachments, it might take time to scan them and store them."

thoughts @amazingphilippe ?

amazingphilippe commented 4 years ago

This is happening during the final submission right? If we can't have actual data for progress, we can also use an inderterminate loading icon. Maybe we could also break down the steps when they are complete. Something like this:

Scanning your files...Uploading your files... Upload complete!

With a spinny icon thing. wdyt?

davidheerema commented 4 years ago

Yeah, all good ideas.

Maybe once they click submit, and the page content changes, if they are uploading images display "You have selected images for upload and scanning. They are uploading and scanning now... please wait..."

With spinny loading gif...

Then when the report id / error comes back, remove that content?

amazingphilippe commented 4 years ago

Seems good to me! I'll work on some mockups

ngosset commented 4 years ago

Removing Phil, however this is still a good idea so we'll keep it open. I think just an uploading animation and some text while the report is submitting would be sufficient.

justinr86 commented 4 years ago

Removing Phil, however this is still a good idea so we'll keep it open. I think just an uploading animation and some text while the report is submitting would be sufficient.

In this case a spinner may be the best option. A progress bar may also be a good choice.