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.

learn more… | top users | synonyms

0
votes
1answer
44 views

User experience issue and technical limitation in drag and drop functionality

In order to provide more information I am explaining you with more pictures with actual functional scenario. I am creating internal ticketing support system where super admin can able to see list of ...
1
vote
3answers
56 views

What are the most common modifier keys for dragging objects with a mouse?

What would you consider to be the most agreed upon modifiers and conventions, when dragging/dropping objects? For example, holding Ctrl while dragging could add a "+" to the cursor and cause a copy ...
3
votes
2answers
138 views

Drag and drop in long lists

I continue to hear drag and drop can be a bad user experience when dragging to reorder over long distances, such as within a list and when scrolling to the target location is required. Are there any ...
5
votes
4answers
252 views

Auto-collapse subitems when using drag and drop for large hierarchical lists?

We're looking at a reusable interface that can allow user to view tabular data with hierarchical structure and reorganize/re-order items. Some use cases for this: Updating priority of work on a ...
15
votes
5answers
2k views

Is 'click to add' or 'drag and drop to add' preferred by the user?

I am working with a Javascript dockable window framework called Golden Layout for a web app I'm developing. On their site, they have two examples for how to add windows to their framework which are ...
0
votes
2answers
64 views

How to handle reordering lists in iOS?

I have an iOS application that looks something like this: Every row is tappable and as you can see, its pretty tall, only 4 can fit fully in the viewport. Also, every row has a left and right swipe ...
1
vote
1answer
105 views

File Picker vs. Drag and Drop for Tablets

Imagine that you're creating a presentation on an iPad. You want to create a presentation, add content to it, and rearrange it as needed. You have a catalog of content to choose from, sorted by ...
0
votes
1answer
55 views

Phone screen list item selection to replace drag / drop

I'm designing an app that will require the user to select a single item from a scrollable list and add it to a chat box that resides at bottom of a chat panel. For wider screen web/tablet/iPad ...
2
votes
3answers
152 views

Make click, drag and drop and link between both tables more obvious to user

The two tables in the window below are intrinsically linked. Their purpose is to help the user to quickly allocate a pickup job to a driver. In order to do this, the user simply needs to click on ...
1
vote
1answer
40 views

Handling errors for drag-n-drop reordering for a large list

i have some difficulty determining the best approach(in terms of UX) to this problem: I have a list of elements on a page. Each element has an id and an orderNumber, that are fetched from the server. ...
0
votes
2answers
81 views

Add drag and drop items to multiple places in a tree

I'm struggling with a problem relating to a drag and drop system. I’m designing a complex system that allows the user to configure a decision tree to get to a price value. This system simplified is ...
0
votes
0answers
101 views

iOS drag 'n drop design

I am developing an iOS app (I am a programma with very little design knowledge). This app contains a system where a user can create items in the (expandable) interface and these items can be very ...
1
vote
1answer
53 views

Is it okay to use a “place” and “replace” button if an image has already been uploaded using the drag and drop or upload an image function?

I am trying to use this Drag and Drop / Upload image feature and put it inside a field. By adding or uploading a "logo", it will will be replaced by the image uploaded and buttons like Delete and ...
9
votes
3answers
327 views

When to use grab vs move cursor?

I am making an app with a drag and drop UI. I plan on changing the cursor when hovering over the draggable elements. What's the difference between the move and grab cursors? Can they be used ...
1
vote
1answer
62 views

Pan when dragging near edge of container

