Hot answers tagged uploading
23
Since this is a form, I would actually just provide two buttons inline to choose the image, and not a separate dialog or a set of radio buttons.
I believe this is actually better (in this instance) than having a single image button which opens a dialog to choose the option to then choose your picture. If you're choosing from your computer, the button on ...
13
I would go with Dropbox's approach.
'Choose files' is clear enough to tell you the action it performs and concise enough to fit within two words. 'Select files' also works.
When labeling buttons, try to explain what the button does. Are choosing files and uploading two steps or a single step? Since in dropbox's case, you choose the files and then press ...
6
To answer the last part of your question first: how uploading an image works on different devices depends largely on the support for and implementation of HTML5 features such as the File API and file form input fields. On iOS, for example, a prompt appears asking whether the user wants to take a picture with the camera or upload an existing file (see this ...
6
Our very own Stack Exchange has this implemented relatively well (just click the image icon in the toolbar above the answer field):
Though, I would just improve the switch between the 2 modes by increasing the clicking affordance of the inactive method (right now it doesn't look clickable).
The key in this patterns is having some semblance of tabs: they ...
5
I like using link UI conventions in this case, because that is what the user is doing... linking.
download bmml source – Wireframes created with Balsamiq Mockups
4
If you are concerned about the number of options being overwhelming, then you should consider the concept of progressive disclosure, where the more advanced features are generally hidden until specifically requested by a user action. That keeps the interface simple, but lets power user have access to the features they want/need.
...
4
Your sample guy doesn't look like he enjoys following instructions...
Don't use a random sample, use a dedicated picture with annotations (e.g use a generally bright photo, and circle the important elements in red, and label them):
You
xhamster.com
your username
Use a few smaller ones to show common mistakes, e.g. like that:
Rationale: People don't ...
3
Yes, the need to upload an image to a 3rd party server, then going there, retrieving the URL, going to your site and pasting it there - is annoying. It makes you work much harder to share an image and many users just decide it's not worth the trouble.
However, this doesn't necessarily mean you need to develop the whole image hosting infrastructure by ...
2
Save at the time & constant update
This gives the user feedback that she is doing the right things. And also a safe feeling that all hard work is not lost. Also I've seen a lot of people being scared for hitting the submit button if there was no feedback in between. In general it gives a much nicer experience.
Remember though that it would be good if ...
2
Personally I think WordPress's method of uploading is fairly intuitive, i.e the directory structure (Year/Month/), with a plethora of options available after uploading, size, float, style, alt...etc.
ModX CMS uses a similar fashion whereby you have one resource browser, and the user may create additional folders if required, or just upload to a central ...
2
First question to ask is "Why did the users prefer to go back to the old style when the new process just made it easier to categorize the information?". I think there might be more to it than just the fact they "don't like change".
For example, in the new process, did the text area provide them the same rich text editor options that Word offers? In other ...
2
I was very pleased with how Pinterest handled this conundrum, but I thought it could be improved a little (and made more generic).
I created the below wireframe for an internal process, and would recommend it for you, too. Wherever it says "Product," substitute "image" or whatever element you intend. This wireframe was for a specific form to add products ...
2
One thing I personally stay away from is putting both options equally visible on a same page.
Speaking generally, I'd say first determine whether from your or the point of view of your company, one option is more desirable than another. Do you expect one option to be more frequently used than another by your users? Unless, your and users points of view are ...
2
Two possible options (that avoid an additional selection of the type of input) are:
Selectively enabling/disabling the unused control
When the user fills in the URL field, disable the file upload and vice-versa. Here it is important to clearly communicate the either-or relationship and give the user an clearly visible way to change his mind at any time. ...
2
Definitely this is something that can be confusing for users.
I would separate the two halves of the pane - with a divider between image and details, thus making the 'Update Profile' button more clearly related only to the fields.
Yes, immediately upload and display the picture, and immediately delete the picture as soon as the delete button is pressed, ...
2
I'd like to add that behavior of the control is prior to the wording.
There is not one true best wording; the wording depends on the behavior and the purpose; and there are many different ways to approach this.
Assuming the user first selects the file, then submits:
Do you want to support selecting several files, before submitting?
Will a user be able to ...
2
In my opinion 'Choose Files' or 'Choose File' (for single file upload) is the best way. as said it's clear. and it isn't large.
My experiences with long labels for upload are that people ain't going to read what's on the label.
So limit your words to like 2 instead of 4 of more. (Choose files to upload) for example.
I hope it helps.
2
Considering all you have posted so far, I'd say
Yes and no.
The user is the most important part there, no the information itself, if they are not happy, they will be sloppy and will make more mistakes. Keep the simple copy paste, but start a process of identification and parsing of the information, think what is the best way to detect those blocks of ...
2
Being an amateur photographer I've noticed that the good uploading tool is one that just quietly uploads my photos without forcing me to enter anything. It seems like it's not only because I have no idea of how to name or describe the photos sometimes, but because it's much easy to do on the web (especially for multiple photos). So I suggest to not make any ...
1
It depends greatly on the device and how old its OS is and which browser is being used. You should definitely consider the scenario where the user is unable to upload something with his device.
If the user is able to upload, it happens often with a flow similar to that of desktop devices. The browser will open a dialog that allows the selection of media ...
1
It is supported on opera browser via getusermedia feature of html5
http://dev.opera.com/articles/view/playing-with-html5-video-and-getusermedia-support/
If the user has to leave the app to fetch any data and come back to you application, then it doesn't give a good experience especially if it has to be done repeatedly.
1
if 1 photo is the 70% situation, you can place photos vertically one by one.
1 and 2. I suppose the photo selection is almost like the first one, when user taps "done", all UI elements fade out except the photo user choose. the chosen photos will remain and fly to the left side as thumbnail.
3 and 4. Use float keyboard and scroll picker to enable ...
1
From your question, I'm not sure how likely it is that the user will need to upload many additional files. Assuming that the majority of users will only need to upload zero or one files, you may want to consider using a dropdown menu with options for various types of files. That way, instead of a long list of options appearing on your initial page (even a ...
1
There are so many good answers ... I'm late ... well, anyway, I'll try to sprout an idea.
It can be in the line of doing it gradually.
I was thinking of something like @Obelia's "intelligent paste".
MS Word has a powerful scripting language that allowed me to do very interesting things, enterprise kind of things, several times.
In this case I visualize ...
1
I'm assuming:
1) People prefer copying and pasting (and typing human language) because that's easier and faster than filling in individual fields and checkboxes.
2) Getting the info in fields and checkboxes is desirable because it's easier to machine process.
3) The info has to get into machine processable form, somehow.
I think if you put a lot of ...
1
Ask yourself the following questions:
Are your users likely to need to carry out using your site or app while the file is loading?
If there's a strong likelihood that they will need to carry out other tasks, you could aim to find a technological solution to the problem; possibly firing the process in a second window, which can be left unattended.
How ...
1
I would say a combination of one and two,two for the reason that you initially inform the user that navigating away from the page would cause the upload to fail and one as a sharp reminder just in case users have forgotten due to it being a large upload and are not paying attention to the screen
1
I'm curious about the options themselves. Are they at all sensitive to the type of file that is being uploaded (for example, options for images, options for pdfs...). If options can be associated reliably with file types, you could let a person choose a file first and then present options that are relevant to the file type. That would keep your interface ...
1
A recent blog from Zurb talked about this issue on Facebook.
Have a look at it, http://www.zurb.com/article/515/podcast-of-julie-zhuos-talk-on-how-facebo
Problem: The team found that of 85% who uploaded a photo would only upload one photo.
Solution: The team thought perhaps people don’t know how to hold down shift and select multiple photos to upload. ...
1
It really depends on what the function you are trying to build is. If the business rule for the user is that they are going to typically be uploading large groups of files, they will greatly appreciate the ability to upload multiple at one time. However, if the normal use case is one or even a couple of files, then that functionality won't truly be ...
Only top voted, non community-wiki answers of a minimum length are eligible
