Tag Info

Hot answers tagged

64

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


56

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. . Clicking on the Dropdowns results in these options: As you can see it also provides shortcuts for the advanced operations making it ...


28

If we ask UX-guru Jakob Nielsen it's 10 seconds. Longer waiting times could get the user to leave the program/page and do other stuff in the meantime. Supposing that something has gone wrong also depends on the users anticipation on how long a certain task could possibly take and the kind of task itself. Original (1993): ...


18

The idea behind this bar can be traced back to Gestalt's law of similarity which states: Elements within an assortment of objects are perceptually grouped together if they are similar to each other. This is why you shall see two columns in (a) and two rows in (b). The latter also demonstrates that colour wins over shape (in this specific example at ...


16

That is one of the best examples of an interface designed by engineers for engineers :) I would suggest the following improvements: Some of the options should be moved to an advanced section, which is selectable for people that know that they want advanced features. Related options could be grouped together to make it easier to scan. The buttons should ...


12

They are distinct: OK: Applies the changes and closes the dialog (or goes back to the previous location / one level up) Apply: Applies the changes so the user can see / work with the results, but keeps the dialog open, ready for further modifications Cancel: closes the dialog without applying any changes. The "Close button" in the window title usually acts ...


11

I'm author of WinSCP and I've found this "question" really inspiring. Thanks. This is my (kind of) "answer". Improvements I've done (see also screenshot below): Inspired by @Vijay's answer (and Directory Opus), I have merged similar buttons into one with drop down menu. So now there are only 4 buttons, Yes (with Newer Only and Yes to All in menu), No ...


11

Usually the option in capitals is the default. The default will be used if Enter is pressed.


9

It's pretty infuriating to ever have to move a dialog box that appears over the related content that was of interest, so I tend to observe the following hierarchy of rules, but the gist is that the more specific the context, the closer the dialog should be positioned. If the dialog is a context menu or similar to a context menu, position the top left at ...


9

If you expect it to take a lot of time, instead of just a spinning circle you could add progress indicator. Progress indicators are almost perfect from the users perspective, they have just one weak side - they should reflect the TIME spent on waiting, and not DATA PROCESSED, but from programming point of view there are too many dependencies to say that a ...


8

We got a page like that in a server admin interface. You can unfortunately not download a demo of it (as it is the server admin interface) but it looks kind of like this: download bmml source – Wireframes created with Balsamiq Mockups One of those bars each for every day of the week. And then a set of presets like "Always", "Never", "Working ...


8

Users are often more interested to know How do I go about to achieve this goal that I have, rather than investigating the purpose for random actions and CTA's that they currently see in the application. The reason it was removed was simply that it was found more efficient and helpful to focus on finding "good" solutions for letting a user search the answer ...


8

I would keep it as a simple message along the lines of the Android writing style guidelines (even if it isn't for mobile): Download for 1 credit? Download | Cancel It's short, to the point, and avoids words with negative connotations.


8

I think FileZilla does a good job of this. And they give you options to never ask again when overwriting - either in the current queue of transfers ('apply to current queue only'), or for the entire FTP session (just 'always use this action' selected). If they were to add any more options though, I reckon a drop down list would be in order for the 'action' ...


8

I would argue no - this triggers alarm bells as to: 'what have I actually done?' and is not common practices with most software products. However Excel is a bit of a weird fish when it comes to this - it could be dependant upon the macros within the sheet, here is an interesting thread discussing the same issue. ...


7

Good idea. I often turn my phone on silent before opening something just so that I don't have this issue. Would be nice if more designers thought this through. Getting to the first screen with an option to turn sound off without any sound playing is a good idea. It doesn't have to be an in-your-face question that users have to pay attention to, but ...


7

I think the answer to whether the destructive "delete" should be the default action or not highly depends on the context in which the dialog occurs. If the dialog was the result of an action that expresses a clear destructive intent, like for example clicking "empty trash", the user probably knows what the consequences are, so it makes most sense to have the ...


7

It seems like you have a relatively simple problem in terms of what you want to ask your users, so why not ask it explicitly with four options (where I would emphasise the safest option for each). So Import and Append and Export and Append would be the most common options I presume. The other options can either be de-emphasised text, another button. So ...


6

Microsoft still supports context help, and there is no real reason not to use context help. The article Designing Context-Sensitive Help (Windows) from april 2012 shows that this is still valid: You can create context-sensitive help for many of your program's interface elements. In dialog boxes, users can display help by clicking the question mark in the ...


5

Microsoft conducted a lot of testing into the User Account Control (UAC) between Windows Vista (when it was introduced) and Windows 7. They have a post about this on their msdn blogs: We have learned from our customers participating in the Customer Experience Improvement Program, Windows Feedback Panel, user surveys, user in field testing, and in house ...


5

Dialog boxes are needed. In the old HCI thinking, a user interface is essentially a dialog between a human, and a computer. However, handling of the dialog boxes can become habitual. The typical example is Word or any similar document editor: when you close an unsaved document, usually, you don't want to save it. In those exceptional times when you actually ...


5

Use the loading or game start screen to indicate that the game will be playing sound and to adjust the volume accordingly. I've seen some games, notably Osmos for iOS and Mac that shows a image of headphones and says something like 'Best enjoyed with headphones' to emphasize the acoustic element. That indication also prompts the user to know that the game is ...


5

It's confusing to users, unless he knows the rule of the button, I'm looking at the screen, without the information that you wrote really know don't what to do. You could have two buttons (import and export), or when you click Import / Export to open another window with a field and a button to import and a field and a button to export, if you have more ...


5

It is very confusing. At least to me it is. It seems you are trying to make things simpler by removing a button, but you are in fact making things harder because the remaining button has a behaviour wich is hard to predict. Also consider the following situation: I fill in a bunch of settings Then I want to export those settings So I click "Import/Export" ...


5

I lot depends on what the person is waiting for. I can't recall where I read it, but for airline flight bookings it was found that a short wait had a worse response than a longer one. If it were longer (and showed some fake activity), the customers had a better confidence in the algorithm and results. The same applies for insurance quotes and similar ...


5

I'm going to be the wet blanket and suggest that there may not be a big benefit. The fact that these are being used more often is more about changes in technology. We can do it this way now, so let's do it this way. Yes, drag-and-drop is not a new concept. It's been part of our systems GUIs for 4 decades. But note that the process of uploading a file via ...


4

When you need to use any of these things on a button's caption, there is something wrong: / or It is the application's duty to make clear what the buttons does, not the user's duty to find out by trying.


4

The main reason for the Apply feature is to yield closure in the user. What I mean by that is that you don't want to complicate a task for a user, making the user having to think too much about the mere interactive pattern of an application but rather the main task at hand. In this case it's really to ensure the user that changes the user makes are being ...


4

Wait time is closely related to perceived performance. Steve Seow has an excellent book titled Designing and Engineering Time: The Psychology of Time Perception in Software. One of its major results is how we perceive response time: "instantaneous" (0.1 – 0.2 seconds) "immediate" (0.5 – 1 second) "longer" (2-5 seconds or more) How long they're willing ...


4

One big issue here is a lack of hierarchy, all of the buttons are given equal weight on one wide line, which ends up being overpowering at first glance. The user wastes mental energy scanning all available actions because he/she assumes that all choices are equally important. I believe this dialog box should be customized, with obviously the 2 big buttons ...



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