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 – ...
user avatar
107 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 ...
user avatar
  • 10.3k
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 ...
user avatar
  • 5,619
65 votes
Accepted

Make people understand they can click on a button in a flat design

The problem with your buttons is that they are not raised above the background, so they don't seem clickable. I highly recommend the Material Design for details on how to choose between flat buttons ...
user avatar
  • 4,893
62 votes
Accepted

Stop user opening links in a new tab

You're looking at the problem from the wrong angle. A user could also open a different browser, or use a second device, which means you can't rely on the idea of opening tabs(and preventing it), nor ...
user avatar
  • 780
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 ...
user avatar
  • 1,183
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 ...
user avatar
  • 1,488
41 votes

Stop user opening links in a new tab

On any site, it is not ideal to break a user's expectations. As a user expects to be able to navigate the internet using tabs in their browser, you shouldn't break it.
user avatar
  • 41.6k
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 ...
user avatar
  • 1,217
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 ...
user avatar
  • 1,200
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 ...
user avatar
  • 16.1k
17 votes

Make people understand they can click on a button in a flat design

The problem is it's not flat enough Are they icons or buttons? This is a common problem with flat design (see other answers) but one possible solution I haven't seen here yet is to remove information ...
user avatar
13 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 ...
user avatar
  • 36.9k
12 votes

Stop user opening links in a new tab

Google hangout has the same requirement as your application. You cannot do two hangouts at the same time. Yet Google does not shock the user by disconnecting the first call when a second call is ...
user avatar
12 votes

Make people understand they can click on a button in a flat design

i thought of something like showing the first skill and let the user figure it out himself, that the others are clickable / tapable aswell (sorry I din't have much time on my hands to do this, but it ...
user avatar
  • 756
12 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 ...
user avatar
  • 121
11 votes

Make people understand they can click on a button in a flat design

How about using a visual cue that users are most likely used to: an underline? Below is an example with solid underline and a dashed one.
user avatar
  • 486
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?
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 ...
user avatar
10 votes

Breadcrumbs: OK to use on mobile site?

I would argue that breadcrumbs used on a mobile site could in fact provide better usability, and share a multi-purpose. One of the things mostly seen today with responsive (mobile) sites is ...
user avatar
  • 1,485
9 votes
Accepted

How do I indicate that a subset of icons aren't clickable?

Please Ignore the Following Rant Congratulations. You’ve been web-abused. You’re the victim of all those other sites/apps failing to apply a consistent simple absolute distinction between clickable ...
user avatar
9 votes

Is culture or language a stronger influence on UI design differences?

I see quite a few areas where language and cultural impact immediately on UI : Color: Color is a culturally sensitive! look at country flags and you can get and immediate sense of how it matters. ...
user avatar
  • 6,976
9 votes
Accepted

Submit button of form in material design

The Material Design documents are very well written, but one of the surprising omissions is the lack of examples for forms. That said, your issue is easily answered: Submit buttons are the same as ...
user avatar
  • 40.3k
9 votes
Accepted

How to present a wide chart on mobile devices?

Your best bet in this case is to make the left column fixed and allow scroll on the remaining columns. You can see an example (and script to do it) at DataTables Fixed Columns. On top of this, since ...
user avatar
  • 32.1k
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 ...
user avatar
  • 1,195
8 votes

Make people understand they can click on a button in a flat design

material design is good but they're not flat perfectly. I recommend you this, my ideal flat button p/s : if you want people consider something is a button, you need provide them "label" and "icon"....
user avatar
8 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 ...
user avatar
8 votes

User experience of PDF menus on restaurant websites

I think they do it because it's easier and cheaper to implement a PDF menu more than an online menu. Features such as downloading, printing, zooming are already built into the web browser. If the PDF ...
user avatar
  • 2,818
7 votes

Has user testing found that the "three horizontal bars" for main menu on mobile is commonly understood?

“@aj_ux: STOP PRESS: I solved the hamburger menu problem everyone pic.twitter.com/7aG2V1POa5” Everyone loves a compromise.— Jonty Sharples (@Gringomoses) June 10, 2014
user avatar
7 votes

When to use cancel, done and back text buttons?

Back is very specific in mobile applications. You can go back in the browser to the last page visited. On Android you can move back in a stack or to a different stack and in iOS back is tied to the ...
user avatar
  • 423

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