22 votes

Communicate long-press functionality in a web UI

The major shortcoming I see with your approach is that you are introducing a rather uncommon interaction paradigm. This will make your app unique, likely at the cost of confusing users at least in the ...
Marian's user avatar
  • 361
12 votes

How to show the user has "grabbed" an element?

Add a drop shadow to the element so it appears pinned to the finger. Left: Material Design Components > Lists > Behavior Right: Apple Human Interface Guidelines > iOS > User Interaction > Drag and ...
grg's user avatar
  • 543
11 votes

How to indicate that specific sections of a page can be swiped

I have been dealing with designing for swipe gestures recently and you raise a very important question, as the main problem with most mobile gestures is discoverability . More and more, swipe is ...
RobbyReindeer's user avatar
8 votes

How to indicate that specific sections of a page can be swiped

Use cut off content. Really simple visual idiom. I believe it could even be used to signify the elusive drag-down-to-refresh by showing a corner of a circle at the top.
transistor09's user avatar
8 votes

Communicate long-press functionality in a web UI

It's difficult to overload a common action like click (tap) I've been able to ask a few people what they think of the latest Mac Book Pro with larger track pad and force touch and all of them have ...
DaveAlger's user avatar
  • 15.9k
7 votes

Communicate long-press functionality in a web UI

I would say don't invent or reinvent a fundamental interaction unless you have a really good reason. I would also add that adding a hint to one or some cards is not enough to communicate the 'this ...
Roger Attrill's user avatar
6 votes

Communicate long-press functionality in a web UI

You can use progress indicators In your case this could be achieved with linear progress indicator: The indicator is superimposed on the element you want to long-press. When the user holds the ...
Kristiyan Lukanov's user avatar
5 votes

Is the Mac’s “Wrong Password” gesture universally understood?

You're interpreting the animation as negative head shake because that fits with your cultural background, but ultimately it's just a way of drawing attention to the input. Just because you notice ...
dennislees's user avatar
  • 11.6k
4 votes
Accepted

Communicate long-press functionality in a web UI

In addition to other answers: Major shortcoming: long press is already in use. Where? Windows devices with touchscreen use long press of finger to initiate right click at given location. Anywhere, ...
miroxlav's user avatar
  • 1,747
4 votes

Is there any research on the usability of the pull-to-refresh gesture?

I do not think that there is publicly available research specifically on the pull-to-refresh feature. However, I synthesized some similar materials and came up with an answer of my own. Taps vs Swipes ...
Wray Bowling's user avatar
4 votes
Accepted

What is the default or accepted convention for swipe gestures on mobile application

In a word, no. There is no consensus on swipe actions in apps. To illustrate the lack of consensus, here's a quick list of some applications of swipe actions: (When I say "swipe right", I mean ...
Tin Man's user avatar
  • 2,796
4 votes

Stuck on handling common scroll gestures

I think the solution is to understand that although the gesture is the same, the functionality is different. The first is a Swipeable Menu with hidden tabs and the second is a Swipeable List with ...
Danielillo's user avatar
  • 18.9k
3 votes
Accepted

Is there a standard gesture for resetting scale on a pinch-zoom canvas?

Double tap is the default for zooming back to normal in iOS. It works in photos, safari and a lot of other apps and is encouraged in the guidelines. Material guidelines talk about it too: A pinch, ...
exp's user avatar
  • 2,598
3 votes

How to indicate that specific sections of a page can be swiped

This is an old thread, but it's still a current problem. The best example I've seen of demonstrating that something is swipable is in the search results of the Amazon app (iPad version, not iPhone). ...
user91930's user avatar
2 votes
Accepted

Why we have to put same finger three times for attendance register?

I can relate this question with the asking password and confirm password which is ineffective. In your case, the device can actually take the details of fingerprint at one shot. but it wants you to ...
Paliza's user avatar
  • 130
2 votes
Accepted

Is the small alphabetical index on mobile phone lists usable

