Live data from Hacker News

Material Design for Bootstrap

fezvrasta.github.io

11–20 of 115 posts

Re: Material Design for Bootstrap

#11
post #6

transitions , what I like most about material design is transitioning between elements ,Morphing and filling . But this remains best implementation

Actually I don't think this should be handled by the theme itself, if you want transitions you should handcraft them using CSS and JS probably.

Maybe a solution would be a library to make these animations easier to create.

Re: Material Design for Bootstrap

#12
The floating labels in input text fields are a nice finding.

The click animation for most elements is too strong, though, at least on the desktop. I haven't tried on touchscreens, they may be good enough feedback for direct finger touch, but they are distracting when using the mouse for clicks.

Is the exact highlight animation mandated by Material guidelines, or can it be tweaked? I believe a fast, simultaneous "fade" effect that made the animated circle/rectangle lighter while its moving would be enough to make it subtler and less aggressive.

Re: Material Design for Bootstrap

#14

The floating labels in input text fields are a nice finding. The click animation for most elements is too strong, though, at least on the desktop. I haven't tried on touchscreens, they may be good enough feedback for direct finger touch, but they are distracting when using the mouse for clicks. Is the exact highlight animation mandated by Material guidelines, or can it be tweaked? I believe a fast, simultaneous "fade…

The "ripple effect" could be surely be improved, I'll try to improve it studying the Lollipop implementation.

Re: Material Design for Bootstrap

#15
post #4

I hope this doesn't take off. If bootstrap wasn't annoying enough, we'll soon have this abomination on every MVP site. Animation for animation's sake. Design for design's sake. This is just tacky.

What's the problem with animations? We have 8 cores with 3ghz+ and 16gb of ram to just render plain text?

Because it takes time and is distracting.

An interface should be snappy and get out of your way, not try to impress with pointless animations. That screams graphic designer trying and failing to do UX. Which is material in a nutshell really.

Re: Material Design for Bootstrap

#16
post #4

I hope this doesn't take off. If bootstrap wasn't annoying enough, we'll soon have this abomination on every MVP site. Animation for animation's sake. Design for design's sake. This is just tacky.

What's the problem with animations? We have 8 cores with 3ghz+ and 16gb of ram to just render plain text?

I consider it as high distraction. Yeah, sure it looks great in demos and talks, but do we really want to have two seconds animation every time one switchs tab? Or would you like to have this kind of design in tool you use everyday, editor or IDE?

Re: Material Design for Bootstrap

#19

Earlier quoted context omitted.

What's the problem with animations? We have 8 cores with 3ghz+ and 16gb of ram to just render plain text?

Because it takes time and is distracting. An interface should be snappy and get out of your way, not try to impress with pointless animations. That screams graphic designer trying and failing to do UX. Which is material in a nutshell really.

I think that a compromise can be found, just check out Lollipop to see a successful example.

Re: Material Design for Bootstrap

#20

Earlier quoted context omitted.

What's the problem with animations? We have 8 cores with 3ghz+ and 16gb of ram to just render plain text?

Because it takes time and is distracting. An interface should be snappy and get out of your way, not try to impress with pointless animations. That screams graphic designer trying and failing to do UX. Which is material in a nutshell really.

Material animations are not (entirely) pointless, they are designed to improve user's awareness of UI's behaviors - primarily by making transitions between related screens less "beam-me up, Scotty" Teleport-like.

Sure, it may be prone to abuse, but the base theory is sound. By tapping into the perceptual abilities of movement and shadows, some parts of the inner structure and layout of the interface (which are usually only known to the dialog's developer) are exposed to the user in an intuitive way.

Post reply on HN