Uploaded image for project: 'eZ Platform Enterprise Edition'
  1. eZ Platform Enterprise Edition
  2. EZEE-491

Dropped element on invalid area animates back to original position

    Details

    • Type: Improvement Improvement
    • Status: Closed
    • Priority: Medium Medium
    • Resolution: Fixed
    • Affects Version/s: 2015.12
    • Fix Version/s: None
    • Component/s: Studio UI
    • Labels:

      Description

      When dragging up an element, but dropping it over an invalid area, create an animation that shows the element going back to its original position.

      For further reference, see YUI Library's example -> http://yuilibrary.com/yui/docs/dd/groups-drag.html

        Issue Links

          Activity

          Hide
          Piotr Nalepa added a comment -

          Inaki Juaniz-Velilla in the resource under the link you provided I don't see any animation when dropping an element fails. Anyway, is this really needed? Does user have to know that the block goes back (with animation) to the sidebar when dropping fails?
          IMO, it's something we don't really need.

          Show
          Piotr Nalepa added a comment - Inaki Juaniz-Velilla in the resource under the link you provided I don't see any animation when dropping an element fails. Anyway, is this really needed? Does user have to know that the block goes back (with animation) to the sidebar when dropping fails? IMO, it's something we don't really need.
          Hide
          Inaki Juaniz-Velilla added a comment -

          Piotr Nalepa regarding the example: try to drag one of the squares to an invalid area (square with borders in red), it will go back to its original position.
          I understand that maybe could be unnecessary, but we should emphasize all the Drag & Drop key elements in order to provide a complete experience of this process to our users. We don't need to avoid steps, we need to offer a complete experience with this interaction. That also means to help our user to avoid errors and explain visually why it was not accepted.

          Show
          Inaki Juaniz-Velilla added a comment - Piotr Nalepa regarding the example: try to drag one of the squares to an invalid area (square with borders in red), it will go back to its original position. I understand that maybe could be unnecessary, but we should emphasize all the Drag & Drop key elements in order to provide a complete experience of this process to our users. We don't need to avoid steps, we need to offer a complete experience with this interaction. That also means to help our user to avoid errors and explain visually why it was not accepted.
          Hide
          Piotr Nalepa added a comment -

          [~jince.kuruvilla@ez.no] what do you think about?
          IMO, it requires a lot of effort but I don't feel it is really required. If someone hovers over the droppable area the drop placeholder will be displayed. When there's none, then it tells us that the place user is hovering over is not a droppable area.

          Show
          Piotr Nalepa added a comment - [~jince.kuruvilla@ez.no] what do you think about? IMO, it requires a lot of effort but I don't feel it is really required. If someone hovers over the droppable area the drop placeholder will be displayed. When there's none, then it tells us that the place user is hovering over is not a droppable area.
          Hide
          Jince Kuruvilla (Inactive) added a comment -

          Piotr Nalepa Inaki Juaniz-Velilla

          I agree with you both - this is a seemingly insignificant interaction, but is helpful to a user for them to understand the mechanics of the drag and drop functionality. However, I also recognize what you're saying about this requiring a lot of effort, Piotr. If that's the case, then let's move this ticket to a later release and work on higher priority tasks.

          Show
          Jince Kuruvilla (Inactive) added a comment - Piotr Nalepa Inaki Juaniz-Velilla I agree with you both - this is a seemingly insignificant interaction, but is helpful to a user for them to understand the mechanics of the drag and drop functionality. However, I also recognize what you're saying about this requiring a lot of effort, Piotr. If that's the case, then let's move this ticket to a later release and work on higher priority tasks.
          Hide
          Roland Benedetti added a comment -

          Piotr Nalepa What is " a lot of effort"?
          It is a small interaction that can make the experience much better and clear.

          Show
          Roland Benedetti added a comment - Piotr Nalepa What is " a lot of effort"? It is a small interaction that can make the experience much better and clear.
          Hide
          Dariusz Szut added a comment -
          Show
          Dariusz Szut added a comment - PR created: https://github.com/ezsystems/StudioUIBundle/pull/591
          Show
          Dariusz Szut added a comment - PR merged: https://github.com/ezsystems/StudioUIBundle/commit/6a6f357237c566b625e9e3a51101eb9e78af7b70

            People

            • Assignee:
              Unassigned
              Reporter:
              Inaki Juaniz-Velilla
            • Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: