Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

github.com

Post reply on HN
Print view View original

21–30 of 154 posts

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#21

Post by briandear »

cpburns2009 wrote: post #17
TimMurnaghan wrote: post #10

Do 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, for one, do not. Material Design, and the other flat themes are horrible on the web because they ignore established conventions and disregard affordance. Even on mobile I don't know what's click... tappable.

That is my biggest complaint with Material Design. It’s great if you already know what all the icons mean and what you are supposed to click. Apple design, by contrast is generally very obvious and instantly understandable. Look at the Apple Music app on iOS: pretty much every icon is labeled. You don’t have to guess where “My Library” is or fumble around trying to figure it out. Google Hangouts on the other hand.. I have used that thousands of times and still have a cognitive interruption every time I try to share screen, see the sidebar chat or any other common tasks.

I frankly don’t understand the appeal of Material Design. If it came from anyone but Google, it wouldn’t be a thing except in the back alleys of Dribble.

However, this dashboard project — thanks to whomever made it. It does look very nice — just not a fan of the typical Google design language because of serious usability flaws. This dashboard does seem to mitigate some of my main complaints (ambiguity and uncertainty.)

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#22

Post by jrs95 »

TimMurnaghan wrote: post #10

Do 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 do and the development experience of working with something like Angular Material is pretty great. If you're building relatively simple interfaces it's not that bad. Most of what I do is data tables and CRUD, I just want nice and relatively well styled components that are also well integrated with my framework.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#25

Post by jrs95 »

briandear wrote: post #21
cpburns2009 wrote: post #17

Earlier quoted context omitted.

I, for one, do not. Material Design, and the other flat themes are horrible on the web because they ignore established conventions and disregard affordance. Even on mobile I don't know what's click... tappable.

That is my biggest complaint with Material Design. It’s great if you already know what all the icons mean and what you are supposed to click. Apple design, by contrast is generally very obvious and instantly understandable. Look at the Apple Music app on iOS: pretty much every icon is labeled. You don’t have to guess where “My Library” is or fumble around trying to figure it out. Google Hangouts on the other hand.. I…

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.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#26

Post by Mister_Snuggles »

TimMurnaghan wrote: post #10

Do 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.

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 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.

Perhaps the thing that bugs me the most is that it feels like I have a really well-designed Android app on my phone. The problem though is that I have an iPhone. If I wanted to use Android apps, I would have bought an Android phone.

[0] https://material.io/design/components/selection-controls.htm...

[1] https://material.io/design/interaction/states.html#pressed

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#27

Post by electrotype »

axelut wrote: post #19
electrotype wrote: post #13

I'm using Firefox and the "Material Icons" icons are never displayed properly... Any idea why? https://i.imgur.com/Y06PbsL.png

Also work on our side. Please Open an issue with all the details so we can check simulating your environment. Thanks!

It's not a problem on your side. It happens on all sites with material icons... But thanks.

I'm just trying to use the smart people on Hacker News to help me with my issue! :-P

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#28

Post by electrotype »

realusername wrote: post #14
electrotype wrote: post #13

I'm using Firefox and the "Material Icons" icons are never displayed properly... Any idea why? https://i.imgur.com/Y06PbsL.png

strange, it works on my Firefox, maybe you have disabled some custom font loading settings for privacy?

Even in safe mode, with all add-ons disabled, it still doesn't work... I should try a clean install maybe.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#29

Post by nostalgeek »

douglaswlance wrote: post #16

What's the easiest way to through a Firebase database behind this?

Get a grid widget from some actual widget toolkit? no seriously, that's why I don't really values these dashboards. Because let's be honest they don't come with actual useful stuff for someone who is developing a LOB that doesn't need to look like a mobile website.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#30

Post by blindman »

burnt1ce wrote: post #6

Nice theme. I like how it uses the big 3 FE frameworks. Big shout out to Ngx-Admin as well. https://github.com/akveo/ngx-admin

We use ngx-admin currently and are enjoying it what it offers. I wish the corporate theme existed project start but I'm glad to see there are more options now.
Post reply on HN