Skip to main content
Share Your Experience: Take the 2024 Developer Survey
18 votes

Should I use error message or warning message for optional field validations?

In this case since the user has tried to upload an invalid format, regardless that it is optional, it counts as an error. Warnings and Errors can be defined as such: WARNINGS should appear when ...
RobbyReindeer's user avatar
4 votes
Accepted

Drag image here, drop image here, or drag and drop image here?

Use the least amount of wording while still giving clear instructions. Drag image here or Select Image Maximum filesize: 2mb, allowed files: .jpeg, .png, .gif. Its important to also give the user ...
Pectoralis Major's user avatar
4 votes

Batch upload documents or one at a time

What about a summary about what is actually being done? You could start uploading a file as the user goes, and show the list with their status at the end, or make this available at all times. If you ...
Azepic's user avatar
  • 81
3 votes

Batch upload documents or one at a time

I highly recommend letting users upload a file one at a time like this: This way, you can rely on native file uploading with little room for error. I'd even use this pattern if users need to upload ...
Adam Silver's user avatar
3 votes

Best way to ask users to upload multiple files

You could show the uploaded file as a list and allow your user to upload it live and remove it if they want. if you give users to upload their file live (auto function): 1- the user could have able to ...
Mohsen Samoodi's user avatar
2 votes

Best way to upload linked files

This is an unusual problem and, as such, I'm not sure if there is an precedent for these behaviours. Automatic uploading of the files would be great in this case but it also comes with the concept ...
Roux Martin's user avatar
  • 14.2k
2 votes

User uploading logo with no transparency

Why do you want to define what the user should do? What if i want to have my logo displayed on a white (or any other color) background? Stop forcing your aesthetic perceptions onto the user and allow ...
Pectoralis Major's user avatar
2 votes

Uploading product images

I think the best experience is to ask before doing the update, maybe you did a change to your file and the versioning not reflected on the file name, so the best case is to prompt the user in order to ...
Khalil Hanna's user avatar
  • 1,264
2 votes

Need ideas for a better bulk file uploader for multiple files

You can checkout Udemy's bulk upload feature for videos. There's not a lot of overlap specific to your use case, however you can take some ideas from it. Some ideas - Try to allow the user dump all ...
Aswin's user avatar
  • 151
1 vote

Limit selectable file-types or show error messages?

It generally is better to help the user avoid making an error in the first place, yes. You already have listed the possible actions you could take to achieve that in order of usefulness: Support the ...
Leo Wattenberg's user avatar
1 vote

Multiple upload states and error handling

Files which didn't upload correctly don't exist as far as I'm concerned as a user, and (hopefully) also as far as the server is concerned. So asking the user to delete a rejected file is... odd. It's ...
Leo Wattenberg's user avatar
1 vote

Should I use error message or warning message for optional field validations?

Both is possible, depending on the stage where you want to output the warning. Check the filetype when the user selects the file: display a warning next to the field "the filetype is invalid and the ...
allo's user avatar
  • 378
1 vote
Accepted

Uploader component design

To answer your questions quickly, I'm gonna pull up screenshots from a project I worked on where I had to design similar components. I hope they are of help to you. 1 - Best way to be able to display ...
Oluwatobi Mayowa's user avatar
1 vote

color for download and upload

You can also add the tray to better visually aid the differentiation. As for color I could not see a defined norm but I saw green predominating downloads and blue for uploads.
Chris's user avatar
  • 4,558
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

Uploading product images

Ask! Just like in your OS. It's extra complexity, sure, but it's what users are used to and is probably the most surefire way to avoid a terrible experience when something gets overwritten.
Jason Carlin's user avatar
1 vote

Uploading product images

Ask, why wouldn't you? I'm not being flippant, or maybe a little bit, but what are the ramifications of each scenario? Given that images are personal - I'm leaning towards asking - outside of any ...
DarrylGodden's user avatar
  • 6,336
1 vote

Best pratice to upload a digitized document?

I would be careful with QR code usage in the West, which has completely died off. Asia has adapted QR codes for almost everything, but not the West. I wouldn't be surprised if users wouldn't know how ...
Nicolas's user avatar
  • 5,608
1 vote

Need ideas for a better bulk file uploader for multiple files

Your app shouldn't make users do all this work to upload files. It should just give users a simple familiar file uploader and then help users do all that work IN the app. To put it lightly, this UI ...
moot's user avatar
  • 5,361
1 vote

Should I use error message or warning message for optional field validations?

The answer is to ensure the user is informed upfront, by including 'optional' as part of the label for the field, you could expand this to 'optional, image files only,' which would assist your users ...
DarrylGodden's user avatar
  • 6,336
1 vote

Best way to ask users to upload multiple files

Multiple files can be also uploaded asynchronously, as shown in this example. The UI is very compact and you can add much additional description as required.
Vladimir Georgiev's user avatar
1 vote

"Use samples" "Upload samples" for a button?

It may be unnecessary to have that button in the first place. The only meaningful choices are "use my data" or "use sample data", and you can tell which one of those to do without needing to ask the ...
Daniel Beck's user avatar
  • 4,592
1 vote

"Use samples" "Upload samples" for a button?

If the samples are used for demonstration purposes, you could use the label Demo in the button, which is fairly prevalent for software applications. I used 'or' between the buttons to indicate a ...
Mike M's user avatar
  • 24.7k
1 vote

Drag image here, drop image here, or drag and drop image here?

For me "Drag image here" means you dragging an image in the area, can bew misleading, but of course it depends on the audience, and since they know what's drag n drop it wont be problematic. Maybe "...
Csanaky Norbert's user avatar
1 vote

What keyword should I research? Designing complicated bulk data uploader

There are two actions here which you need to consider. Uploading the files Associating the files with the user who has uploaded them My suggestion would be to use a process which allows the user to ...
Mervin's user avatar
  • 44k
1 vote

Seeking examples of a modal window that has Download and Upload actions?

Ideally, the template should be introduced to the user before they fill out the form and the upload button at the end of the journey. However, if you do want them in the same modal, I would suggest ...
Yash Sonwaney's user avatar

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