Guide users when they integrate a cover or contact sensor

[matthiasdebaat]

This is a first iteration of unifying the setup experience and better guiding users when they integrate a device. The first devices we focus on are covers and contact sensors.

We want to set basic context data right from the beginning, for example:

• Device name
• Area
• Device class
• Blueprints suggestion

Ideally, based on the setup wizard we know that a contact sensor is for a door vs. a window, respectively for covers.

Ask

• Design the next iteration for the add device flow, with focus on cover and contact sensor
• Make sure you validate any assumptions
• Share progress and ask for feedback

[matthiasdebaat]

I've made an first draft based on the current flow. Need to check with a developer what is feasible.

Current flow

Redesign

Figma link

I've added the integration flow dialog where the user can set a name and area of the just added devices.

[bgoncal]

I checked what the API allows and we can't supress the "device naming" screen in the end of the Apple's matter commissioning flow. On the other hand we could make the device renaming work, we just need a home assistant API for that, currently it is not renaming.

[wardmatter]

Hi,

Thanks for the improvements in UX! May I ask if it is possible to simplify this by sourcing the device-friendly name from Apple, which is set by the user in step 13?

[matthiasdebaat]

Based on the comment of @bgoncal, I think it might be possible to use the name set in the Apple's matter commissioning flow.

Redesign iteration 2

[bgoncal]

Correct, it is possible, we just need an API so the app can interact with it to send the name.

It can also be through the frontend external bus if frontend devs prefer.