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.
150
questions
2
votes
1
answer
206
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 ...
- 152
27
votes
10
answers
4k
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 ...
- 4,188
2
votes
1
answer
430
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?
- 334
1
vote
1
answer
1k
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 ...
- 257
4
votes
2
answers
387
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 ...
- 519
7
votes
5
answers
4k
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 ...
- 257
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 ...
- 619
3
votes
2
answers
326
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 ...
- 31
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 ...
- 736
3
votes
2
answers
110
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 ...
- 736
7
votes
2
answers
6k
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 ...
- 175
1
vote
2
answers
316
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 ...
- 519
7
votes
7
answers
4k
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 ...
- 1,886
3
votes
2
answers
227
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
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 ...
- 16.8k
2
votes
0
answers
2k
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 ...
- 2,595
5
votes
2
answers
487
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 ...
- 325
3
votes
2
answers
1k
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 ...
- 295
4
votes
1
answer
5k
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. ...
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 ...
- 261
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?
...
- 925
7
votes
2
answers
1k
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,188
4
votes
2
answers
156
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 ...
- 345
6
votes
2
answers
2k
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 ...
- 221
2
votes
1
answer
113
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 ...
- 193
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 ...
- 2,032
4
votes
2
answers
2k
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 ...
- 736
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 ...
- 2,032
7
votes
1
answer
178
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 ...
- 2,689
4
votes
3
answers
1k
views
Drag and Drop vs Double Click behavior
I'm working on a web application for a client which is essentially an inventory management system for a shipping/warehousing entity.
One vital part of the system is the ability to add products to a ...
- 237
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 ...
- 397
3
votes
2
answers
526
views
Menu builder suggestions
I have an online menu system that is used in the food retail business. The difference between a regular cart based store and a food store is the sub options a customer might have. For example you ...
- 221
11
votes
5
answers
2k
views
Folding columns of a kanban view
In our enterprise management software, we use "kanban" views for different purposes; pipeline of business opportunities, tasks, recruitment process, bugtracker, etc. The example bellow shows the ...
- 173
3
votes
4
answers
699
views
Is it a good idea to allow drag and drop items to be dragged from a slide-in menu?
We're developing a dashboard, and now we have a fullscreen dashboard that includes a sliding menu (which is invisible from start) with chart types to drag and drop onto the dashboard.
When user ...
- 583
3
votes
3
answers
3k
views
Is a drag and drop UI usable for organizing/categorizing items?
I am creating a UI where a user can manage users by creating a group, and then dragging and dropping them to fill the groups as they would like. One problem I am faced with is that the complexity of ...
- 828
17
votes
4
answers
2k
views
Making space for the “drop cue” in a drag-n-drop design
I'm developing a drag-and-drop reordering interface for books on shelves.
(You can try it live if you're on the latest WebKit.)
When you drag a book over a shelf, it accommodates space for it by ...
- 271
3
votes
1
answer
166
views
Should the same element provide navigation and interaction?
I have a typical tree navigation with a property window on the right side which configures the selected element.
download bmml source – Wireframes created with Balsamiq Mockups
Now this ...
- 193
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 ...
- 413
8
votes
2
answers
2k
views
What the best way to allow a user to re order items in a large list
How would you present an interface, that allows a user to re order a list of around 150 products anyway they want. so they can say "I want to show this 5 first, then these 3 next, and so on...".
I ...
- 183
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, ...
- 496
1
vote
1
answer
92
views
custom drag able boxes, when to utilize them?
If anyone has used igoogle they would know that they can customize various boxes according to their choice. I was developing an web app and am really confused whether to give such an customization ...
- 972
3
votes
3
answers
508
views
Positioning of a Growl Message in a web application
Following case exists:
User has got an web application. One part of the software is a kind of dashboard area where the user can organize all his different graph widgets (diagrams). He has different ...
7
votes
3
answers
886
views
Are there applications or methods for comfortable coding on touch screen devices? [closed]
Coding usually involves a lot of typing, but on touch screen devices too much typing is quite tedious.
Some of that typing could be replaced by autocompletion or autogeneration of code and therefore ...
- 173
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 ...
- 41
1
vote
0
answers
2k
views
graphics and indicators for drag-n-drop [duplicate]
I'm looking for a good indicators to tell a user something is draggable, and to some extent, to tell the user (once they are dragging), that they can drop something "here".
What have you used as ...
- 213
6
votes
3
answers
1k
views
Visually indicating that a website supports drag and drop?
I'm building a system that requires file-uploading, and I'm wondering how I can indicate that the browser windows supports drag and drop. Since the feature is new to modern browsers, there's no user ...
- 596
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? ...
- 507
3
votes
7
answers
917
views
Does this site use a good UI for shopping cart? [closed]
Does this site use a good UI for shopping cart? How do you drop something in the cart? Is it intuitive enough to be used?
- 1,187
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 ...
- 423
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?
- 932