I am implementing a container view for a native mobile app that has draggable objects and also allows panning. To drag an object, the user presses and holds until it activates (by highlighting and ...
2
votes
1answer
104 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 ...
5
votes
1answer
99 views

Drag affordance for modal calculator within a modal window

I'm struggling to show affordance for my calculator element. The user of this app is taking phone payments for bills. They've clicked on an icon from the main screen that allows them to split out the ...
0
votes
1answer
258 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 ...
1
vote
1answer
105 views

Reorder in grouped list

List of items, each has: Order, Category. List can be sorted: by order, by category (actually two sort descriptors here: first by category, second by order). And grouped: none, by category. When ...
1
vote
2answers
133 views

Interface for selecting multiple items out of thousands, w/ categories

I'm trying to build an interface for filtering lots of data for the sake of searching. I need to present a VERY large collection of names, make it easy for the user to select all the names they need ...
1
vote
1answer
246 views

intuitive multiple directory (like file input) selection design (pic)

Anyway, I'm a developer by trade, but do most of my own design work. The program I'm currently developing requires that the user "configure" several directories in which several 3rd party executable ...
0
votes
1answer
184 views

Scrolling on Mobile Screen with Draggable Items

I have a responsive web app with lists of draggable items that are longer than the height of the screen. Users will need to be able to scroll down to see more items, but when they do, they run the ...
0
votes
0answers
52 views

How do I indicate field name after multiple drag and drop on the same screen?

I have a screen where we can add 4 images and 2 text strings on the same screen.Images are drag and drop feature.Text have feature of "Click here to enter text" and entered text is shown there ...
1
vote
1answer
151 views

What are the alternatives to dragging items to add to data view?

I have a list of items in a tree in a column on the left of the page. Each item can be added to one or more views by dragging the item onto a view on the right of the page. This is proving to be ...
0
votes
0answers
68 views

How to indicate you can add new elements by drag&drop-ing them from menu?

My app can be compared to UML modeling tool - it has a workspace and a navbar full of new elements that can be drag&drop-ped to the workspace. How do I indicate the drag&drop workflow? Or is ...
0
votes
0answers
91 views

UI for splitting/consolidating orders

I'm working on UI for managing orders in an Ecommerce system. Entities at my disposal include: orders, order items and shipments. I need to implement a clear system to allow my users (vendors) to: ...
19
votes
8answers
3k views

Why is the drag area usually limited to the “title bar”?

Take a simple dialog window: The user will expect that the titlebar can be used to drag the window through the screen. But why is it limited to just this bar? Why is it uncommon that windows can ...
1
vote
3answers
148 views

Designing a mobile interface for 3 or more sortable lists

We currently have a web app that has the following interface: download bmml source – Wireframes created with Balsamiq Mockups List items can be reordered within a list and can also be ...
0
votes
2answers
84 views

Dragging a menu item and indicating where it will be when dropped

I have a menu list which is tree-like(So menu items can have children etc.). I want the user to have the option to move around a menu item in that list. I want them to be able to put the dragged item ...
2
votes
3answers
237 views

Is there a good alternative to zebra stripes when rows use drag-and-drop reordering?

This answer gives pretty good evidence that in a table with multiple columns, zebra stripes are the most effective way to make it easy to see which rows are which in the table. Sometimes in tables, we ...
2
votes
3answers
289 views

Drag and drop direction

I am designing a function where the user is able to drag items from one list and drop them in two others. I was wondering which direction is indicated for that action. In the first case, the list with ...
0
votes
0answers
213 views

Need to select data with different types at once. What to use?

When an user needs to define a custom region, for example, which is composed of one or many cities/states/boroughs/countries/macro-regions (within countries)/micro-regions (within states)/etc., he/she ...
1
vote
2answers
109 views

How to handle map borders in 2D-map with drag and zoom out?

Case description: The user sees a 2D-map that has limited size. He can drag this map. He can also zoom in/zoom out, like in Google Maps (the mouse pointer remains on the same coordinate, both in ...
3
votes
9answers
585 views

What is the usability benefit of “drag files/images here”?

I often see upload dialogs asking the user to drag a file into a highlighted area: This is an alternative to the classic file chooser dialog. How does the drag-and-drop-option improve the ...
0
votes
1answer
198 views

Grab point textures best practice

I'm using jquery's draggable and droppable to enhance the usability of a wireframe stack in our application, and I've already adjusted the cursor to the CSS move glyph to indicate as much. I'd like ...
1
vote
2answers
223 views

Designing a drag and drop sortable that can sort its own contents and copy its children into another sortable

I have this problem that's bothering me for a while. I have an interface containing 2 or more sortables in a web app (sortables are controls where you can rearrange the child contents). Example: ...
9
votes
2answers
552 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 ...
6
votes
5answers
233 views

How to deal with very small droppable area in touch devices?

I'm working on a product customizer in which the user can drop a material directly to parts of the product. The problem is that some parts of the image are very small. How can I solve the problem ...
1
vote
2answers
185 views

What is the fastest way a user can bulk update a set of dates?

I have a little web app that basically shows a roadmap of projects. Think your typical timeline view like this: Each project has a date. Right now if you want to change the date of a project you ...
4
votes
2answers
129 views

How do I minimize ambiguity with Drag-N'Drop for vertical lists?

Say I have two lists with List A positioned directly above List B (Requirement). Both lists allow Drag-N'-Drop re-ordering, initiated by "long-touching" an item. Auto-scroll functionality also ...
3
votes
2answers
264 views

Table builder - Drag-n-drop vs. clicking through dialogs?

I am working on a design of a module for a web application. The web app is to be used on desktops and tablets - in the newer browsers (IE9, CHrome, Safari, etc.). One of the tasks that users have to ...
2
votes
1answer
140 views

Why is the modal Twitter profile window draggable? [closed]

When you click on a person's tag on the Twitter website (found in bold, aligned leftmost from the tweet message), a modal window is displayed. That window is draggable, but there's no (obvious) reason ...
26
votes
10answers
2k views

Make object look draggable

I have a selection object (with the text SELECTED on it) that floats around on a background. The selection object is draggable and is used to drag it onto a furniture to make a selection. The user is ...
2
votes
1answer
305 views

What is the best way you have seen to represent something is draggable? [duplicate]

I've seen many different ways to represent an object on a page as being draggable, but I was the most effective way in your experience of doing so?
0
votes
1answer
303 views

UI pattern for organizing/categorization where items can become a category?

The picture below show pretty much where I am right now, category on the left & in my app I can drag items in categories & move it like that. The issue I have right now is that an Item can be ...
3
votes
2answers
233 views

When dragging large elements - will an equally large placeholder hinder Usability?

I am designing a Web Sortable (via D&D) Interface. When you drag an element I would like to have the placeholder indicate where the element will be dropped. The problem is, if I want to move a ...
5
votes
5answers
1k views

Up & down arrows vs Drag & drop for reordering elements

Something I often argue with a lot of dev & ux guys, I think for simplicity of use, arrows will always be easier than using a drag & drop action, Seeing normal people use drag & drop is ...
1
vote
1answer
480 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 ...
3
votes
2answers
273 views

How do you indicate an element is moveable by keyboard arrows?

I am building a drag and drop interface where elements can be moved by a mouse or by the keyboard arrows. How should I 'tell' the user these elements are moveable using the keyboard? Any idea or a ...
13
votes
5answers
8k 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). ...