3 ms·

This is targeted at SPAs, not general web browsing. I've been working on using chrome as a render for a video kiosk type setup, and this feature was exactly wha

by mike_d 4y ago

This is targeted at SPAs, not general web browsing. I've been working on using chrome as a render for a video kiosk type setup, and this feature was exactly what I needed to smoothly do scene transitions. The alternative is to do a bunch of hacking to preload the next batch of content, try to figure out when it is "dom ready" and then use CSS transitions to bring it in.

dezmou 4y ago
same here, and when you must add something like react-router, it become more and more hacky
saurik 4y ago
I think the point of the comment you are responding to was that: no, in fact, the transitions you are talking about would be better off not existing. Like, I watch that video of the UI with all the pieces of that "app" sliding around and I'm thinking "omfg that's annoying and disorienting and will get old extremely quickly".
- mike_d 4y ago
  Yeah, and I think that is an incorrect view based on a limited perspective of elements where the user is directly interacting. What I was talking about using the feature for is passive content. Watch any TV news broadcast, popular Twitch stream, etc. and you'll see that elements or scenes transitioning smoothly is the polish of a good production. A news ticker doesn't just appear, it has a 1 second fade in. The logo isn't always on the screen, it slides in and out periodically from the right.
  - silvestrov 4y ago
    The problem is that people overdo the transitions when they add them (i.e. make them too long). This "overdoing" always happends when something new is introduced. When Windows became able to use multiple fonts in the 90'ies, people used as many fonts as possible on a single sheet of paper. It looked really bad. Over time we got back to use 1 or 2 fonts on a page. When web got animated GIFs, every page had an animated "work in progress".
- kaba0 4y ago
  There is no point in talking about these things in absolutes. Sure, animations can and often times are overdone, but done well they are extremely useful and gives you just the right context on what happens/happened. We are visual creatures who build up a mental model not based on static images, but dynamic interactions. That hover, or overscroll animation gives you essential additional information.
  - z3c0 4y ago
    Agreed. The best animations "mean something". As in, if a page swipes left in a transition, it should be to indicate to the user that they're moving forward in a workflow, and the reverse, backwards. Up/down imply the same, but within the same step. If you're in the Western world[*], this can feel very intuitive. I'm the static HTML type, but one can really smooth out their UX with animations and transitions. [*] where reading is typically left-to-right

by mike_d 4y ago

dezmou 4y ago

same here, and when you must add something like react-router, it become more and more hacky

saurik 4y ago

I think the point of the comment you are responding to was that: no, in fact, the transitions you are talking about would be better off not existing. Like, I watch that video of the UI with all the pieces of that "app" sliding around and I'm thinking "omfg that's annoying and disorienting and will get old extremely quickly".

mike_d 4y ago
Yeah, and I think that is an incorrect view based on a limited perspective of elements where the user is directly interacting. What I was talking about using the feature for is passive content. Watch any TV news broadcast, popular Twitch stream, etc. and you'll see that elements or scenes transitioning smoothly is the polish of a good production. A news ticker doesn't just appear, it has a 1 second fade in. The logo isn't always on the screen, it slides in and out periodically from the right.
- silvestrov 4y ago
  The problem is that people overdo the transitions when they add them (i.e. make them too long). This "overdoing" always happends when something new is introduced. When Windows became able to use multiple fonts in the 90'ies, people used as many fonts as possible on a single sheet of paper. It looked really bad. Over time we got back to use 1 or 2 fonts on a page. When web got animated GIFs, every page had an animated "work in progress".
kaba0 4y ago
There is no point in talking about these things in absolutes. Sure, animations can and often times are overdone, but done well they are extremely useful and gives you just the right context on what happens/happened. We are visual creatures who build up a mental model not based on static images, but dynamic interactions. That hover, or overscroll animation gives you essential additional information.
- z3c0 4y ago
  Agreed. The best animations "mean something". As in, if a page swipes left in a transition, it should be to indicate to the user that they're moving forward in a workflow, and the reverse, backwards. Up/down imply the same, but within the same step. If you're in the Western world[*], this can feel very intuitive. I'm the static HTML type, but one can really smooth out their UX with animations and transitions. [*] where reading is typically left-to-right