The load in animation on the left .wsu-g-container menu items feels redundant. The slide right animation of the menu container opening is all that is really needed for the user. Personally, I would like the menu items to already be there while it's sliding out, which I think is what happens after the initial load.
Proposed Solution
Before going as far to remove the animations entirely, we're going to test a more subtle entry for each animation item that hopefully doesn't interfere with the overall experience. Use animate.css to add fadeInRight to each menu item after it is opened.
Issue 2
The horizontal navigation menu items need to fade bottom to top similar to how the vert. nav items fade in one after each other.
Proposed Solution
Use animate.css to add fadeInUp to each menu item after they are opened.
Issue 3
The global footer "Follow WSU" icons should fade in similiar to horz nav.
Proposed Solution
Use animate.css to add fadeInUp to the container and each of items after they are opened.
Issue 1
The load in animation on the left .wsu-g-container menu items feels redundant. The slide right animation of the menu container opening is all that is really needed for the user. Personally, I would like the menu items to already be there while it's sliding out, which I think is what happens after the initial load.
Proposed Solution
Before going as far to remove the animations entirely, we're going to test a more subtle entry for each animation item that hopefully doesn't interfere with the overall experience. Use animate.css to add
fadeInRightto each menu item after it is opened.Issue 2
The horizontal navigation menu items need to fade bottom to top similar to how the vert. nav items fade in one after each other.
Proposed Solution
Use animate.css to add
fadeInUpto each menu item after they are opened.Issue 3
The global footer "Follow WSU" icons should fade in similiar to horz nav.
Proposed Solution
Use animate.css to add
fadeInUpto the container and each of items after they are opened.