New answers tagged

0

Actually, I have to say I'm surprised. But Apple Guidelines on popovers actually specify to avoid include any dismiss button, but when you're implementing a task then you should have a 'cancel': Avoid providing a “dismiss popover” button. A popover should close automatically when its presence is no longer necessary. To determine when a popover’s presence ...


0

This question – and much of the discussion here – seems to stem from not having clear definitions and rules for when, why, and how to use several interface components. Below I attempt to explain the simple rules I follow for each component that's related to the one in the original question: Tooltip Used for small bits of read-only content that appear on ...


-2

The worthwhile answer here is: What the heck is a 'menu'? It's not 1950! Recall when software used to have insane numbers of "prefences" and stuff the user could "choose" - choose what font to display your text in! choose what font to display this menu in! choose opening sounds! choose the background color! and so on. That is all ancient history, a ...


1

Based on your current layout and menu, I would also forego the hamburger menu. You have a pretty limited amount of options, with low letter count. I would make the menu collapse from 1 line in to 2: EDMdesigner | API | APP | ECMS | JOBS | BLOG | Login 👤 EDMdesigner Login 👤 API | APP | ECMS | JOBS | BLOG But if you want to use a ...


5

As the developer of Picnic CSS, I have been wondering the same for a long time. I decided on closing it when clicked outside, but in any case, the action should be made obvious. To make it obvious, when the menu is opened, the rest of the content is obscured: A notable example of how not to do it is github. Visit it on your mobile, click on the menu and ...


3

Seems we're all in agreement here. I'll add another perspective on it. Fitts' Law indicates that a larger tap target is easier to hit than a smaller one. So if you can make the entire background a target for closing the menu, then go for it.


15

If you're going to use a hamburger menu, then it should collapse when you click or tap elsewhere (on desktop too, if the menu sticks instead of responds to unhover). Also on mobile other elements should not be activated when tapping off the menu. But I think the correct answer, providing the best UX—which is your real goal, isn't it?—is: don't use a ...


19

Let's evaluate the scenarios Users expect clicking on menu to close If it closes on menu clicking => good Whether it closes touching outside or not=> don't care, because they'll use the button. Moreover most people won't be expecting a toggeable component to remain open when you click outside it and even if someone expect this, redoing the action ...


8

The hamburger "menu" belongs to the menu class of UI patterns. therefor if you look how menus behave, they close in both instances when the user clicks/touches it again or somewhere outside its hit area. The same would apply to hamburger menus as well.


52

Some facts: The image below is from the article How Do Users Really Hold Mobile Devices?. You can find plenty of other articles on the web about how users use a mobile phone. The data was collected by observing thousands of mobile phone owners remotely. Dark Orange / Red - percentage of people who use their phone using thumb alone Violet - Percentage of ...



Top 50 recent answers are included