[Discussion] Upload Queue Management UI/UX

[kanahia1]

I have developed the UI for the upload queue management, thought that best possible User Experience Design can only be developed by collecting the data from other contributors. So I have made it open to discussion.

For suggestions, just comment down 🙂

[ShashwatKedia]

Hey Kanahia, just saw your developed design, and it looks awesome. Features I really liked:

1. An overall pause and cancel button.
2. Different colours for different states of upload (though they might need to be adjusted for light theme as well)

Some points I would like clarification on:

1. The ContributionsFragment, already has a lot of buttons, banners and menus, don't you think that adding another banner will clutter the already full screen?
2. A banner as complex as the one designed here and with all those pause, cancel, etc buttons so close to each other (vertically), the user may get intimidated and inevitably click any incorrect button, ruining the user experience (and even cancelling uploads if they press yes in the alert dialog which would follow).
3. Assuming, that the campaigns and nearby banner both are visible, it will leave very little screen space left for the user to see past contributions. If the limited connections mode is also turned on, it would make matters worse :(
4. The image thumbnail in the progress banner, seems very small to me. Let's assume, someone uploads images of the same item in 20 different angles. Now, if for some reason, they want to cancel the upload of one or more angles, they would find it very difficult to make out which one they want to cancel.
5. In the last frame, the upload fails and the Progress list shows "1 Upload Failed". Could you explain what the progress list would show if 1 upload has failed, but some others are still going on? Also, do you think of having an overall retry button even when some uploads are going on while some have failed?
6. Not related to the pending uploads design, but in your screenshots the RandomTest1 is placed on top of RandomTest2. Assuming that you would have uploaded RandomTest2 after RandomTest1, it should be kept at the top of the contributions list, when it gets removed from the progress list.

[kanahia1]

Thanks @ShashwatKedia for the suggestions

[kanahia1]

Thanks all for suggestions, here's improvised design. Looking forward for more suggestions, Just comment down ☺️

[shashankiitbhu]

Hi @kanahia1 can you explain the flow for your Improved Design Above? How a user will get to this screen? I was thinking maybe having a single banner at top just Showing the use " N Uploads in Progress" and clicking on it will take you to the Pending Uploads Activity, something like you have presented above - It will be quite straightforward and intuitive for the user.

[kanahia1]

Thanks @shashankiitbhu for the suggestions

Single banner will create clutter since there's already too much on the screen. So I have followed a similar approach used by web browsers for downloads.

Looking forward for more suggestions, Just comment down ☺️

[kanahia1]

Here are the design changes based upon the discussions.

For suggestions, please comment down!

[nicolas-raoul]

Looks good to me! :-)

About the top progress bar: Let's say I launch a 20-pics multiupload, and when the top progress bar shows "18/20 uploaded" I launch aother 20-pics multiupload. Will it now show "18/40 uploaded"? With the denominator being reset only once all pictures have bee uploaded?

[kanahia1]

Yup! Denomanator will show the total uploading right now, if 20 more are uploaded 20 will add up.

[nicolas-raoul]

I guess the first upload will be re-tried if it fails.

What if all retries fail for some reason? Should there be a different tab for such permanent errors?

[kanahia1]

Here's something I have came up with for handling errors. But surely we may need some new tab for permanent errors. I am trying to incorporate it in this design.

[nicolas-raoul]

Looking forward to seeing the Errors tab/page. :-)

There is a design choice to make on when/how to show errors in the home activity.

By the way, there are automatic retries. Tapping "retry" manually often does not work better.

[kanahia1]

Here is something I was thinking of similar to Linkedin do while uploading posts but they show only uploading progress.

[nicolas-raoul]

People might have unresolvable errors staying around for a long time, so a banner might be overkill.

How about adding the number of errors to the home screen icon, maybe something like this (example with 2 pending uploads and 3 errors)?

[kanahia1]

This seems better. I have kept both in the tabs so that on clicking an icon on home activity user should be able to see both pending and errors. Are we keeping automatic retry on each time user opens the app ?

[nicolas-raoul]

Yes I think each failure is retried every time the app is launched. That can potentially be modified during this GSoC if needed.

Minor detail: The "Failed" tab too could have delete buttons. For instance there may be bugs where a picture is actually uploaded but considered as failed.

[kanahia1]

Sure done!