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

10
votes
8answers
10k 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 ...
16
votes
5answers
3k 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
482 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
108 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
689 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
80 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 ...
37
votes
8answers
9k 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
654 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 ...
14
votes
7answers
4k 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
122 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 ...
4
votes
3answers
416 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 ...
6
votes
2answers
3k 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 ...
3
votes
2answers
349 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 ...
10
votes
5answers
1k 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 ...
3
votes
4answers
382 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 ...
3
votes
3answers
2k 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 ...
14
votes
4answers
1k 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 ...
3
votes
1answer
125 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 ...
14
votes
5answers
4k 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 ...
7
votes
2answers
685 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 ...
2
votes
1answer
482 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, ...
1
vote
1answer
72 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 ...
3
votes
3answers
331 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 ...
5
votes
3answers
356 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 ...
4
votes
2answers
662 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 ...
1
vote
0answers
1k views

graphics and indicators for drag-n-drop

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 ...
6
votes
3answers
907 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 ...
11
votes
2answers
1k 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? ...
3
votes
7answers
627 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?
10
votes
6answers
562 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 ...
41
votes
8answers
6k 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?