Scènes : Améliorer la sélection "changement d'état de l'appareil" avec des filtres et du multi-select!

Feature description

Tu veux détecter n’importe quel mouvement dans ta maison et déclencher une action ? C’est possible, mais si tu as 4 capteurs de mouvement, ça demande 28 clicks de souris actuellement, c’est un peu long et fastidieux.

Et si on limitait l’affichage de la liste déroulante à ce que tu souhaites sélectionner ?
Et si tu pouvais sélectionner tous les équipements d’un coup ?
→ Ben ça serait super pratique :slight_smile:

Explications

Actuellement, la sélection des 4 capteurs de mouvement pour déclencher une scène :

  • 4 clicks pour ajouter un nouveau déclencheur de type « Changement d’état de l’appareil »
  • 2 clicks pour sélectionner un premier capteur de type 'Mouvement (Oui/Non)"
  • 1 clicks pour dire « On » (mouvement)

Total : 7 clicks pour un seul capteur de mouvement, donc 28 clicks pour 4 capteurs.

Et je m’arrête là, car si on souhaite récupérer la dernière valeur de chacun des capteurs, la tester puis effectuer une action, c’est encore plus long.

Proposition

Au moment de choisir un équipement dans la liste, ajouter des filtres en haut de cette liste pour limiter celle-ci à des types de capteurs ou encore des pièces de la maison.

En tant qu’utilisateur, je veux que la liste soit la plus précise possible par rapport à mon besoin et doit me permettre de sélectionner en une seule fois tous les capteurs qui doivent être utilisés.

Exemple qui me plait bien (source) :



Versus actuellement

La liste est trèèèès longue, même si je filtre sur « mouvement » par exemple, car chaque détecteur a une ligne pour la batterie, la puissance du signal, la température, l’humidité, la luminosité et enfin le mouvement.

Exemple avec une sélection sans filtre :
image

Autre exemple avec une sélection filtrée sur « température » :
image

Je partage l’envie de simplifier la recherche de ces selects dans les scènes, car dès qu’on a pas mal de devices, on est vraiment sur des listes HYPER longues.

2 « J'aime »

@pierre-gilles je sais pas si ça peut entrer dans le projet d’amélioration UX, mais ça me semble pertinent.

Créer une scène qui doit vérifier que toutes les fenêtres sont bien fermées, c’est toujours une plaie (j’ai 8 ouvertures, car les fenêtres sont doubles : droite et gauche).

D’un point de vue utilisation, ça changerait la vie.

Je suis d’accord !

Tu vois ça comment pour les filtres ? J’ai du mal à me projeter

Si tu faire un petit mockup sur https://whimsical.com/ :smiley:

Voilà ma proposition : scenes-ameliorer-la-selection-du-choix-des-capteurs-avec-des-filtres-et-du-multi-select

Inspiration : Material Design 3
Chips – Material Design 3

Déclencheur

Ici, Gladys nous permet de lister tous les appareils, filtrer par pièce ou type et sélectionner un ou plusieurs.

Trois modes de filtre : via l’input habituel, via l’input pièce (comme Gmail, ajoute des « chips » une fois le tag validé avec entrer) et via le type.
Les filtres devraient fonctionner en exclusif (type ET).

La validation peut être directe (tout sélectionner valide en même temps) ou indirect : il faut sélectionner case par case puis valider (à définir).

Une fois validé :

Récupérer le dernier état (même idée)

Même principe, l’exemple mixe les types cette fois et ne filtre par sur une pièce :

1 « J'aime »

Moi j’aime bien cette proposition ! Bravo @lmilcent

1 « J'aime »

Je comprends que ce serait appliqué sur les déclencheurs et sur les actions « récupérer le dernier état ». Est-ce que ce serait envisageable aussi de façon similaire pour les actions « contrôler un appareil » ?

1 « J'aime »

En fait on glisse vers une demande de modification globale de la sélection des objets connectés dans Gladys.
Je crois que c’est effectivement un point de friction dans certains cas d’usage que l’on rencontre souvent, mais que ce n’est pas un « quick win » car le travail derrière est plus conséquent que résoudre quelques bugs d’UX (j’imagine).

@pierre-gilles quelle est ta vision sur le sujet et la proposition ?

Merci pour ta proposition, c’est cool d’avoir passé du temps :slight_smile:

C’est où sur ton mockup ? je ne vois pas

Pourquoi être passé par un système de checkbox, et pas en conservant le composant react-select actuel ?

Le problème des checkbox, c’est que les appareils dans Gladys, on en a tous des dizaines/centaines. Même avec des filtres, les plus grandes pièces ont facilement 20 appareils. Donc pour ne pas que ça déborde, il faudra mettre du scroll à l’intérieur. Hors des checkbox à l’intérieur d’une vue scroll, c’est bof, car tu ne vois pas les appareils que tu as coché le plus en bas.

Sinon de manière générale sur la proposition, j’aime bien mais je trouve ça un peu lourd non ? Et en terme de compréhension d’UI, je suis pas sûr qu’un utilisateur qui débarque et qui ne connait pas le produit comprenne que le sélecteur de pièce est un filtre, idem pour le type

Je suis d’accord que ce fonctionnement pourra ensuite être étendu à d’autres endroits de Gladys, mais je pense que ce doit être dans un second temps, et dans d’autres demande de fonctionnalité.

Ma vision est toujours la même : plus une demande de fonctionnalité est petite en terme de scope, et mieux c’est. Les demandes géantes fourre-tout ce sont des projets qui n’aboutissent jamais car la marche est trop grande !

Il faut avancer par petite itération :slight_smile:

C’est peut être pas assez explicite, mais le Select ... est un champ input, histoire de conserver habitudes de chacun.

Simplement par méconnaissance, j’ai utilisé les champs proposés par whimsical.

Bien vu, je n’y avais pas pensé et en effet c’est une catastrophe en UX :grimacing:

J’ai voulu donner une idée générale, un peu plus concrète que des mots. Mais c’est pas assez abouti, je trouve comme toi que ça fait très chargé et presque intimidant pour un nouveau venu.

Actuellement, quand on regarde la liste et qu’on voit pleins de fois le même capteur, mais avec des types différents, je trouve que ça manque de simplicité.
De mon côté, je pré-filtre souvent en tapant le type d’abord (ouverture), mais après je ne peux plus filtrer par pièce. Et faire l’inverse m’affiche trop de résultats.

Ma proposition essayait de limiter un peu cet aspect. Avec un re-travail sur le design, on va finir par aboutir à quelque chose :slight_smile:

1 « J'aime »

Cool ! tiens moi au courant dès que tu as une nouvelle version :slight_smile:

Moi aussi je trouve ça bien d’avoir conscience que cette amélioration UI serait pertinente à 3 endroits (déclencheurs, action de récupération d’état, action de contrôle des appareils), mais de d’abord la définir, développer et tester sur l’un des 3 seulement.

Ce serait donc sur l’action de récupération d’état qui était ton point initial dans ce sujet, @lmilcent ? Si c’est le cas, peut-être le préciser clairement dans le titre…

1 « J'aime »

C’est fait, j’ai changé le titre.

1 « J'aime »