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

3
votes
4answers
450 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 ...
2
votes
3answers
183 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 ...
2
votes
3answers
342 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 ...
2
votes
1answer
147 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 ...
2
votes
1answer
131 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 ...
2
votes
2answers
216 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 ...
2
votes
1answer
32 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 ...
2
votes
3answers
294 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
2answers
358 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 ...
2
votes
1answer
86 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 ...
2
votes
2answers
792 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 ...
2
votes
1answer
532 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, ...
2
votes
1answer
330 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?
2
votes
0answers
589 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 ...
1
vote
3answers
95 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 ...
1
vote
2answers
227 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 ...
1
vote
2answers
139 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 ...
1
vote
2answers
206 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 ...
1
vote
2answers
256 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: ...
1
vote
2answers
361 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 ...
1
vote
1answer
296 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 ...
1
vote
1answer
595 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 ...
1
vote
1answer
73 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 ...
1
vote
2answers
158 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 ...
1
vote
1answer
48 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
135 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 ...
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 ...
1
vote
1answer
71 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 ...
1
vote
1answer
158 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 ...
1
vote
1answer
163 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 ...
1
vote
3answers
163 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 ...
1
vote
1answer
74 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 ...
1
vote
0answers
2k 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 ...
0
votes
2answers
104 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 ...
0
votes
1answer
525 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 ...
0
votes
1answer
201 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 ...
0
votes
1answer
365 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 ...
0
votes
1answer
43 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 ...
0
votes
1answer
74 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 ...
0
votes
1answer
255 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
2answers
93 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 ...
0
votes
0answers
87 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
0answers
118 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 ...
0
votes
0answers
56 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
75 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
248 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 ...