Hot answers tagged

171 votes
Accepted

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

I suggest displaying the button in its disabled state and adding a tooltip explaining why it is disabled and how users can get the permissions to use this action. Not displaying the button: Users ...
67 votes

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

From your description, I think the answer is pretty clear. I get your concerns about some users' expectations but this button shouldn't be shown for a few reasons. A disabled button will only ...
  • 5,221
44 votes
Accepted

Is it acceptable to place an action button on a tab bar?

You should separate the two actions. Use tabs just for selection and for adding a task you should stick the action to bottom of visible area. Your tasks can be viewed by scrolling within the tabs and ...
  • 1,819
29 votes
Accepted

Table with actions per row

3 small action buttons on the left-hand side of each row With a LTR languages, one can assume users will first inspect the row (starting from the left) and only then decide to take action. So ...
  • 32.2k
28 votes
Accepted

What is the difference between the horizontal three dots menu and the vertical one?

Both are traditionally known for displaying More Options You can think of them as Ellipsis that refer to un-finished menu and hence clicking on it shows you the entire menu, finishing it. On Android,...
25 votes

Which accordion Identifiers work best?

I would choose option 3. Use arrows, but have the arrow pointing right when closed, and down when open. download bmml source – Wireframes created with Balsamiq Mockups The reason for this is ...
  • 37k
24 votes

Is it acceptable to place an action button on a tab bar?

Selection category and its action can be separate, as it likely to confuse most of the users. Having a clear separation between them will be more clear and it also standard practice for mobile. You ...
  • 261
15 votes

Is it a strong anti-pattern to use a Floating Action Button in an iOS app?

New in iOS 11 you can find the Floating Action Button within the Notes App. If Apple uses them, you could definitely use them too.
  • 259
13 votes
Accepted

Is it a strong anti-pattern to use a Floating Action Button in an iOS app?

Edit (2022): Material Design has been a strong voice in application design for many years now, and many iOS users will have seen the FAB pattern. FABs are not a core experience to iOS and can still ...
12 votes
Accepted

Flag or report?

System vs social In general use: Users report system problems. Users flag community problems. I'm not aware of any studies on the topic, so let's think about the terms semantically. When I ...
  • 21.1k
12 votes

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

One massive reason for disabling (with explanation) the button rather than hiding it which has not been mentioned explicitly is that an experienced user will at some point end up using an ...
  • 321
11 votes
Accepted

With link and button side by side, and the link is the more important action, how can I SHOW that it's the more important and frequent action?

You have a primary and secondary action. Details is the primary action, delete is the secondary action. What you could do is move the delete function into the window that contains edit/information. ...
  • 8,200
10 votes

Is it a strong anti-pattern to use a Floating Action Button in an iOS app?

If you compare GMAIL user interface itself on the Apple and Android mobiles, the UI is a bit different (user pics and checkboxes - on the left-hand side, etc.). For the IOS, the GMAIL takes a ...
9 votes

Is it excessive to say "Are you sure you want to..."?

I would not ask the user if he's sure, i would assume he is and explain him his actions. I like invisions approach, they even added checkboxes so they make 100% sure that if you delete you delete ...
9 votes

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

The main driving force should be user expectation. If the button is about a functionality that a user might expect to have, it should be there and the disabled state make it clear that it is not ...
  • 191
8 votes

Is it preferable to have a plain "Save" button vs. "Save ___" (noun) button?

The answer is contextual (of course), but in general, you likely want to go with the simplest, most relevant text. In most cases, this means the well-understood 'Save' text is your best bet. If your ...
  • 361
7 votes
Accepted

Selecting new status vs. Triggering status change?

Assuming that the reservation status always starts with being "Pending" - and is not a factor of user action, there are two distinct categories of system/user actions. First category has both ...
  • 3,899
6 votes

Does the user want a notification when an action is performed successfully?

It is best to give some sort of feedback. The Netflix DVD Queue doesn't pop anything up, but it gives clear visual feedback that something has happened and that you can undo it. Gmail provides an ...
  • 8,994
6 votes
Accepted

In a table of contents in an Admin area, where should the VIEW link be placed

By removing the icon, you can separate viewing from modifying a record. You also reduce ambiguity from icon interpretation. Since a common use of a list is to access a record and view its details, you ...
  • 23.6k
6 votes
Accepted

Interface to choose how many results I want to see

Yes, remove the dialog box altogether. Users are conditioned to not read them. Take them directly to the results page with proper pagination (loading a few results per page). If they need finer ...
  • 5,086
4 votes

Table with actions per row

In terms of the order, the primary (in terms of user association) identifier for the data row should always be on the left in a left to right language localization. Note that if you have a unique ID ...
  • 3,037
4 votes

What is the difference between the horizontal three dots menu and the vertical one?

Both of them were used to show more options. Material design uses vertical hamburger icon across platforms to show more options. Primarily used to show secondary options. iOS use horizontal hamburger ...
4 votes
Accepted

Circled plus as both Open and Add/Create?

Never have one icon for two different actions. This will confuse the user. Always use a label with the icon to make the icon and action clear. A user’s understanding of an icon is based on ...
4 votes

Can a dialog have more than two actions in material design?

From the Material HIG: Dialogs should not include more than two actions. A third action, such as “Learn more,” navigates away from the dialog, potentially leaving the task unfinished. ...
  • 2,739
4 votes

How to prevent unsolicited user behavior on image radio button?

Try separating a multistep action (booking flow) from an immediate one (calling) with explicit actions. In this case, one path leads to an immediate (desired?) interruption for the staff: You're ...
  • 23.6k
3 votes

How to differentiate between dismiss and delete

1) 'Archive' actually will be misleading unless record retrieval is provided. 2) 'Hide' is also not appropriate, since 'Show' is the opposite of Hide and user may think that there is an opposite ...
  • 1,156
3 votes

Does the user want a notification when an action is performed successfully?

Yes it is the best practice to show feedback messages on such actions... it means your system is having conversation with the user and the user is aware of what is happening, but don't annoy with too ...
  • 185
3 votes

Is there a word for an action that really needs an affordance and doesn't have one?

Wikipedia defines: False Affordance -- An affordance which in reality does nothing Hidden Affordance -- An affordance that has possibilites for action but they are not perceived I would add to the ...
3 votes

What is the difference between the horizontal three dots menu and the vertical one?

Those characters are called horizontal ellipsis and vertical ellipsis. https://en.wikipedia.org/wiki/Ellipsis#Computer_representations ⋯ (Midline horizontal ellipsis, U+22EF): http://www.fileformat....
  • 131

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