Skip to main content
deleted 342 characters in body
Source Link
Gene
  • 1.3k
  • 6
  • 19

Currently we have a sidebar menu with multiple parent and submenus. There is some debate on whether there should be a sliding animation or not. I think because it is not a step by step process, so the user can go through the menu in any order they want, the sliding animation adds unnecessary time. To me, the sliding animation gives the impression of a single long form, but currently it skips all the menus in between so going from submenu 1 -> submenu 3 skips submenu 2 in the sliding animation. I personally think a static change is standard and does not add any extra cognitive load to the user, as they will be switching animations a lot. There are two figmas that demonstrate the animation an static changes:

  1. Sliding animation: enter image description here

  2. Static change: enter image description here

Edit: Added GIF instead of figma prototype links

Currently we have a sidebar menu with multiple parent and submenus. There is some debate on whether there should be a sliding animation or not. I think because it is not a step by step process, so the user can go through the menu in any order they want, the sliding animation adds unnecessary time. To me, the sliding animation gives the impression of a single long form, but currently it skips all the menus in between so going from submenu 1 -> submenu 3 skips submenu 2 in the sliding animation. I personally think a static change is standard and does not add any extra cognitive load to the user, as they will be switching animations a lot. There are two figmas that demonstrate the animation an static changes:

  1. Sliding animation: enter image description here

  2. Static change: enter image description here

Edit: Added GIF instead of figma prototype links

Currently we have a sidebar menu with multiple parent and submenus. There is some debate on whether there should be a sliding animation or not. I think because it is not a step by step process, so the user can go through the menu in any order they want, the sliding animation adds unnecessary time. To me, the sliding animation gives the impression of a single long form, but currently it skips all the menus in between so going from submenu 1 -> submenu 3 skips submenu 2 in the sliding animation. I personally think a static change is standard and does not add any extra cognitive load to the user, as they will be switching animations a lot.

edited tags
Link
added 91 characters in body
Source Link
Gene
  • 1.3k
  • 6
  • 19

Currently we have a sidebar menu with multiple parent and submenus. There is some debate on whether there should be a sliding animation or not. I think because it is not a step by step process, so the user can go through the menu in any order they want, the sliding animation adds unnecessary time. To me, the sliding animation gives the impression of a single long form, but currently it skips all the menus in between so going from submenu 1 -> submenu 3 skips submenu 2 in the sliding animation. I personally think a static change is standard and does not add any extra cognitive load to the user, as they will be switching animations a lot. There are two figmas that demonstrate the animation an static changes:

  1. Sliding animation: enter image description here https://www.figma.com/proto/Z1oXBbJDUBJbwTg6H2VwH6/Untitled?page-id=0%3A1&type=design&node-id=1-188&viewport=2901%2C525%2C1.03&t=WAsL8Wr4hafneRzy-1&scaling=min-zoom&starting-point-node-id=1%3A3&show-proto-sidebar=1&mode=designenter image description here

  2. Static change: https://www.figma.com/proto/Z1oXBbJDUBJbwTg6H2VwH6/Untitled?page-id=0%3A1&type=design&node-id=1-359&viewport=2901%2C525%2C1.03&t=WAsL8Wr4hafneRzy-1&scaling=min-zoom&starting-point-node-id=1%3A232&show-proto-sidebar=1&mode=design enter image description here

Edit: Added GIF instead of figma prototype links

Currently we have a sidebar menu with multiple parent and submenus. There is some debate on whether there should be a sliding animation or not. I think because it is not a step by step process, so the user can go through the menu in any order they want, the sliding animation adds unnecessary time. To me, the sliding animation gives the impression of a single long form, but currently it skips all the menus in between so going from submenu 1 -> submenu 3 skips submenu 2 in the sliding animation. I personally think a static change is standard and does not add any extra cognitive load to the user, as they will be switching animations a lot. There are two figmas that demonstrate the animation an static changes:

  1. Sliding animation: enter image description here https://www.figma.com/proto/Z1oXBbJDUBJbwTg6H2VwH6/Untitled?page-id=0%3A1&type=design&node-id=1-188&viewport=2901%2C525%2C1.03&t=WAsL8Wr4hafneRzy-1&scaling=min-zoom&starting-point-node-id=1%3A3&show-proto-sidebar=1&mode=design

  2. Static change: https://www.figma.com/proto/Z1oXBbJDUBJbwTg6H2VwH6/Untitled?page-id=0%3A1&type=design&node-id=1-359&viewport=2901%2C525%2C1.03&t=WAsL8Wr4hafneRzy-1&scaling=min-zoom&starting-point-node-id=1%3A232&show-proto-sidebar=1&mode=design

Currently we have a sidebar menu with multiple parent and submenus. There is some debate on whether there should be a sliding animation or not. I think because it is not a step by step process, so the user can go through the menu in any order they want, the sliding animation adds unnecessary time. To me, the sliding animation gives the impression of a single long form, but currently it skips all the menus in between so going from submenu 1 -> submenu 3 skips submenu 2 in the sliding animation. I personally think a static change is standard and does not add any extra cognitive load to the user, as they will be switching animations a lot. There are two figmas that demonstrate the animation an static changes:

  1. Sliding animation: enter image description here

  2. Static change: enter image description here

Edit: Added GIF instead of figma prototype links

added 91 characters in body
Source Link
Gene
  • 1.3k
  • 6
  • 19
Loading
Source Link
Gene
  • 1.3k
  • 6
  • 19
Loading