Skip to main content
Share Your Experience: Take the 2024 Developer Survey
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

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
  • 19.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,566
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,609
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,336
1 vote

Pattern for a nullable image upload field

I would use a single logical form (can be organized into different sections on the page) with three submit buttons: File upload picker with a submit labeled something like "Set New Avatar" A submit ...
J. Dimeo's user avatar
  • 3,858
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.6k
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