Personnalisation des pages d'accueil

La demande/le problème utilisateur

Chez Ermeo, nous nous occupons de digitaliser les processus de maintenance. Avant, les opérateurs terrain avaient des formulaires papier à remplir.
Maintenant, ils utilisent leur application mobile et toutes les informations remontent sur une plateforme sur laquelle les administrateurs peuvent utiliser les données récoltées.

Pour cette nouvelle feature de personnalisation des pages d'accueil, la demande client était la suivante :

• il faut que les administrateurs puissent personnaliser la page d'accueil de l'application Ermeo des opérateurs terrain
• il faut pouvoir activer ou désactiver cette page d'accueil personnalisée (et donc avoir une page d'accueil par défaut si la page personnalisée a été désactivée)
• il nous faut la possibilité de pouvoir assigner et desassigner une page d'accueil à une ou plusieurs équipe(s)
• il nous faut un système qui nous permette de mettre à un endroit donné une liste de documents et d'interventions (et donc d'établir des filtres pour conditionner l'affichage)

La démarche

Après avoir fait des entretiens avec les utilisateurs pour récolter les besoins et les demandes, nous avons commencé à faire des workflow sur Miro.

Une fois le workflow validé, nous avons procédé à un benchmark de solutions existantes (Notion, Miro, Shortcuts d'Apple, Glide, Airtable, Webflow...)

Le design

Suite à nos entretiens utilisateurs, à notre workflow et à notre benchmark, j'ai pu commencer à proposer un design.

Nous avons déjà un studio d'édition (pour éditer/publier sur l'application des formulaires) où le système de "drag and drop" est utilisé (cliquer-déposer en français).
Du coup, on voulait utiliser le même principe couplé au système de WYSIWYG (what you ses is what you get littéralement : ce que vous voyez est ce que vous obtenez). Pour permettre à l'administrateur de pouvoir visualiser la même chose (ou presque) que l'utilisateur final : l'opérateur terrain.

La chose était donc simple : le côté droit de la page sur lequel l'administrateur choisit le bouton qu'il souhaite ajouter à la page d'accueil, puis le glisse dans le téléphone placé au milieu de la page. Une fois le bouton glissé dans le téléphone, un panneau sur la droite de la page s'ouvre et l'administrateur peut paramétrer le bouton : lui donner un nom/titre, personnaliser la couleur, choisir un pictogramme, et enfin pouvoir paramétrer le filtre si c'est un bouton qui renvoie vers une liste de ressources.

Enfin, une page de centralisation (un genre de centre de contrôle) de toutes les pages d'accueil personnalisées, pour pouvoir y accéder, assigner/desassigner des équipes, les supprimer, les désactiver (les mettre en pause un petit moment pour les modifier par exemple). Quand une page personnalisée est supprimée ou desasignée, la page d'accueil Ermeo est assignée automatiquement aux équipes qui ont été desasignées).

Enfin, l'administrateur peut choisir une page d'accueil par défaut pour une équipe : à chaque nouveau membre de cette équipe, cette page par défaut sera assignée.