Hi, I'm Thomas.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
I'm with Kathy Sierra on this—just always think about "how does this make the user be able to kick more ass?"
If you can't come up with an answer it probably doesn't.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
I know this was a brief window of like 3-4 years in the oughts, but I think everyone should have suffered through college lectures where your otherwise smart professor just learned about the oh-so fun and engaging functions of Powerpoint, like text boxes sliding in from the left, or firework explosions, or bugs crawling across the slide.
Everyone should have experienced that in Calculus II.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
@thomasfuchs "definitely under no circumstances move in or fade in whole blocks of text". Every now and then I convince myself there needs to be actual regulations against doing this.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
@thomasfuchs …but I can still subvert all your expectations by replacing everything with Macromedia Flash, can’t I?
-
I'm with Kathy Sierra on this—just always think about "how does this make the user be able to kick more ass?"
If you can't come up with an answer it probably doesn't.
(Note that the answer could very well be that the user is delighted by the animation! This is totally valid, but you need to figure out if this is actually true or if you just _want_ them to be delighted.)
-
@thomasfuchs I miss when the web was just text with some pictures. Web pages have way WAY the fuck too much going on now. Like, god damn it, I just want to know the store hours, why is this 2 dozen scripts and like 8 god damn clicks, and none of it fits on my little device?!
@hellomiakoda @thomasfuchs Videos that play automatically when you navigate to the page instead of turning on when asked fill me with acid-poison-fire-breathing rage. 😤 🐉
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
@thomasfuchs lol
My workplace outsourced website design and development because "WordPress can't do what we want to do." It turns out that when push came to shove what "we want to do" meant "every page element fades in on scroll for no reason" and other things we chose not to do because they were against a11y best practices.
It turns out that our new president thought they had that at his old place because Drupal could do them and WordPress couldn't and never asked anybody ina position to know
-
@hellomiakoda @thomasfuchs Videos that play automatically when you navigate to the page instead of turning on when asked fill me with acid-poison-fire-breathing rage. 😤 🐉
@Heartofcoyote @thomasfuchs I have had autoplay blocked for so long, I forgot they do that
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
Do all the mistakes and also make it feel very 2005. Make sure there is music only you would like playing automatically.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
@thomasfuchs Shhhhh... I've made a lot of money from de-animating sites.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
@thomasfuchs@hachyderm.io I do always animate the "do you really want to klick this" Button but nothing more
-
@thomasfuchs@hachyderm.io I do always animate the "do you really want to klick this" Button but nothing more
@daswarkeinhuhn there’s valid reasons for a bunch of stuff, I’d just like people to pause for a second and think about purposefulness
-
@daswarkeinhuhn there’s valid reasons for a bunch of stuff, I’d just like people to pause for a second and think about purposefulness
-
@hellomiakoda @thomasfuchs Videos that play automatically when you navigate to the page instead of turning on when asked fill me with acid-poison-fire-breathing rage. 😤 🐉
@Heartofcoyote @hellomiakoda @thomasfuchs And then when you're almost filled with hope that it'll at least bother you less with the video scrolled off screen, they just pop out of the page and occupy a little corner and keep playing. Feck off, I wanted to read the thing, not be forced to watch some video.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
@thomasfuchs yuuuup. I'm a long-time fan of disabling animations because they're almost always gratuitous and just delay me. When I turn them off, I'm regularly reminded that computers are actually quite fast nowadays.
I don't want to turn them off. Phones and computers are just a real pain nowadays with them enabled.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
@thomasfuchs right so more animations you're saying? :D
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
You're 100% correct, but for many it's like they're a toddler with a hammer and everything looks like a nail.
Like from that Morissette song.
It's the good advice that you just didn't take,And/or
C. Lauper: Girls gest wanna have fun!
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
-
Hi, I'm Thomas. Back in 2005 or so I've practically invented in-browser animations with HTML elements.
PLEASE DO NOT ANIMATE USER INTERFACE ELEMENTS FOR NO REASON.
Do not animate icons, change positions of buttons, do "fun liquid glass animations"; definitely under no circumstances move in or fade in whole blocks of text (unless your design goal is that you want people looking at your website to become nauseous).
Only use animation when it's helpful to the user—for example, when they need to pay extra attention to something because there's a risk of data loss or to pass the time while showing that something is going on when there's a process which takes a bit longer.
@thomasfuchs kinda off topic, but I am still impressed with this library I found, oh about 15 years ago, that can draw graphics in pure HTML. http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm
-
@thomasfuchs kinda off topic, but I am still impressed with this library I found, oh about 15 years ago, that can draw graphics in pure HTML. http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm
@numb_comfortably I miss that web
-
undefined oblomov@sociale.network shared this topic on