#Suggestions for how to make this flow better?

1 messages · Page 1 of 1 (latest)

drowsy pasture
#

I decided to build a dashboard with as much Tile as possible, but even though it's strictly grouped by physical areas, it ends up looking weirdly jumbled.

Would love any suggestions people have!

Screenshot_2025-03-07_at_13.55.43.png
drowsy pasture
#

regrouped things a little to pull the cameras together, which I think helps a bit, but the responsiveness of Section layout makes it still look a bit jumbled

Screenshot_2025-03-07_at_14.21.22.png
left sandal
#

A couple of thoughts:

  1. Put each room in its own section. Currently you seem to stack multiple rooms into one section (eg. Bedroom and storage are in the same section). That will standardize the contents of each section but will probably result in more blank space because the amount of devices in each room span quite a range.
  2. Use conditions in the visibility to control when cards (or versions of cards) are visible. Eg. If a device is off, don't show the full range of controls but just a simple icon for toggling it on.
  3. Start with just a few rooms (eg. Just the bedrooms), get a layout that you are satisfied with, note down the design logic that leads to that layout (eg. All lights on top, then ventilation), then expand to other rooms applying the same logic.
magic basalt
#

I took the approach of putting each room/area on it's own page of the dashboard.

That's my "Home" page with pertinent information in the 'entity badges' driven by integration helpers to provide counts and other information.

Each area page then has the specific items that are available in that area.

I also have a hidden details page that displays all the lights that are on, windows or doors that are open, and other things that may be on or running.

image.png
drowsy pasture
drowsy pasture
#

Sections is so nice horizontally, but it’s brutal vertically

zinc spear