Home » How do you give your user options without overloading them?

How do you give your user options without overloading them?

Solutons:


While Charles’s Answer shows some great UIs, I wanted to add the UX that Directory Opus uses for the same action, which I find very good as well. Simple on the surface with advanced options tucked away after a click.

Simple Copy View.

Clicking on the Dropdowns results in these options:

Replace Options
Skip Options

As you can see it also provides shortcuts for the advanced operations making it easy for power users as well.

When a user is about to take an action that may not be easily reversible, it is imperative that the interface give them enough information to:

  • Make the correct decision on what they want to do.
  • Make it very clear how to make that happen.

In Windows 7 the “Copy File” dialog gives you plenty of information to help you compare the two files using meta data and clear steps for how to make it happen:

enter image description here

Because this is an FTP program there are more options than whether to overwrite or not.

It would be better if the interface made it easier for the user to know what the effect of their decision would have.

FileZilla does a much better job of asking the user for the same information as the question’s example:

enter image description here

The dialog might benefit if it grouped related actions so that it is more clear to the user what their options are broadly and then specifically what their refinement options are based on their need:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

I’m the author of WinSCP and I’ve found this “question” really inspiring. Thanks. This is my (kind of) “answer”.

Improvements I’ve done (see also the screenshot below):

  • Inspired by the @Vijay’s answer (and Directory Opus), I have merged similar buttons into one with a drop down menu. So now there are only 4 buttons, Yes (with Newer Only and Yes to All in menu), No (with Append, New Name and No to All in menu), Cancel and Help. Also I’ve introduced key+click shortcuts for the advanced options.
  • The Help button now really opens a relevant help page:
    https://winscp.net/eng/docs/ui_overwrite
  • Reworded the prompt text to have a real question on the very first line, so it is obvious, what the Yes / No do.
  • EDIT: We have made further improvements, particularly highlighted the main sentence (question) of the prompt and made the buttons width variable. See updated screenshot.

New WinSCP file overwrite prompt

There are some suggestions that I’ve decided not to adopt:

  • Renaming Yes / No buttons: I believe that after rewording the prompt and hiding the advanced options, it’s now obvious, what the buttons do. Moreover renaming them would be inconsistent with other WinSCP prompts and in general with other Windows application, that stick with standard button labels. Also many users are used to the existing Y/N keyboard accelerators.
  • Removing Cancel or moving it to advanced options: I believe there should be Cancel button on all prompts. I’m aware that there’s already the X button on window caption, but it is not really clear what that does. Explicit Cancel is more straightforward. Also Cancel is not a special version of Yes nor No. It cancels whole batch transfer, not only the file in question.
  • Making important buttons larger: While I see that this is common practice in web design, desktop applications should stick with their platform standards. On Windows, the buttons have a single size.

Thanks for all the suggestions!

Related Solutions

Extract file from docker image?

You can extract files from an image with the following commands: docker create $image # returns container ID docker cp $container_id:$source_path $destination_path docker rm $container_id According to the docker create documentation, this doesn't run the...

Transfer files using scp: permission denied

Your commands are trying to put the new Document to the root (/) of your machine. What you want to do is to transfer them to your home directory (since you have no permissions to write to /). If path to your home is something like /home/erez try the following:...

What’s the purpose of DH Parameters?

What exactly is the purpose of these DH Parameters? These parameters define how OpenSSL performs the Diffie-Hellman (DH) key-exchange. As you stated correctly they include a field prime p and a generator g. The purpose of the availability to customize these...

How to rsync multiple source folders

You can pass multiple source arguments. rsync -a /etc/fstab /home/user/download bkp This creates bkp/fstab and bkp/download, like the separate commands you gave. It may be desirable to preserve the source structure instead. To do this, use / as the source and...

Benefits of Structured Logging vs basic logging

There are two fundamental advances with the structured approach that can't be emulated using text logs without (sometimes extreme levels of) additional effort. Event Types When you write two events with log4net like: log.Debug("Disk quota {0} exceeded by user...

Interfaces vs Types in TypeScript

2019 Update The current answers and the official documentation are outdated. And for those new to TypeScript, the terminology used isn't clear without examples. Below is a list of up-to-date differences. 1. Objects / Functions Both can be used to describe the...

Get total as you type with added column (append) using jQuery

One issue if that the newly-added column id's are missing the id number. If you look at the id, it only shows "price-", when it should probably be "price-2-1", since the original ones are "price-1", and the original ones should probably be something like...

Determining if a file is a hard link or symbolic link?

Jim's answer explains how to test for a symlink: by using test's -L test. But testing for a "hard link" is, well, strictly speaking not what you want. Hard links work because of how Unix handles files: each file is represented by a single inode. Then a single...

How to restrict a Google search to results of a specific language?

You can do that using the advanced search options: http://www.googleguide.com/sharpening_queries.html I also found this, which might work for you: http://www.searchenginejournal.com/how-to-see-google-search-results-for-other-locations/25203/ Just wanted to add...

Random map generation

Among the many other related questions on the site, there's an often linked article for map generation: Polygonal Map Generation for Games you can glean some good strategies from that article, but it can't really be used as is. While not a tutorial, there's an...

How to prettyprint a JSON file?

The json module already implements some basic pretty printing in the dump and dumps functions, with the indent parameter that specifies how many spaces to indent by: >>> import json >>> >>> your_json = '["foo", {"bar":["baz", null,...

How can I avoid the battery charging when connected via USB?

I have an Android 4.0.3 phone without root access so can't test any of this but let me point you to /sys/class/power_supply/battery/ which gives some info/control over charging issues. In particular there is charging_enabled which gives the current state (0 not...

How to transform given dataset in python? [closed]

From your expected result, it appears that each "group" is based on contiguous id values. For this, you can use the compare-cumsum-groupby pattern, and then use agg to get the min and max values. # Sample data. df = pd.DataFrame( {'id': [1, 2, 2, 2, 2, 2, 1, 1,...

Output of the following C++ Program [closed]

It works exactly like this non-recursive translation: int func_0() { return 2; } int func_1() { return 3; } int func_2() { return func_1() + func_0(); } // Returns 3 + 2 = 5 int func_3() { return func_2() + func_1(); } // Returns 5 + 3 = 8 int func_4() { return...

Making a circle out of . (periods) [closed]

Here's the maths and even an example program in C: http://pixwiki.bafsoft.com/mags/5/articles/circle/sincos.htm (link no longer exists). And position: absolute, left and top will let you draw: http://www.w3.org/TR/CSS2/visuren.html#choose-position Any further...

Should I use a code converter (Python to C++)?

Generally it's an awful way to write code, and does not guarantee that it will be any faster. Things which are simple and fast in one language can be complex and slow in another. You're better off either learning how to write fast Python code or learning C++...

tkinter: cannot concatenate ‘str’ and ‘float’ objects

This one line is more than enough to cause the problem: text="რეგულარი >> "+2.23+ 'GEL' 2.23 is a floating-point value; 'GEL' is a string. What does it mean to add an arithmetic value and a string of letters? If you want the string label 'რეგულარი...