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
0answers
9 views

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

We have a 2-level deep hierarchical tree. Users are allowed to drag and drop the groups to re-order items, but not move the group into the sub item level. download bmml source – ...
12
votes
5answers
1k 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
1answer
48 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 ...
0
votes
1answer
84 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
52 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
141 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
36 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
67 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
96 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
51 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
281 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
94 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
94 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
217 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
99 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 ...
0
votes
0answers
93 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
240 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
169 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
50 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
150 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
65 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
86 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
147 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
80 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
225 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
272 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
208 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
107 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
540 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
215 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
518 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
226 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
178 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
126 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
261 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
139 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
302 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
296 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
229 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
464 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
272 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). ...
3
votes
2answers
98 views

Changing a visual object as it is dragged

Imagine that you have an interface with two principal panes: a map and a timeline. We want to enable our user to be able to select a job displayed on the map (for instance, "repair washing machine at ...
3
votes
2answers
2k views

“Click-and-drop” alternative to drag-and-drop, for accessibility (and maybe mobile-web)

I have observed some people fumble with a mouse. They seem unable to synchronize clicking the buttons and sliding the mouse consistently, to where they drag things when they only meant to click on ...
1
vote
2answers
186 views

Draggable and Edditable - How to solve?

I have elements on a web app im designing. Its sort of a WYSIWYG thing for a CMS. The elements are boxes. There are different types of boxes, or "micro templates" as I call them. One is a heading ...