0

So, I have the following table on a dashboard that i'm trying to design in order certain process for the place where i work. On it, I have a few fields (promoter's full name, legal terms, number, uploaded files and commentaries)

Is there a way to show the user that some file has been uploaded for the row of the selected promoter? This file will be a .zip file that contains several PDFs from the promoter.

I have the idea of using an upload icon (as the image suggest), but I don't know if this looks user friendly. Even with that, how can I show that a file has already been added on the promoter's row?

Table that has several rows with information about a promoter's full name, legal terms, number, uploaded files and commentaries

My idea was to change the color of the icon, but in my opinion it doesn't fit so well :/

Uploadable files column that shows one icon on black color and another one on green

Improve this question
2
  • 1
    Uploaded or downloaded? Your column reads "Downloadable", but your question says "uploaded"
    – Devin
    Jun 12 at 19:20
  • I would avoid the folder icon with an arrow. That's commonly accepted as being able to upload or download a file (an action) as opposed to meaning a file is available. The black/green color example would fail accessibility for WCAG 1.4.1 since the only way to tell the difference between the two icons is with color.
    – slugolicious
    Jun 12 at 23:21

2 Answers 2

Reset to default
3

Dropbox uses icons to show the sync status of its files:

enter image description here

Available

enter image description here

In progress

enter image description here

Improve this answer
1
  • Note that this example is accessible because it uses a different icon symbol in addition to color. It would not fail WCAG 1.4.1.
    – slugolicious
    Jun 12 at 23:23
1

OK, so you can augment the field that shows the upload status to be more clear. I used Google's uploading style for both Gmail and GDrive as a reference.

uploading file

The idea is that you show yellow for in-progress and then green with the word done when uploaded. With this configuration, the user gets the entire picture with minimal mental work.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.