News for hackers. Stuff that matters.
Re:Building Better Interfaces with SVG (2015) by tbabb on Sunday January 08, 2017 @07:14PM (#13353026)
I have no horse in the SVG vs. CSS race, but: Web designers, please, do not think that all the super-annoying gimmicky animations (rippling text inputs, wiggly text, excessively stretch-and-squashing motion) are a positive for user experience.

It might be fine for showing technical flexibility, but they do not add to interaction; they are distracting, slow down responsiveness, and worse, are non-standard and unexpected. I hope this kind of stuff doesn't catch on.

Re:Building Better Interfaces with SVG (2015) by kirse on Sunday January 08, 2017 @07:35PM (#13353106)
all the super-annoying gimmicky animations (rippling text inputs, wiggly text, excessively stretch-and-squashing motion)

I like to call this trend "Flanders Computing" -- where developers and designers increasingly create obnoxiously friendly websites and apps that treat you as if they're your diddly-doodly buddy-ol-pal.

A recent Windows 10 install told me "We're happy you're here!" Who exactly is "we" and why are they trying to be all buddy-buddy so soon? I assume the market research told them that this was the best start screen, but good grief is all the wiggly-wobbly buddy-ol-pal stuff so friggin annoying. It's like forced intimacy that can't be reciprocated, which feels weird.

Re:Building Better Interfaces with SVG (2015) by endgame on Monday January 09, 2017 @01:55AM (#13354552)
Similarly, when I sign into slack at work, I am presented with silly little messages from my "friends at slack". Why is the empty set writing me messages? The people who work on slack are probably nice, but I don't use the "friend" label on people who I've never met.
Re:Building Better Interfaces with SVG (2015) by 91bananas on Monday January 09, 2017 @05:44AM (#13355392)
You can configure those messages. We've set them to be hilarious things our team has said over our time together. I rather enjoy it.
Re:Building Better Interfaces with SVG (2015) by andai on Sunday January 08, 2017 @09:33PM (#13353545)
Re:Building Better Interfaces with SVG (2015) by hroi on Sunday January 08, 2017 @08:53PM (#13353403)
AKA Genuine People Personalities as predicted in Hitchhiker's Guide.
Re:Building Better Interfaces with SVG (2015) by endless1234 on Monday January 09, 2017 @04:49AM (#13355202)
Re: Windows 10, it scared me so much the first time after a bigger update with the "Hi / We've updated your computer" type splash screen. "FUCK did it just reformat everything??"
Re:Building Better Interfaces with SVG (2015) by SwellJoe on Monday January 09, 2017 @05:08AM (#13355268)
"Hi, we've updated your computer. Pray we do not update it any further."

I also experienced that moment of "oh shit!". I've rarely used Windows in my life, but when I have, when Windows blanks the display and pops up something like that and isn't booting, it's historically something scary.

Re:Building Better Interfaces with SVG (2015) by aninhumer on Monday January 09, 2017 @06:43AM (#13355628)
Not to mention "Don't worry, everything is where you left it" which I've had a few times when booting up. And the slow fade in makes it even creepier.
Re:Building Better Interfaces with SVG (2015) by jandrese on Monday January 09, 2017 @12:10PM (#13357826)
Yeah, that message made me nervous. "We didn't touch your stuff...this time."
Re:Building Better Interfaces with SVG (2015) by cha-cho on Sunday January 08, 2017 @11:05PM (#13353917)
This needs to develop into a grading system. A "Flanders Threshold" or something.
Re:Building Better Interfaces with SVG (2015) by Silhouette on Monday January 09, 2017 @12:33AM (#13354245)
Hey cha-cho, thanks for reaching out.

Love your idea for the Flanders Threshold. Hit me up any time at [email protected] and tell me what you need. I'll be more than happy to help.

Looking forward to making magic with you on the Flanders Threshold, cha-cho!

Best,

John

CEO/Sales/Customer Support*

Cheesier Than A Ripe Camembert, Inc.

(Every time I get a mail like this from some trendy tech firm, I die a little inside, but somewhere in the past year or two I think they all read the same book and now they're all doing it.)

Re:Building Better Interfaces with SVG (2015) by yoz-y on Monday January 09, 2017 @05:00AM (#13355238)
Many of animations are superfluous, but those that indicate state changes and especially spatial changes are useful. I think that some of the stretching-squashing motions can be pretty good. Especially on mobile, animation can give answers to two questions: how did I get here, and, how do I get back again
Re:Building Better Interfaces with SVG (2015) by majewsky on Monday January 09, 2017 @10:58AM (#13357236)
I don't know. All these examples from the OP with bouncy animations are much too busy for me, and make the application/website feel childish.

I think Google's Material Design strikes a good balance regarding use of animations. They sometimes have very elaborate animations, but usually in very small areas where the animation becomes an easteregg rather than an annoyance. (For example, how the hamburger menu icon transforms into the back-arrow and vice versa. Or, on the Android notification panel, how the cogwheel rolls away as it fades out. That's cute.)

Re:Building Better Interfaces with SVG (2015) by seanwilson on Sunday January 08, 2017 @11:45PM (#13354074)
I'm not a fan of the ripple animation in Material Design when you click...it's way too distracting for such a common interaction in my opinion.
Re:Building Better Interfaces with SVG (2015) by alexbecker on Wednesday January 11, 2017 @02:26PM (#13376719)
Not to mention it's incredibly expensive, since it's neither SVG nor CSS. On Firefox in a large webapp it will peg a core at 100% for several hundred ms, because it modifies the DOM to add "waves" and then resizes them on every animation frame.
Re:Building Better Interfaces with SVG (2015) by jordache on Monday January 09, 2017 @04:13AM (#13355060)
As a front end developer with practical sentiments when approaching a solution, this was the first thing that came to mind. This presentation was entirely unconvincing in the useless examples that do not highlight practical benefits of svg over css. It does nothing to dispel the obscure nature of svg relative to css.
Re:Building Better Interfaces with SVG (2015) by prawn on Sunday January 08, 2017 @11:07PM (#13353936)
I have clients who demand things like this and can't be talked out of it. It is quite depressing how often a half-decent site gets wrecked by a stubborn client.
Re:Building Better Interfaces with SVG (2015) by alexbecker on Sunday January 08, 2017 @10:59PM (#13353896)
Please this. Between JS/image/font bloat and CSS animations/transitions, the web keeps feeling slower every year.