Add Suggested Areas UI

[SeanPM5]

Home Assistant should suggest Areas whenever the user goes to add one. Rough mockup:

This would be a significant improvement to the overall user experience for Areas, because now the user wouldn't have to give any thought to this. They don't have to think about what areas are in their home and how should they name them, they won't put it off until later and forget about it. They'll simply go down the list saying "I have that" and check some boxes. And it's precisely because of how easy this is that practically everyone will add Areas.

This could also be used in onboarding to get users up and running in just a few clicks.

Other nice thing about this is that suggested areas would have icons associated with them. Having icons would allow for much greater flexibility when it comes to displaying them in the UI. Here's a list of the ones I used for this mockup.

Area Name	Icon
Living room	mdi:sofa
Kitchen	mdi:silverware-fork-knife
Bedroom	mdi:hotel
Laundry room	mdi:washing-machine
Garage	mdi:garage
Game room	mdi:table-tennis
Garden	mdi:flower

There would be more like Nursery, Kid's room, basement, hallway, garage etc.

[balloob]

I like the idea.

Right now our areas do not have a type / icon associated with them. They just have a name. So this would require a backend change.

We do generate localized default areas during onboarding, but only three of them: https://github.com/home-assistant/home-assistant/blob/f540d74b654700f349303cca7df0e13ba66a824a/homeassistant/components/onboarding/const.py#L9 (this is done by passing the users language to the backend)

[SeanPM5]

Expanding on this idea a tiny bit: if the user begins typing text into the "Name" text field, it would also filter the suggested areas list below the textfield in real-time.

So if they type the letter "B" the suggested areas list would only show Bedroom, Bathroom, Balcony, Basement, Barbeque, anything beginning with B.. If they begin typing "Ga" it would show Garden, Garage, Game Room and so forth..

This way if the user doesn't feel like scrolling through the list of suggested areas, or if they perhaps overlooked the area they wanted to add and started to enter it manually, it would still be surfaced to them.

[stale[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue now has been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.