Scene list improvement on mobile

Hi everyone!

I’m thinking about improving the scenes list to make it more readable on mobile.

Currently, on a standard iPhone, only 2.5 scenes are shown in list view, which is really few :sweat_smile:

I tested switching to a more compact list view.

In my test, I completely removed the actions on mobile (start, and enable/disable), which allows showing 9 scenes instead of 2.5.

What do you think? Progress or regression? :slight_smile:

The view on a large screen remains the same, it’s just on mobile.

1 Like

Hello,
For the actions « activate_ deactivate », personally I wouldn’t miss it but I use the « start » function remotely.

That’s not bad ;)\nIndeed the ‹ Start › function can be useful on mobile without having to enter directly into the scene

1 Like

Hi @pierre-gilles,

Great initiative!! Indeed, it was way too big on mobile.

However, since you’re asking, I find that removing the actions is a regression. For my part I quite regularly use the activation/deactivation of certain scenes, notably in case of breakdowns, work or maintenance, and winterizing.

1 Like

I agree that the « start » function could be a small « Play » button on the right, I’ll try!

You can still enter the scene, but we won’t be able to put everything back into that view, that’s precisely the goal of this simplification ^^

I think that in any case you come out ahead — if your scene is the 10th one, you’ll be faster clicking on your scene and then « disable », rather than having to scroll through 5 pages and then click the current disable button

1 Like

With the button to launch the scene:

4 Likes

And what does that look like when we have multiple tags per scene?

it depends on the length of the tags, but roughly it looks like this:

Also, I’m hesitating about keeping them in this mobile view — I can’t really tell

We could create a branch on Gladys Plus to run tests on real data

If you have a tag or two it’s fine, but more tags clutter the view, I find

Yes, it would be good if those who have many scenes and tags could run a test

1 Like

Quick demo of the global responsiveness:

There you go, available on Gladys Plus to test!

The URL: https://improve-response-scene-list.gladys-plus.pages.dev/

Tested at my place, it’s so convenient!!

I’ve just tested it too, it’s clearer.

1 Like

Do you think it would be possible to grey out the titles of disabled scenes? That would make it possible to tell whether they’re enabled or disabled without having to enter the scene.

3 Likes

@bertrandda For example, like this?

Not a bad idea

4 Likes

Yes, very good, thanks :+1:

Has anyone tested it live on Gladys Plus then? :slight_smile:

The URL : https://improve-response-scene-list.gladys-plus.pages.dev/

@Terdious have you tested?

Sorry, I only just tested!!

It’s great honestly, much cleaner on small screens.

Indeed, for activation/deactivation on small screens, it’s not restrictive, especially since you added tag persistence!

I’m 90% in agreement with @_Will_71, too many tags can be less visually pleasant, but most of the time working with 1, 2 or 3 tags, it would still be nice to have the first line of tags and put something like « … » if there are more tags than one line?

I approve it in any case ^^

1 Like

For now I’ll leave all the tags; we’ll see the feedback from real use. It doesn’t bother me as it is.

Excellent!

I’ve just merged into master; it will be included in the next version of Gladys

3 Likes

Yes I tested it too, I didn’t forget to give feedback… between the end of

2 Likes