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
32 views

Drag and drop between two List<string> [on hold]

I'm using devexpress with c# and the mvvm pattern design. I have two List. With these, I'd like to create a UI where the user can drag&drop from one to other. Which UI element is the better to do ...
0
votes
1answer
78 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
27 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 ...
0
votes
0answers
37 views

Alternatives to dragging items to add to data view

I have a design in which a list of items are in a tree in a column on the left of the page. Each of these items can be added to one or more views on the right side of the page. Currently, this is done ...
0
votes
0answers
44 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
39 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: ...
18
votes
7answers
2k 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
99 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
61 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 ...
1
vote
3answers
123 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 ...
1
vote
1answer
91 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
99 views

Need of selecting multiple data with various types at once. Drop-down lists, comboboxes or drag'n'drop list?

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
73 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
284 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
182 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
140 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
403 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
176 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
131 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
110 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
198 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
103 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
226 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
178 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
135 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
859 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
305 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
248 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 ...
9
votes
3answers
5k 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
96 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
1k 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
152 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 ...
5
votes
5answers
837 views

Do people still use drag and drop?

Is drag and drop (for say photo uploads) a good idea? Aren't users frustrated by all the steps you have to take? Do most people even know how to do it? Open a window Browse to your files Ensure ...
3
votes
2answers
102 views

How to distribute selected listitem through a table (days of week)

What 's the best way to do the following : I want to distribute my employees among the specific periods in the week My current UI is like that on The right side : The list box of employees and ...
13
votes
9answers
1k 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 ...
2
votes
0answers
331 views

Why does scrolling when dragging an element scroll faster on mouse wiggle? [closed]

I don't know about other operating systems, but this is very prolific in Windows. Let's say you have a scrollable container that items can be dragged onto. You want to drag an item onto the part of ...
5
votes
2answers
171 views

What is the best way to point the user somewhere offscreen in a draggable map?

Let's say you have a Google Maps like draggable map: I'd like to show the user that there is something waiting for him somewhere outside of the visible portion of the map, let's say to the left. My ...
2
votes
2answers
199 views

Adding, Removing and Re-ordering of a large list of items for MOBILE

I am having trouble finding the best solution for the best possible user experience for Mobile. I have done a solution for desktop, but really struggling for a solution for mobile I have a large list ...
3
votes
1answer
1k views

Examples of patterns for multiple file uploads using drag and drop?

I've been working on an app that involves making an application for a permit. Applicants typically need to upload 5-16 documents (drawings and specifications) before they submit their applications. ...
9
votes
8answers
7k 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 ...
13
votes
5answers
2k 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? ...
7
votes
2answers
405 views

Combination of text and drag and drop search

I am designing a filter function for a software application (not a web site) which contains multiple input controllers. A text input is used in combination with a drop zone for files (for drag and ...
4
votes
2answers
103 views

Tap or Drag to mark a specific point?

The scenario We have a screen with a view containing many small symbols. The user will have to choose a single element. In order to find the correct element, he'll have to pinch and pan. As you can ...
5
votes
1answer
420 views

Drag and Drop: Better to avoid drag-n-drop to offscreen elements?

I have a particular web interface in which drag-and-drop may be useful, however, the problem that I see is that the list of items to be dragged could potentially be very long (below the fold). Is it ...
2
votes
1answer
74 views

Should a limited number of votes be represented with buttons or tokens?

I'm working on a website on which each character of a cartoon has a score, and the user can choose a given fixed number of characters to "hurt" and to "heal" (a user can only hurt so many characters ...
32
votes
8answers
6k 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 ...
2
votes
2answers
520 views

Click and drag affordance

We have a Silverlight application which has two main areas: a vertical list of fields on the left, and a work area on the right. There are two possible operations that the user can perform on the ...
13
votes
6answers
3k 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 ...
7
votes
1answer
111 views

Re-plotting items on a map

I am working on a map based system for a control centre. The operatives who work in the control centre work on various map based events such as traffic, roadworks etc. One of the tasks the users wish ...