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 – ...
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 ...
  • 10.7k
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 ...
  • 5,648
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 ...
  • 4,923
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 ...
  • 1,193
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 ...
  • 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 ...
  • 1,247
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 ...
  • 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 ...
  • 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 ...
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 ...
  • 37.1k
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 ...
  • 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 ...
  • 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.
  • 581
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?
  • 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 ...
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 ...
  • 1,485
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. ...
  • 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 ...
  • 40.6k
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 ...
  • 33.7k
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 ...
  • 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"....
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 ...
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 ...
  • 2,838
7 votes

Mobile web app, "tab bar", useable or too obtrusive to bottom native browser controls?

I believe Tab Bars are a much more user-friendly approach than the "hamburger" button. "Hamburger" buttons hide the menu options, and many times users wouldn't even know some of these options exist ...
7 votes

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

On a mobile device, the current design trend uses this. Users have become familiar with the touch method to drill down for further information without having to be explicitly told to do so. Also, a "...
7 votes

Revisiting user-scalable=no

Why zoom can be important My parents are in their 70s and are sophisticated users for their age (mom plays video games!). They have large mobile phones (mom has an iPhone 6 plus and dad has a Galaxy ...
  • 40.6k
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.
  • 8,281
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 ...
  • 23.7k
7 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 ...
  • 396

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