Skip to main content
2 votes

Handling multiple file uploads when the user must specify attributes for each file

After the multiple simultaneous file upload you could go with something similar to the approaches in the mockups below, using what you could call "cards". For mobile you have several options to ...
Alejandro Veltri's user avatar
2 votes
Accepted

Handling multiple file uploads when the user must specify attributes for each file

You've pointed out two great alternatives. The first layout having mobile issues, but also if one document contained an input error; Would you submit the valid ones and leave the invalid ones or don'...
Lex's user avatar
  • 206
2 votes

Where to place output button below file field

There are several ways to solve this problem. But to answer your question more visually: left-align the buttons. You can actually convert the 4 components (label, input field, placeholder and browse ...
Oluwatobi Mayowa's user avatar
1 vote

Best UX for loading several files and rename them

This is a standard upload operation with extra information requested on completion.
DarrylGodden's user avatar
  • 6,344
1 vote

File preview over popup

There are 2 ways of achieving this that I can think of. Open a new non modal window that does not affect/block the flow of the user. The preview is just a preview with no actions. Non modal https://...
Ashumk's user avatar
  • 1,563
1 vote

When uploading different file types what is preferred that comes first file selection or asking the user to identify the type of file?

I'm not sure I fully understand your workflow, but my first impression is to let the user upload the files first and then decide what to do with them. That way you can validate the files and make sure ...
Dean Hudson's user avatar
1 vote

When uploading different file types what is preferred that comes first file selection or asking the user to identify the type of file?

The main action for your app in that situation is to "upload files", that's why the user clicked on the CTA or whatever other button you they clicked on. So you should have them get the ...
Cephas's user avatar
  • 1,897
1 vote

Asking the user to select two items (which file & file format) before clicking download button

This situation is exactly the same as selecting variations in an online store before shopping: the client select the variation type first and then click the Add to Cart button.
Danielillo's user avatar
  • 21.2k
1 vote

Multiple photo upload zone e.g. before photos and after photos

and welcome to the site! I am not really sure what you ask for - do you have any indicators that your current solution does not meet your users' expectations? Especially regarding the report pages - ...
virtualnobi's user avatar
  • 3,922
1 vote
Accepted

Is it okay if the primary action after an operation is visible after scrolling

This does pose an issue of discoverability, And users might get lost for a while. One way to overcome this issue is to automatically scroll to the main button, once the files are uploaded. You can ...
Sooraj MV's user avatar
  • 3,711
1 vote

Which styling should the field have, once a value has been chosen?

To me, option 1 is stronger, but your default empty state still suffers from its lack of contrast. It might be mistaken for a disabled state. I suggest making the text a bit darker. Your second ...
Wendy Wojenka's user avatar
1 vote
Accepted

Which styling should the field have, once a value has been chosen?

Consistency is at the center of good UI design Unless there's a good reason to, the weight and color of the text and the thickness of the input border of a dropdown selector should be the same in all ...
dennislees's user avatar
  • 11.7k
1 vote

"Add attachment/file" button for a mobile app?

Based on my understanding of your problem, a simple color-scheme may serve you well here. Submit in primary color to show it takes the interface forward Attach File in secondary color to show it's ...
Alan's user avatar
  • 3,858

Only top scored, non community-wiki answers of a minimum length are eligible