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 ...
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'...
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 ...
1
vote
Best UX for loading several files and rename them
This is a standard upload operation with extra information requested on completion.
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://...
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 ...
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 ...
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.
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 - ...
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 ...
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 ...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
file-input × 26forms × 8
files × 5
gui-design × 3
drag-n-drop × 3
usability × 2
web-app × 2
input-fields × 2
selection × 2
desktop-application × 2
user-behavior × 1
buttons × 1
design-patterns × 1
search × 1
ios × 1
menu × 1
users × 1
input × 1
web × 1
material-design × 1
labels × 1
scrolling × 1
error-message × 1
multi-selection × 1
guidelines × 1