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

4
votes
1answer
45 views

RWD - Drag to background

I have the following setup for a responsive website. download bmml source – Wireframes created with Balsamiq Mockups The problem I'm running into is that on mobile devices, when the ...
0
votes
1answer
100 views

Proper UX on a Widget dropdown menu

I am designing for a piece of web-based software that has a drag-n-drop functionality for "widgets" that can be placed in one of three columns. Over the 2 years of development the list of widgets ...
0
votes
2answers
77 views

Click-to-edit and click-n-drag combined

I'm considering an option to combine two behaviours in a list: Click to edit an item (like in Asana) Click-n-drag an item (like in JIRA) As illustrated in the screenshots, the cursor in both ...
1
vote
1answer
46 views

Drag and drop indicator for web folder

What is a good and elegant way to show user that he can use drag and drop, but when the folder is not empty? It's not a problem for empty folder. I can use the whole area outlined by dash line. But ...
1
vote
1answer
27 views

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list?

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list? What's the disadvantage for the users? On the Table, the dropdown ...
1
vote
2answers
133 views

How to make user realise the Drag Drop functionality

I searched a lot but I did not get any solution. Brief Description I have a website which has some elements which are clickable and rest works on drag and drop funcionality. Everything works ...
3
votes
1answer
59 views

Most Intuitive way to organize images into albums?

I need to create a interface wherein a user can quickly categorize few of his photos into albums. Constraints 1 photo can be a part of multiple albums. Atmost there are 15-20 photos and 5-6 ...
3
votes
5answers
84 views

How to handle drag-and-drop when the user can't see the target

I just had a catch-22 from production that I have no good answer for: The user has a partial calendar (there are no month or year breaks, it's just an eternal scroll of weeks) displayed, each day of ...
1
vote
1answer
108 views

3D Touch for 6s users and long press for iPhone < 6s?

I'm designing a feature for a iPhone app where the user can drag and drop an element horizontally through the viewport. In order to start dragging the user would press and hold on the element for it ...
0
votes
1answer
49 views

Click and drag vs. two clicks to mark period on calendar. Which practice wins here?

I'm working on calendar app and we have a debate: What's the best practice to mark a period: Click and drag - like Google Calendar and AirBnb or 2 Clicks to mark (first click starts the marking ...
2
votes
1answer
34 views

Is there a standard method for manipulating an element on a touchscreen?

I have a "Gantt-like" task management screen on desktop, where user can choose to extend the duration of a task by dragging on either edges to move either the start date or due date. Or drag at the ...
1
vote
2answers
476 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 ...
0
votes
0answers
119 views

jQuery sortable with horizontal scroll

What are everyone's thoughts regarding the use of horizontal window scrolling combined with jquery's sortable. We have 'X' number of columns, and inside are little widgets which can be sorted into ...
0
votes
2answers
112 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
122 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
264 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
414 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 ...
1
vote
1answer
198 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 ...
3
votes
5answers
407 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
82 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 ...
97
votes
6answers
14k 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 ...
2
votes
3answers
207 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
50 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. ...
1
vote
2answers
159 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
130 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
59 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 ...
12
votes
3answers
1k 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
75 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
149 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
138 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
674 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
183 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 ...
2
votes
2answers
262 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
365 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
319 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
60 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
167 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
79 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 ...
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
174 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
96 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
314 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 ...
3
votes
6answers
448 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
262 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
150 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
1k 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
205 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
273 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
722 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 ...