Skip to main content
203 votes
Accepted

What is the opposite of Cancel?

Cancel might be too vague. I always like to be more descriptive when asking users to perform a quite destructive task. This often reduces any anxiety users might have. download bmml source – ...
Paul van den Dool's user avatar
108 votes
Accepted

How to let users know that updates are not real time

Add the time of the last update. That way users have a better understanding how old or new the information is. But it only works if you can use the users system clock to determine the shown time. If ...
jazZRo's user avatar
  • 11.9k
98 votes

How to let users know that updates are not real time

There is no reason to calculate this for the user unless you truly believe they cannot tell time. "Your order will be ready at 18:12" should suffice; it does not matter how many minutes away ...
MonkeyZeus's user avatar
  • 5,658
55 votes
Accepted

How to implement seat selection on small screen mobile devices?

Do what the Android browser does when you are trying to touch things too small to reliably resolve to a single location - zoom to confirm. On the first touch, zoom the area around the touch so that ...
Jack Aidley's user avatar
  • 1,203
49 votes

What is the opposite of Cancel?

Have you considered giving the user an undo button instead? It reduces the cognitive overhead because no choice actually has to be made in the normal case and reduces the input from always having to ...
l0b0's user avatar
  • 1,488
27 votes

How to implement seat selection on small screen mobile devices?

You can check book my show app they give the small window to show the overall seating and then the maximised view on the main screen which you can zoom in zoom out and select multiple seats by just ...
Sanshizm's user avatar
  • 1,267
24 votes

How to implement seat selection on small screen mobile devices?

I have opted to use a pointer element (similar to the text range selection brackets in the iOS and Android) that allows to select a group of seats. Visually, it looks like this: Pointer refers to ...
Gajus's user avatar
  • 1,220
21 votes
Accepted

UX alternative to Modal Windows on a mobile device

Showing a full page modal window on mobile devices means users may confusedly think they’ve been taken to a new page. Modal windows are typically boxes which contain information relevant to the ...
Dipak's user avatar
  • 16.2k
14 votes

Revisiting user-scalable=no

Stop using "user-scalable=no". Period. In the last 6 years, I cannot count the times that I've had to put away the iPhone and go to a desktop computer to examine something on a website because it ...
Mike's user avatar
  • 141
14 votes

UX alternative to Modal Windows on a mobile device

Something I have gone with in the past is to takeover the whole screen for modals. We built a responsive modal so that on desktop you see the modal in a more traditional overlay, but on smaller ...
JonW's user avatar
  • 37.4k
11 votes

What is the opposite of Cancel?

The first thing that came to mind given your example was: Cancel order Proceed with order One goes back, the other one forward. Maybe too forward-ey though?
Lloeki's user avatar
  • 249
11 votes

How to let users know that updates are not real time

Second choice is better to manage user expectations about estimated time. You can create background process auto refresh every X second for update estimated time left, so user don't need to refresh ...
Ashar Setiawan's user avatar
9 votes

Revisiting user-scalable=no

Do not prevent the user from zooming using user-scalable=no or maximum-width=1, minimum-width=1, unless your entire page is an interactive app with its own zoom mechanic overriding default pinch-zoom ...
user56reinstatemonica8's user avatar
9 votes

What is the opposite of Cancel?

"Cancel" in computers has very well defined meaning of "don't do the thing". That's the root of the problem here, as here the thing we're doing is "cancelation(sic) of an order". I believe the best ...
Agent_L's user avatar
  • 1,195
8 votes
Accepted

What is a better way to indicate an optional message reminder when food order is ready

Reduce the amount of choices the user has to make at the same time. The first step is to decide if the user wants a notification or not. Change the label to make it more obvious: Send a notification ...
haugsand's user avatar
  • 416
7 votes
Accepted

Website navigation on mobile

The problem here is not that you have your menu options, but that you're using 60% of the screen just to show your logo.
PixelSnader's user avatar
  • 8,331
7 votes
Accepted

How best to display a rankable list with a heading and submit button?

Use labels in the table headers to indicate ranking, and make clear that items can be moved. Ranking as a concept Test with your users, but Ranking (or equivalent word) is a fairly common concept in ...
Mike M's user avatar
  • 24.7k
7 votes
Accepted

How do I design a mobile table with multiple headers?

I think the problem lies in the origin, not the destination. The hierarchy ranks in the original table are given by position, typographic style and color, except in the second hierarchy, which ...
Danielillo's user avatar
  • 19.2k
6 votes
Accepted

Do users recognize "slideable" areas with dots as indicators for multiple images?

Arrows serve as a signifier that the carousel contains multiple images, so if you remove them, you may run the risk of users not noticing the slide indicator dots underneath. Removing the dots is ...
Paj's user avatar
  • 439
6 votes

Mobile forms - Where to put the save and cancel buttons?

I think this article answers your question very well: Why Users Miss Form Buttons Placed in the Action Bar As they fill out the form, their eyes move from the top of the page to the bottom. When ...
Big_Chair's user avatar
  • 6,835
6 votes
Accepted

Input fields - Is <input type phone> more user friendly for credit cards than <input type number>?

The fields should be configured in a way that directly relates to what data goes into it. So, in this case, while it might be slightly easier to input the numbers with the tel format, that's not what ...
JonW's user avatar
  • 37.4k
5 votes

Need a pattern to choose 1 or both of 2 options (+ edited for clarity)

I would go with a mix: A checkbox, a button and a link/less prominent button. Benefit: You can save the users preference, so in most cases he just has to click the single default button.
Falco's user avatar
  • 2,118
5 votes

Do people click on "scroll to next section" buttons

This depends entirely on the interface, and the familiarity with the user. Scrolling is one of the easiest actions a user can take, both on mobile and on desktop. Usually there is no incentive to ...
Alex P's user avatar
  • 266
5 votes

What is the opposite of Cancel?

I know another answer with Yes / No buttons has already been given, and accepted, but I just want to add this. If a button says something and then a confirmation dialog pops up saying "are you sure ...
Mr Lister's user avatar
  • 384
5 votes

Is it a good practice to extract some menu items from the main navigation on medium sized screens?

Hamburger menus aren't typically used as overflows for existing navigation - they're usually either used to contain the entire navigation (or sometimes to contain non-navigation actions). I think how ...
Warren Payne's user avatar
5 votes

On some screen sizes the CTA goes below the fold

The general shape (horizontal square) and position of the primary button (right above the fold) creates a false bottom. So the problem here is that the user is not aware that there is another button ...
FrancoiS's user avatar
4 votes
Accepted

Why haven't more sites used the nav bar vs. the hamburger menu?

Hamburger menus, like it or not, are widely recognized Inertia: everyone else is doing it, so we did it and now it's done (until the next major redesign/funding come along) Burgers take up very little ...
Stonetip's user avatar
  • 737
4 votes

Pane vs Modal vs ?: Across all screen sizes

I have faced the debate, this is my conclusion thus far. Slide Out vs Modal In an application, it is important to make the distinction between information that requires immediate attention/action ...
Luis Martinez's user avatar
4 votes
Accepted

Footer links necessary if navbar is fixed on small business website?

Though it depends on what type of users you are dealing with, but in most of the cases yes it's required. For example if there is a page of "terms and conditions" , or say "our team". Because of ...
bagaria's user avatar
  • 339
4 votes

Need a pattern to choose 1 or both of 2 options (+ edited for clarity)

Perhaps the following can get you thinking about the interaction flow. The way I see it, you have a collection of existing options, or the option to add a new one. This list is accessible via the [...
maxathousand's user avatar
  • 19.5k

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