So this is an example of how to use Bootstrap Material Design in different web frameworks? Why use Bootstrap Material Design instead of the Google supported Material Component library that works in any framework and without the added noise of class="foo"? https://github.com/material-components/material-components-w...
Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
71–80 of 154 posts
Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#72I strongly do not like the design. To my taste: * colors are too bright and saturated * Low text-vs-background contrast: white letters on bright yellow-orange for example * Font strokes are way too thin which is especially bad compounded with dark-ish gray on light-ish gray low contrast (see above) Viewing this on a usual normal-resolution 24" Dell monitor. It could be that it looks better on retina phones and monito…
> * colors are too bright and saturated * Low text-vs-background contrast: white letters on bright yellow-orange for example * Font strokes are way too thin which is especially bad compounded with dark-ish gray on light-ish gray low contrast
if only there some some sort of style sheet which was easily modifiable so that its changes cascaded down into every selector you had a problem with.
making such a system seems like a lot of work, it would be even better if someone already placed the selectors, configured it to reposition them on desktop and mobile, and released all that work for free
Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#73Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#74Earlier quoted context omitted.
Yes, and no. While nobody likes excessive animation, it is very important to let the user know their input was received. It's why the cursor changes on mouseover. It's how you know if the app is crashed, or merely processing something you requested. I've seen a million times in UX testing where ordinary people go click... wait... click click click click click because they didn't receive any feedback to an action. At…
> In the real world, nothing is ever "full stop." You should purge that phrase from your lexicon. Not to get further off topic, but: Huh? "Full stop" just means "end of message". It's an amusing leftover from telegraph technologies that people sometimes use for emphasis, but it doesn't have a literal meaning more than just "end of message".
In this context, I took "full stop" to mean "end of discussion." As if to dismiss all dissenting opinions and stifle further discussion.
As for the telegraph use, I'm aware of that. I have a background in amateur radio and in college a crusty old engineer taught me morse code to communicate over the maintenance department's secret building-to-building campus telegraph network.
Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#75Earlier quoted context omitted.
If Apple had something for the web I'd almost certainly be using that instead. But in my case, I'm just trying to write JavaScript and avoid the other stuff as much as possible -- I'm more of a backend dev who's doing frontend work out of necessity. Material libraries (Angular Material, Material-UI, Vuetify, etc) have been great for me in that use case.
There's nothing really stopping anyone from implementing the human interface guidelines into a UI library. I wonder what's keeping people from building one.
I suck at front end design, but I personally would pay money for a Bootstrap-type setup based on Apple HIG. In my (admittedly biased) opinion, Apple Human Interface Guidelines seem like common sense. I am speaking from the perspective of someone who has a web application that has “normal” people as their primary user and thus have spent countless hours providing support for simple things that might seem obvious to the more technically literate. Let’s not insult users, but let’s not assume they’re all web natives either.
Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#76Earlier quoted context omitted.
I hear this critique a lot but I don't often see alternative paradigms/examples offered. I don't think material design is very pretty either and I'm very interested in alternatives, if only I knew what they were!
The alternative is to start with basic HTML UI. Almost no styling. And build from there. Understandably, few people like that advice because it doesn't make life easier. It does make your product better though, which is really all that matters.
There are definitely alternatives to material design that is not just un-styled HTML.
Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#77I’m confused. I’m on my phone so I haven’t looked at the repo. But if this material done in bootstrap or is this a ui using material? Why is bootstrap mentioned...
Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#78Do people actually like Material for browsers on desktops? I tried it - as it would be great to have an opinionated design language with good framework implementations but it seems to make the same mistake as Windows 8 in trying to treat everything like a phone. That really isn't nice on a desktop.
I think its a well thought out design language, but anyone who thinks its anything but Google branding is deceiving themselves. I couldn't imagine using it for anything other than a proof of concept or internal tool.
>well thought out design language
I see it as less "well thought out" and more "designed into meaningless oblivion."
I don't know anything about how Material was put together, but from an outsider's view it looks like something that came out of a committee of committees of committees.
Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#79Earlier quoted context omitted.
One of the banks I used "updated" their iOS app and used Material Design. It's infuriating. The thing that bothers me the most is the "switches" (3rd example here[0]). My first thought upon updating the app was "Why did they reinvent the toggle switch when iOS has a perfectly good one built in?" Being bothered by this is irrational, yet I'm bothered by it all the same. I also find the ripple effect[1] when pressing t…
> I also find the ripple effect[1] when pressing things to be infuriating. Just do the action I've asked, don't do this animation and delay the action by half a second. Again, this is somewhat irrational, but it still bothers me. It is not irrational to want your device and the software you use on it to be as high-performance as possible. In my opinion, unless we're talking about a game, software should always avoid…
Cannot agree more. one of the default settings I used to set my windows computers on is "adjust for best performance". that used to really remove all sorts of nonsensical animations. I would suggest UI designers include this option in their apps. the first 2 times the menu bar progressively shows its items may look cute, but after 500 times it's really an annoyance.
Another pet peeve I have is when web pages shows very little content because: 1. the fonts are too big 2. there are too many sidebar (top/bottom/etc) items 3. the graphics or icons take too much room
i have some ideas about optimization but will reserve that rant for another time.
Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js
#80I dunno, looks slick but I do wonder how much of this is actually useful for building an admin interface. Once I've got decent form styles and a navbar I find that most of the rest is either very simple, or very application specific. Widgets are cool, but mostly we need tables and forms.
> Widgets are cool, but mostly we need tables and forms.
This (though I agree with sibling comment about a few more being useful).
I reviewed 20 popular admin themes last month for our startup, and was v disappointed with them. Either due to code quality, or throwing in loads of useless widgets which are more consumer rather than business oriented.
There's a gap for a theme that's more like Stripe's dashboard, not these heavy-left-hand-menu dashboard themes. Or something like VMWare's Clarity Design System (https://vmware.github.io/clarity/)
Something corporate.