[animated] Menu interaction

Swapped cc menu

1 Attachment

This is the last piece to go into the Interaction section of the portfolio. The GIF is quite large, over 4 megs, so do show some patience.


This is a variation of a stacked menu, whereby opened submenus are collected at the top and the active submenu of choices sits at the bottom. What makes this particular menu different is an ability to navigate to its every corner without needing to change current selection.

Second notable thing is the "currently selected" link at the top line that appears only when the user clicks away from the submenu containing the current selection. It may not look like much, but this ability to always "reset" the menu to its selection-centric state is what make this menu actually usable. It allows synch'ing up the menu with the page content when it's not immediately clear where the current page belongs in the menu.


In any case, here's the production version. Any thoughts or comments are welcome.

  • Icon shotstat like
  • Icon shotstat drop

More from Alex Pankratov

  1. Diskovery / UI prototype
  2. Drives, Partitions, Volumes
  3. How To Hard Drive
  4. First run


keyboard shortcuts: L or F like post comment