Personally I use this all the time. While it would seem too difficult to have accuracy these are actually treated like a smart scrollbar that scrolls not by pixels but by letters. Users are able to ...
CKH4's user avatar
  • 339
2 votes

What is the default or accepted convention for swipe gestures on mobile application

All the gestures are hidden from the user until they either are taught them or accidentally discover them. Gestures have no affordance. Obviously it does not help if app developers don't follow ...
SteveD's user avatar
  • 8,924
2 votes
Accepted

What are the variables needed for describing Friction, Elasticity, magnetism interactions in a UI

I think you are talking about something which is available in jQuery, which they call "Easings" https://api.jqueryui.com/easings/ In this website the movement is communicated using a diagram which ...
SteveD's user avatar
  • 8,924
2 votes
Accepted

How long should a swipe action be to open a sidebar?

Do Not Use a Swipe Action if what you are building is a webpage. If it's a mobile app, let the system i.e Android or iOS etc. handle the drawer or sidebar speed. But if its a mobile view for a ...
Adedoyin Akande's user avatar
2 votes

Do horizontally scrolling tabs on mobile have issues with long labels

I once managed a product that used this pattern (some menu items were off-screen). The off-screen tabs received very little engagement. Some alternatives might include: Show three/four most important ...
Izquierdo's user avatar
  • 12.5k
2 votes
Accepted

Do horizontally scrolling tabs on mobile have issues with long labels

For UI components like image galleries or carousels this is a standard design pattern because you are talking about content that is normally simple (in its interaction) and you have lots of them. For ...
Michael Lai's user avatar
  • 26.9k
1 vote

iPhone: what combination of gestures should I use to manipulate a 3D model?

You could probably use Human Interface Design guidelines for AR and Common gestures: For scaling they suggest this gesture: With two hands, pinch and drag together or apart For movement in X/Y axes: ...
exp's user avatar
  • 2,598
1 vote

When is Swiping Intuitive?

While an interaction like that might not be intuitive at first, you could still teach the user by having the usual send and cancel buttons, but showing a short animation of the message going into the ...
Jan's user avatar
  • 11
1 vote

Back gesture inside the screen which has a swipeable tab

The iOS back gesture works from the edge of the screen. So if you keep enough of a margin (e.g 1cm) you can implement the tab swiping on the center of the screen without any conflict. In fact, I'd ...
PixelSnader's user avatar
  • 8,321
1 vote

How long should a swipe action be to open a sidebar?

Here is a great tutorial about creating a touch menu by Rita Dias. https://www.outsystems.com/blog/mobile-touch-gestures.html I hope this will help you
rhauger's user avatar
  • 304
1 vote

Demonstrate an interaction with a design component

With regards to the @Tin Man UI, the play button could give more sense of a sliding feel if it looks like below.
NPN's user avatar
  • 734
1 vote

What's Apple's term for horizontal "swipeable bar"?

In its documentation, Apple seems to refer to these in vague words, as indicators. The bottom bar doesn't seem to have an official label. From Daring Fireball: Apple seems to be going out of its ...
Tin Man's user avatar
  • 2,796
1 vote

Describing 3D swiping hand movement as curve on a XY plane

Let me organize your question. Tech aspects are generally outside of UX scope, therefore following topics cannot be answered or covered here: Programmatic gesture representation (like bezier curve ...
ADOConnection's user avatar
1 vote

Mobile swipe view with multiple gestures, what would be the best approach

Swipe left or right options are for 'navigations' and 'more' actions. It sounds good for your requirement. Swipe down option is not good to go option for the details. Here is my solution better to ...
Grafix Guru's user avatar
  • 1,141
1 vote

Gesture based checkout for ecommerce app

Sorry to use the Answer function, but I can't add comments yet. It's not clear from your question what platforms you're designing for, but assuming that you're designing for at least both iOS and ...
Monomeeth's user avatar
  • 3,826

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