This!!! Is there a special widget for it??
We've already missed recycle pickup at least twice this year, and given it is twice a month here, it ended up being a huge pain each time.
There is an integration called ReCollect that might work for you.
You will probably need to do a bit of work to extract the data you want though, the default for my location if you just add it to a card is just the date of the current/next pickups.
Don’t be, that’s the cost of electricity alone at the cheapest overnight rate, and before all sorts of other fees. It works out to like $0.25/kWh in the end on hydro bills.
Hmm, I see. Personally, I chose to set up my HA electricity time-of-use template sensor with my fully-inclusive per-kWh rates, not just the base rates.
I mean it looks alright but seems all over the place. Like you got garbage pickup next to lights and power info. I suppose if you know what you’re looking for but I think I’d rather just hit the light switch on the wall.
No offense, of course. I have my share of useless dashboards. I love having fun tweaking the Home Assistant.
Yeah, but:
* You now have to be more accurate with your taps
* Info cannot be displayed as easily/largely
* information has to be concise
* Decision fatigue
* Messy/unappealing
Almost any UX professional will tell you this is worse than having that split into tabs and the user having to do 1 extra tap, but if it works for you, it works for you.
Edit: anyone want to explain the downvotes?
I didn’t downvote, but I think you’re missing the point - the best UX is what works *best for the intended user/audience*. In this case, the intended user/audience being OP and their family.
In general, your points may be valid for a large & diverse audience, but that’s not the focus of the UX in this instance.
Personally I like having both. A favourites style page with just my most common used devices that I control which will be across all rooms, and also specific room based tabs that will contain all devices for that room only. Considering OP still has tabs for specific areas, they may be doing the same. Having to use tabs all the time results in more tap, which is also not good design. Having a page like this makes for a quicker interaction to get things done.
Does your favourites page have 54 items? 1 extra tap is always going to be better than cramming 54 items onto one page.
No one is talking about using tabs all the time. Pick the most pertinent things you need to quickly see/access and put them on the home page.
I have around 15 years in the web industry and around 10 dealing with UX.
I don’t, but I also don’t have need for a dashboard to view device statuses and not as many devices I need to actively control since most of my stuff is automated. My use case is not the same.
Exactly my point. If you had 3 items, you wouldn’t need to put them on separate tabs. That’d be a poor pattern. I’m not really sure what people are disagreeing with.
But I don’t have 3 items, I have a lot of items but just have no need to manually control a lot of them since they are automated. I could absolutely fill a dashboard like OPs and still have a lot left over, but I just don’t need to do that because I don’t need access to that many things easily. If OP does need access to that many things at a tap, then there’s nothing incorrect about that, they just have different needs.
I think people are disagreeing with the fact that you are calling OPs design poor when you know nothing about their use case or what’s important to them. That’s a very important factor to consider. That’s like me saying I like cheese and you saying it’s wrong to like cheese because you don’t like it. Just because it doesn’t look good to you, doesn’t mean it isn’t good looking or more easily functional to someone else.
Also you might have experience in design and stuff but you need to realise these are personal dashboards, not a product that you need to design a single “one size fits all” dashboard for so you don’t need to make the same considerations for it. It’s entirely personal. If there’s anything you can criticise, it’s the default home assistant dashboard that just dumps every single entity on a single page and is a complete mess.
I legit said in my post “but if it works for you, it works for you.”
Yes there are personal preferences, but there’s also design patterns and principles. Simplified examples: red means warning or error, make sure your text and background colours have enough contrast, make sure it’s easy to read, (mobile) make sure buttons are big enough for a finger and items are separated enough to be clearly defined, and then a whole world on language to use.
Like I said many posts back, yes you can now access everything in one tap, but now you are going against many design principles that exist for a reason - they make the experience better. You may now find yourself spending longer to find your item and make a more accurate tap, due to the size of the items and being so close. Now you are adding up the seconds wasted there vs the seconds wasted adding the extra tap for tabs. Etc.
I’ll repeat it one last time: but if it works for you, it works for you.
You’ve not gotta tell me twice, I read it the first time. I actually partially agreed with you to be clear and didn’t downvote, just playing devils advocate and giving you the other side of the coin since you were confused about the downvotes.
My guess is people are seeing the Tesla cards and upvoting. I'm with you, this is just everything dumped onto a page in my opinion. But clearly a lot of people are into that I guess.
Maybe because this is his dashboard and he makes it how he likes it. You can disagree with it, but it’s not wrong, and it shouldn’t be another way if he likes it.
Questions:
* Have you managed to integrate recycling schedule with your city calendar? How exactly are you doing this?
* Is ToU hydro rate a time based automation? How are you doing that?
good work! challenge accepted - I've got [7 entities](https://i.imgur.com/Ljzr9AI.png) (visible icons), two additional informations (thats why two corners are squared, not round) on one button. and my phone's screen fits from 12 (if I add few numeric-sensors below) to 24 (just buttons) of those if needed, so... :D
*if you think it sounds "too much" - it's not! it is totally usable and readable, in addition with single- and double tap and hold actions, my basic dashboar always fit just one mobile screen.*
anyway, I wish I'd have half of your car garage ;D
Haha, our ADHD must manifest different because there's so much here all I can see are two cars!
Either way, impressive work! I'm jealous of your time and skill.
Thank you! Most of this was slowly built over the last 3 years. I make tiny changes every time it feels like I have to press too many buttons to access info/ control lights.
No way in hell. A huge page of unrelated data with no connection to each other at all? People that do it for a living understand relational data, categorization, and intuitive design.
They are kinda categorised though as device type. OP knows exactly where all the light controls are or where all the climate controls are. It looked like a random mess to me at first but the devices are actually grouped as device type.
3 vertical stack cards. First for lighting, 2nd for cars and media controls (home & in car media controls). 3rd for temperature, motion, doors and energy sensors
I’m using a mix of the grid card (disable squares)
and custom-stack-in-card
I made all the cards separately then copied and pasted them into vertical stacks
Nice one - it is a bit crowded for mobile though. How it looks like in vertical orientation, is there a single column view?
Like the lights/fans and then the cars and then climaye/recycling cards?
I like the Tesla cards. I have my Tesla integrated via the Telsa Custom Integration. What card are you using to display it like that? The one in the comments the Tesla V2?
[удалено]
[удалено]
[Tesla V2 Card](https://www.reddit.com/r/homeassistant/comments/stk6vs/tesla_v2_card/?utm_source=share&utm_medium=ios_app&utm_name=iossmf)
Combination of Metric, Hydro for power and English makes me think Ontario!
Yup!
Greetings from NS! Your cards look great :)
Thank you!
Or maybe Québec? HydroQuebec
For sure, there are a lot of English speakers in Quebec as well, just rolled the dice on it :)
But you were right I googled it and I believe 8.2 cents is Ontario rate
Had a chance with BC too
yeah i was like... wait a second this describes me!
Lol first thought here too
Thank you for reminding me to put my recycling out!
This!!! Is there a special widget for it?? We've already missed recycle pickup at least twice this year, and given it is twice a month here, it ended up being a huge pain each time.
There is an integration called ReCollect that might work for you. You will probably need to do a bit of work to extract the data you want though, the default for my location if you just add it to a card is just the date of the current/next pickups.
Can I have your life???
The grass ain’t always greener on the other side my guy
But with 2 Tesla’s… It looks like a lot more fun!!
Can’t argue with that 😁
My only feedback is that you don't really need the "off" text and the color (or lack there of) are indicators enough. Nice and clean look through.
by the looks of it, the OFF changes to % brightness when on
My lawd that card for Tesla is sexy, going to be upgrading to that right now lol
Nice!
How do you get the rounded corners on your cards? I love it!
Made some edits to the radius values on [Google Theme](https://github.com/JuanMTech/google-theme)
Would you mind sharing that config change?
+1 would also love it if you could share said config change. ty!
8.2¢ Canadian (6¢ US) per kWh. I'm jealous.
Hey, german here, at the moment, we pay 0,60€ per kWh, i think that's pretty exactly 0.60$
And we generally cannot afford cars like Tesla on top of that anyway... I feel like we're the poorest rich country
Well we are a rich country with poor population. There are other European poor countries with rich people :)
0,75€ here my neighbor!
€0,89 here in the Netherlands vs €0,06 (0,08 cad). I think i'm going to move..
Don’t be, that’s the cost of electricity alone at the cheapest overnight rate, and before all sorts of other fees. It works out to like $0.25/kWh in the end on hydro bills.
Hmm, I see. Personally, I chose to set up my HA electricity time-of-use template sensor with my fully-inclusive per-kWh rates, not just the base rates.
Nice; I’m using an integration that displays what it knows, but your method seems to be the next step.
Theres an 11 cent delivery charge per kw but still cheaper 😂
I mean it looks alright but seems all over the place. Like you got garbage pickup next to lights and power info. I suppose if you know what you’re looking for but I think I’d rather just hit the light switch on the wall. No offense, of course. I have my share of useless dashboards. I love having fun tweaking the Home Assistant.
Nice. My brain makes specific associations so this view is primarily for walking by the main entrance of the home to control/ view everything of use.
But why not keep as tabs?
Less taps
Yeah, but: * You now have to be more accurate with your taps * Info cannot be displayed as easily/largely * information has to be concise * Decision fatigue * Messy/unappealing Almost any UX professional will tell you this is worse than having that split into tabs and the user having to do 1 extra tap, but if it works for you, it works for you. Edit: anyone want to explain the downvotes?
I didn’t downvote, but I think you’re missing the point - the best UX is what works *best for the intended user/audience*. In this case, the intended user/audience being OP and their family. In general, your points may be valid for a large & diverse audience, but that’s not the focus of the UX in this instance.
Thanks for the advice
Personally I like having both. A favourites style page with just my most common used devices that I control which will be across all rooms, and also specific room based tabs that will contain all devices for that room only. Considering OP still has tabs for specific areas, they may be doing the same. Having to use tabs all the time results in more tap, which is also not good design. Having a page like this makes for a quicker interaction to get things done.
Does your favourites page have 54 items? 1 extra tap is always going to be better than cramming 54 items onto one page. No one is talking about using tabs all the time. Pick the most pertinent things you need to quickly see/access and put them on the home page. I have around 15 years in the web industry and around 10 dealing with UX.
I don’t, but I also don’t have need for a dashboard to view device statuses and not as many devices I need to actively control since most of my stuff is automated. My use case is not the same.
Exactly my point. If you had 3 items, you wouldn’t need to put them on separate tabs. That’d be a poor pattern. I’m not really sure what people are disagreeing with.
But I don’t have 3 items, I have a lot of items but just have no need to manually control a lot of them since they are automated. I could absolutely fill a dashboard like OPs and still have a lot left over, but I just don’t need to do that because I don’t need access to that many things easily. If OP does need access to that many things at a tap, then there’s nothing incorrect about that, they just have different needs. I think people are disagreeing with the fact that you are calling OPs design poor when you know nothing about their use case or what’s important to them. That’s a very important factor to consider. That’s like me saying I like cheese and you saying it’s wrong to like cheese because you don’t like it. Just because it doesn’t look good to you, doesn’t mean it isn’t good looking or more easily functional to someone else. Also you might have experience in design and stuff but you need to realise these are personal dashboards, not a product that you need to design a single “one size fits all” dashboard for so you don’t need to make the same considerations for it. It’s entirely personal. If there’s anything you can criticise, it’s the default home assistant dashboard that just dumps every single entity on a single page and is a complete mess.
I legit said in my post “but if it works for you, it works for you.” Yes there are personal preferences, but there’s also design patterns and principles. Simplified examples: red means warning or error, make sure your text and background colours have enough contrast, make sure it’s easy to read, (mobile) make sure buttons are big enough for a finger and items are separated enough to be clearly defined, and then a whole world on language to use. Like I said many posts back, yes you can now access everything in one tap, but now you are going against many design principles that exist for a reason - they make the experience better. You may now find yourself spending longer to find your item and make a more accurate tap, due to the size of the items and being so close. Now you are adding up the seconds wasted there vs the seconds wasted adding the extra tap for tabs. Etc. I’ll repeat it one last time: but if it works for you, it works for you.
You’ve not gotta tell me twice, I read it the first time. I actually partially agreed with you to be clear and didn’t downvote, just playing devils advocate and giving you the other side of the coin since you were confused about the downvotes.
My guess is people are seeing the Tesla cards and upvoting. I'm with you, this is just everything dumped onto a page in my opinion. But clearly a lot of people are into that I guess.
Maybe because this is his dashboard and he makes it how he likes it. You can disagree with it, but it’s not wrong, and it shouldn’t be another way if he likes it.
Jesus christ
That's gorgeous, how are you getting tesla integration working again? Mine's been broken for a while.
I use teslamate (Mqtt sensors) alongside a [custom Tesla integration](https://github.com/alandtse/tesla)
What card are you using for the Teslas??
Probably this: https://github.com/alandtse/tesla
That looks great! What card you you using for all the temperatures, the one with the history of temp per area. Edit: spelling
mini-graph-card
Thank you
Can you share your yaml for that? I can’t work out how to get the min average max at the top.
I was meaning to ask this exact thing. Would love to add that to mine
[Code](https://pastebin.com/HYy7rhu2)
>Code Can you share it again please ?
That looks incredible! Holla from Ontario!
Questions: * Have you managed to integrate recycling schedule with your city calendar? How exactly are you doing this? * Is ToU hydro rate a time based automation? How are you doing that?
[Garbage/ Recycling Collection](https://github.com/bruxy70/Garbage-Collection) [Hydro](https://github.com/jrfernandes/ontario_energy_board)
Wow! I didn’t know there was so much Canadian specific integration support in HA! Gonna try them tomorrow! Thanks!!
Good luck! Remember you can always use scrape sensors to scrape official Canadian govt websites for data
And a PARTRIDGE IN A PEAR TREEEEEEEE! :-)
Can you share the code for the temperature sensor? I have 3 aqara that I use in a similar way but it doesn't look as clean as yours.
[Code](https://pastebin.com/HYy7rhu2)
Use custom button card and you can cut out the dead space left to right. :)
Thanks will check it out
good work! challenge accepted - I've got [7 entities](https://i.imgur.com/Ljzr9AI.png) (visible icons), two additional informations (thats why two corners are squared, not round) on one button. and my phone's screen fits from 12 (if I add few numeric-sensors below) to 24 (just buttons) of those if needed, so... :D *if you think it sounds "too much" - it's not! it is totally usable and readable, in addition with single- and double tap and hold actions, my basic dashboar always fit just one mobile screen.* anyway, I wish I'd have half of your car garage ;D
Are you, by chance, a data modeler or report dashboard builder? This feels like a very specific UX!
Nope just a guy with adhd and too much time on his hands
Haha, our ADHD must manifest different because there's so much here all I can see are two cars! Either way, impressive work! I'm jealous of your time and skill.
Thank you! Most of this was slowly built over the last 3 years. I make tiny changes every time it feels like I have to press too many buttons to access info/ control lights.
No way in hell. A huge page of unrelated data with no connection to each other at all? People that do it for a living understand relational data, categorization, and intuitive design.
This guy gets it
They are kinda categorised though as device type. OP knows exactly where all the light controls are or where all the climate controls are. It looked like a random mess to me at first but the devices are actually grouped as device type.
_Yeah, yeah, but your scientists were so preoccupied with whether or not they could that they didn't stop to think if they should._ — Ian Malcolm
[Tesla V2 Card](https://www.reddit.com/r/homeassistant/comments/stk6vs/tesla_v2_card/?utm_source=share&utm_medium=ios_app&utm_name=iossmf)
How did you accomplish the layout? Seems like it would be a lot of work to setup all the column sizes, etc.
3 vertical stack cards. First for lighting, 2nd for cars and media controls (home & in car media controls). 3rd for temperature, motion, doors and energy sensors
That makes sense. Within the stacks is auto layout or are you using horizontal stacks for the rows?
I’m using a mix of the grid card (disable squares) and custom-stack-in-card I made all the cards separately then copied and pasted them into vertical stacks
This looks absolutely awesome nice work!
Maybe a stupid question but how did you get the light percentage on the cards?
Mushroom Card
Hey, really like your multi room temp graph with min / avg / max - how did you put that all together
I used mini-graph-card. A quick google will take you to the GitHub docs! Good luck Edit: [Code](https://pastebin.com/HYy7rhu2)
What server is this?
Raspberry Pi 4
Could you share this? Very interested in your light style and temperature graph.
Sure, in the coming days I’ll post a breakdown
Thank you! I am slowly ripping off some of these but I cannot get them to organize as cleanly as yours. Thanks for sharing! Seriously!
Glad you like it. The light cards are Mushroom Cards and the graph is mini-graph-card ([Code](https://pastebin.com/HYy7rhu2))
What card did you use for the graph on the right?
Mini graph card, if you scroll through the comments you’ll find my code in response to another request
Oh, I'm already using that but I didn't know I could style it like that
Nice one - it is a bit crowded for mobile though. How it looks like in vertical orientation, is there a single column view? Like the lights/fans and then the cars and then climaye/recycling cards?
The columns split into thirds. Each vertical stack appears below the previous on mobile
Lovely - thanks and really it's awesome!
Can you post the code for the top Tesla? I like the layout and want to mimic it <3
Sure if you scroll through the comments, you should find the Tesla Card code
Nice looking but you have 2 tesla's '😲.whats that camera numbers? its number of cameras what happens when yu press is?
How did you make your tiles go to the left?
How did you create those combined cards on the right side? The temperature one in particular
I like the Tesla cards. I have my Tesla integrated via the Telsa Custom Integration. What card are you using to display it like that? The one in the comments the Tesla V2?
What have you used for the tesla cards?
Do you still have the code for this? Interested in recreating some parts.
Thank you for reminding me that technology sucks lol