I think the design of draggable.png (found in the 'misc' folder) could be improved a bit:

The normal state should look more like grippie.png; grooves you can grasp on to. This is more consistent with the expandable formfields in Drupal and these 'grooves' are often seen in other software as well. It also looks less 'noisy' than a whole column of grey crosses.

Seperating the arrows from the horizontal bar makes that bar a little icon for the table-row you are actually dragging.

Together this also results in better contrast between the _up and _over states.

CommentFileSizeAuthor
#13 draganddrop-icons.png30.14 KBSandripola
#7 216898-icon.jpg24.45 KBdeepti.verma
#4 draggable-icons.png49.54 KByoroy
draggable.png1.13 KByoroy
draggable-screenshot.png8.73 KByoroy

Comments

webchick’s picture

webchick
she/they
Primary language English
Location Vancouver 🇨🇦
commented

Hm. I'm not sure about this. That "rest state" graphic doesn't indicate to me in any way whatsoever that the content is draggable. Where else have you seen this symbol this used?

I do agree that we could stand a bit less "noise" but are there other ways to accomplish that? Maybe a greyed out draggable icon, or a smaller one?

yched’s picture

yched commented

Also, the 4 arrows are here to indicate that horizontal dragging is also possible (on tree structures like the menu overview pages).
We can't simply drop them IMO.

Related : http://drupal.org/node/214817.

yoroy’s picture

yoroy commented
Status: Active » Closed (works as designed)

Oh well. See #633086: Dashboard visual design improvements

yoroy’s picture

yoroy commented
Version: 6.0-rc3 » 8.4.x-dev
Issue summary: View changes
Priority: Minor » Normal
Status: Closed (works as designed) » Active
Issue tags: +Needs design
StatusFileSize
new draggable-icons.png49.54 KB

New decade, new possibilities! I still think we can update this to a more up to date look. @deg posted these sketches in the Slack UX channel:

droplet’s picture

droplet commented

Note: It able to drag left & right.

5 doesn't look like draggable.
2 & 4 only up and down (but looks good)
3 common icon on iOS, usually only up and down.
1 hmmm. Just feel that not so good.

deepti.verma’s picture

deepti.verma commented
Assigned: Unassigned » deepti.verma
deepti.verma’s picture

deepti.verma commented
StatusFileSize
new 216898-icon.jpg24.45 KB

I have come up with 2 designs

216898-icon

deepti.verma’s picture

deepti.verma commented
Assigned: deepti.verma » Unassigned
pramodga’s picture

pramodga commented

@Deepti : First icon looks good to me.
@yoroy Any views?

Version: 8.4.x-dev » 8.5.x-dev

Drupal 8.4.0-alpha1 will be released the week of July 31, 2017, which means new developments and disruptive changes should now be targeted against the 8.5.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.5.x-dev » 8.6.x-dev

Drupal 8.5.0-alpha1 will be released the week of January 17, 2018, which means new developments and disruptive changes should now be targeted against the 8.6.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.6.x-dev » 8.7.x-dev

Drupal 8.6.0-alpha1 will be released the week of July 16, 2018, which means new developments and disruptive changes should now be targeted against the 8.7.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Sandripola’s picture

Sandripola commented
StatusFileSize
new draganddrop-icons.png30.14 KB

Here are my proposals for Drag and Drop button.

Sandripola’s picture

Sandripola commented

Version: 8.7.x-dev » 8.8.x-dev

Drupal 8.7.0-alpha1 will be released the week of March 11, 2019, which means new developments and disruptive changes should now be targeted against the 8.8.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.8.x-dev » 8.9.x-dev

Drupal 8.8.0-alpha1 will be released the week of October 14th, 2019, which means new developments and disruptive changes should now be targeted against the 8.9.x-dev branch. (Any changes to 8.9.x will also be committed to 9.0.x in preparation for Drupal 9’s release, but some changes like significant feature additions will be deferred to 9.1.x.). For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.9.x-dev » 9.1.x-dev

Drupal 8.9.0-beta1 was released on March 20, 2020. 8.9.x is the final, long-term support (LTS) minor release of Drupal 8, which means new developments and disruptive changes should now be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 9.1.x-dev » 9.2.x-dev

Drupal 9.1.0-alpha1 will be released the week of October 19, 2020, which means new developments and disruptive changes should now be targeted for the 9.2.x-dev branch. For more information see the Drupal 9 minor version schedule and the Allowed changes during the Drupal 9 release cycle.

Version: 9.2.x-dev » 9.3.x-dev

Drupal 9.2.0-alpha1 will be released the week of May 3, 2021, which means new developments and disruptive changes should now be targeted for the 9.3.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.5.x-dev » 10.1.x-dev

Drupal 9.5.0-beta2 and Drupal 10.0.0-beta2 were released on September 29, 2022, which means new developments and disruptive changes should now be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 10.1.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch, which currently accepts only minor-version allowed changes. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.