Tag Info

Hot answers tagged

8

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. ...


7

Combining the two fields into one is confusing. For instance, it's not clear from the image you included what the button does and what I'm supposed to enter in the field. From your explanation it's clear that you want to allow both options. In these cases, the best way to do that is to actually show the user the two different options. If space is a concern ...


4

There are people that will type in or copy the file name and location. If you are working on a file that is at the end of a long directory structure, and you have it open, it is often easier to just copy the link to the file and paste that in than browse to it. For other people it is easier to browse to that file and select it. For both of them there is a ...


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 ...


4

Maybe you can trade some vertical space for clarity? PS You actually can even go without [Ok] button — just upload image by ajax immediatly after it was choosen/pasted.


4

Personally I like the sites which enables functionality based on how complete your profile is. You could for example allow access to a limited portion of the functionality of your application before the registration is complete. This way you can layer your registration process from having just the basic information provided (name, email, password), to having ...


3

In my experience IDEs have the best UIs for dealing with large amounts of errors unobtrusively. An example of a UI for managing large numbers of errors can be found in XCode. When I build a project with warnings or errors, it lets me know without throwing up massive dialogs in my face: They're already classified into warnings or errors so I can ignore ...


3

The best option may be to do something in between. If you are showing the average rate for the last 5 seconds (or whatever amount of time works best for you), then you should minimize the jumpiness, while still reacting in a timely manner to large changes in speed. In your example, this method would show 4 MBps for the first few minutes, and would go down ...


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

The funny thing is browsers already made this choice for your users, as you're using a web form. Here's Firefox 6: Clicking the input field opens your Browse dialog. You can't type into the field, you can't paste the location to this field. Here's IE8: That text field doesn't work. Clicking doesn't let you type. You can double click it to open the ...


2

Show a summary of the upload results and include any errors. I was faced with this task in one project and the approach that worked for us was to show a summary of the results complete with any errors that occurred. Depending on the task, the user could either back out, make their changes, and try again, or fix the issues with the upload on the system ...


1

To state it simply, there is none. The main difficulty in attempting to identify a set of actions only through icons is that there are very few which most can universally agree upon. It is almost always better to use words, or at the very least, use word/icon pairs. Here's what I do when I'm curious whether there's a universally identifiable icon or ...


1

In Google Drive in English, "Import" has a separate meaning: bringing the content from an existing document (such as an Excel Spreadsheet) into a Google document. I don't know why the French version labels upload thusly, but as I'm sure you are aware, language translation is a complicated issue. Words don't map one-to-one between languages, and usage often ...


1

French word for upload is télécharger not quite sure why google decided to go with Importer. "Import is derived from the conceptual meaning as the goods and services into the port of a country" wiki So the arrow should be pointing towards the object/down


1

Here is what I'm going for with the new UI in one of my projects, it's a WordPress style; drag and drop to upload & select files option in one. And since it's an image upload function, I have put preview right beside it directly. Here is a screenshot:


1

I think it makes sense to have both options, especially if your users are not very evolved. Most desktop users are used to the functionality of having both options. Changing the status quo could result in users getting confused.


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 ...



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