Site Design: Campus Bubble(

4 years ago from Giovanni Hobbins,

  • Giovanni HobbinsGiovanni Hobbins, 4 years ago

    I'd love to see an example of a site that has only animations with reasons behind them. Do you know of one?

    I think I know the distinction but seeing it in action would help.

    0 points
    • Chris ToughChris Tough, 4 years ago (edited 4 years ago )

      Yeah, the distinction is a tough one. I've gone over the top a few times and had to reel it back.

      A good example of reason I would say is there on your own site. The animation of the UI. E.g. The 'scroll down' feature, where the downwards pointing chevrons change color and then on rollover they collect together. I'd say this is an Ideal interaction along with the animation of your FAB/CTA buttons too.

      The right idea is that the site would look too flat without the animations however, right now, each element, in each section, on each page has a transition and they are all similar e.g fade up, fade down, fade fade left, and fade right. Give the user a break, not everything needs to have a transition and have to travel so far.

      Also with your page headers. The site staggers its animations after the cool staggering of your page load feature with one thing after another. This accumulates the wait time to longer than 400ms to load your content. This can make a user impatient and leave a negative impression.

      Overall, I'd be proud of this site if I made it. I think its great, and your skills are really impressive.

      1 point
      • Giovanni HobbinsGiovanni Hobbins, 4 years ago

        I see what you mean and I agree. Kinda gave the front end dev (talented guy) free reign over the animations but especially on the transitions it should be toned down.

        Thanks for the thoughtful feedback.

        0 points