Questions tagged [drag-n-drop]

a method of direct manipulation where a user moves an item via a pointing device to "grab and drag" an item to a desired location, then "dropping" the item to specify an action to perform.

Filter by
Sorted by
Tagged with
56 votes
10 answers
13k views

How to visualize the possibility of drag'n'drop?

My web application contains a list of elements, which can be sorted by drag'n'drop. How should this feature be visually represented to users?
Witek's user avatar
  • 932
63 votes
8 answers
34k views

Best UI pattern for letting a user assign items to groups

Problem: the user has a list of about 5-20 uncategorised items and needs to categorize them into 2-4 groups. The tricky part is that the same item can be placed into more than one group (this is an ...
M.A.X's user avatar
  • 2,032
35 votes
7 answers
23k views

How to make it obvious that you can drag things that you normally can't?

My interface allows users to move things that usually have fixed positions in other applications, such as text boxes. What can I do to make it obvious to the user that they can move certain objects? ...
Austin Henley's user avatar
12 votes
2 answers
3k views

How do I make a table row on a web page look draggable?

I have a table on a web page where I need to let the user reorder the rows. I was thinking of letting the user drag the rows to reorder them. But how would I let the user know that he could do that? ...
Adam's user avatar
  • 507
111 votes
6 answers
16k views

What do the 3 close horizontal bars (not hamburger menu) represent and what is the origin of the design?

For some reason, those 3 horizontal bars centered in this Jabber client application is something I associate with something you can drag down, but I can't remember at all why I associate 3 bars with ...
yuritsuki's user avatar
  • 4,026
18 votes
5 answers
9k views

Is it a good user experience to have drag and drop in tablet apps?

I'm currently working on an iPad/tablet app. I want to decide to use or not to use drag and drop in my app. As I'm looking at iPad's native apps there is no drag-and-drop functionality. Is it a bad ...
Mohsen's user avatar
  • 413
12 votes
6 answers
776 views

What are the common idioms for the drop portion of a drag and drop operation?

I'm only concerned here with the other half of a D%D operation, the drop. What are the common idioms to communicate to a user they can drop? And which are the "best" and in what situations? In ...
shemnon's user avatar
  • 423
3 votes
2 answers
7k views

What is the best icon to show that something can be dragged and reordered?

I am using jquery UI sortable to allow rows in an html table to be sortable. I want to use an icon for a handle and I am trying to figure out what is the best image / icon that would best illustrate ...
leora's user avatar
  • 1,341
41 votes
7 answers
29k views

What is a good visual cue for drag and drop? (for reordering a list of items)

I'm wondering if anyone has any opinions on what is the best visual cue to indicate to the user that list items can be reordered via drag and drop? Here are a few options I've been playing around ...
M.A.X's user avatar
  • 2,032
21 votes
5 answers
13k views

The Hamburger Icon - menu or drag affordance?

There seems to be a difference in meaning for this icon emerging: For some it means 'menu', for others it represents 'draggable item' (in preference to the small dots used in GMail for instance). Is ...
Phil Parry's user avatar
13 votes
9 answers
2k views

Warn desktop user of draggable website

I'm building a site that uses the jQuery iScroll plugin in the main navigation system. (http://lab.cubiq.org/iscroll/examples/simple/). Please note that the plugin is not exactly drag-n-drop. Right ...
Alvaro's user avatar
  • 16.8k
13 votes
8 answers
18k views

Drag and Drop with scrolling on tablets

I'm currently facing a design problem with drag and drop on tablets. Scenario: The screen is split in half, on the right side, I have a list of items and on the left side I have a list of boxes. I ...
Van Du Tran's user avatar
9 votes
2 answers
1k views

Cancelling drag-n-drop action before drop

I'm working on sortable tree component. Sorting and moving of leaves and branches is done using drag-n-drop. One of my users has pointed out that once you've started dragging an item you have to drop ...
Troggy's user avatar
  • 203
9 votes
3 answers
10k views

Drag n drop on touch devices

I notice that touch apps rarely make use of the "drag n drop" (dnd) idiom, and instead dragging is almost always used for scrolling. Is there a reason for this? Is it confusing or "wrong" to use dnd ...
aaaidan's user avatar
  • 397
4 votes
2 answers
1k views

Alternative control to drag and drop for assigning tasks to an individual?

I am working on a web application for Branch Managers at an investment bank to assign accounts that are without Financial Advisers for whatever reason. Some reasons are the Financial Adviser has ...
Eileen's user avatar
  • 41
3 votes
1 answer
390 views

Best place on screen to put drag and drop

I'm having a set of items and a set of groups, The items can be dragged and dropped onto the groups to make a different combinations as user wants. Now my question is which is the best place on ...
Strikers's user avatar
  • 161
3 votes
2 answers
2k views

Huge horizontal sortable column lists issue

Sometimes pride doesn't let you but I decided to put that aside and ask for some extra opinions from minds like mine! Sorry for the long post, have to analyze my thoughts to explain my issue. I have ...
scooterlord's user avatar
2 votes
1 answer
1k views

How to accept multiple types of input to a table cell?

I have a problem with a column in a table in which the cells may receive data in multiple ways: You may write a number, say 1.0. If you write you can only write numbers. Place an object in the cell, ...
Erik Engheim's user avatar
1 vote
1 answer
2k views

What is a small screen alternative for drag and drop?

I have a drag and drop question that looks good on full-screen but I can't shrink it down for phone screens so well. The page is navigating from top to bottom and has various knowledge checks as you ...
firefields's user avatar