tchapgouv / tchap-product

Discussions sur les différents points de design
3 stars 0 forks source link

Intégrer la gaufre de la suite numérique sur le client web #330

Closed julie-ri closed 3 months ago

julie-ri commented 5 months ago

Voici la doc de la gaufre à intégrer https://integration.lasuite.numerique.gouv.fr/guides/gaufre/

### Suivi
- [ ] https://github.com/tchapgouv/tchap-web-v4/issues/1012
odelcroi commented 5 months ago

@julie-ri seulement le client web? quels sont les arguments?

julie-ri commented 5 months ago

oui sur le client web uniquement, tous les produits de la suite integre la gaufre, ca fait partir à la fois de l'identité graphique de la suite numerique et de la facilitation d'accès à tous les outils de la suite depuis n'importe quel outil

odelcroi commented 5 months ago

oui sur le client web uniquement, tous les produits de la suite integre la gaufre, ca fait partir à la fois de l'identité graphique de la suite numerique et de la facilitation d'accès à tous les outils de la suite depuis n'importe quel outil

désolé ma question était pas claire, pourquoi uniquement sur web et pas sur mobile?

julie-ri commented 5 months ago

Les autres app de la suite ne sont pas sur client tel. On va se limiter à mettre la gaufre sur la version web.

MarcWadai commented 5 months ago

Je peux voir deux endroits potentiel pour intégrer la gaufre sans trop perturber notre interface :

Image

@areox-net des idées ?

areox-net commented 5 months ago

@MarcWadai Si on suivait à la lettre les guidelines de La Suite, elle devrait etre en haut à droite. Sur Tchap cela est difficilement envisageable. La barre de gauche me semble aussi l'endroit le plus naturel pour intégrer la gauffre dans Tchap. Je la verrais tout en bas, donc après l'icone settings.

MarcWadai commented 5 months ago

Retour de la suite avec une autre idée de mettre le bouton en bas de l'avatar :

Sinon pour le placement du bouton gaufre, en dessous du bouton avec la photo utilisateur vous trouvez ça trop imposant ? Question ouverte sans avoir trop réfléchi j'avoue. Ça me paraît pas déconnant que ce bouton soit à côté du bouton "mon compte" en général.

L'idée du bouton est de marquer le coup qu'on a un compte "suite numérique", et le caler dans un coin bien loin de ton lien vers ton compte / ton avatar affaibli un peu ça je trouve. L'ancien système similaire (la pastille rizomo sac à dos numérique) était dans un coin en bas de l'écran et les gens s'en servaient pas vraiment au final. J'ai peur que le mettre la ça fasse un peu ça sur tchap, le truc un peu en plus vite fait.

MarcWadai commented 5 months ago

Screenshot_20240611_115217

Screenshot_20240611_115248


Screenshot_20240611_115807

Screenshot_20240611_115849

areox-net commented 5 months ago

@MarcWadai J'avais pensé à la gauffre en bas de l'avatar mais

On pourrait la mettre en haut si on avait à la place du Avatar un logo Tchap. Dans ce cas on pourrait avoir Logo Tchap + Gauffre puis après un espacement la liste des spaces.

Screenshot 2024-06-11 at 12 16 13

areox-net commented 5 months ago

Je pense que en bas à gauche elle a plus de sens, dans le sens de lecture c'est l'équivalent de en haut à droite dans une topbar horizontale. Une couleur differente ça lui donnerait un status different des autres icones qui sont des features de l'app

Screenshot 2024-06-11 at 12 18 31

julie-ri commented 4 months ago

est-ce qu'on a peut faire un article FAQ pour expliquer brièvement la gaufre ?

areox-net commented 4 months ago

@julie-ri Oui, je m'en occupe. Par contre faut vraiment réfléchir à un titre, à comment aborder le sujet, car "gauffre" ne va pas parler aux gens:

"A quoi sert l'icône en bas à gauche de la barre laterale ?" ou alors "Comment accéder aux autre services de La Suite Numérique depuis Tchap ?"

julie-ri commented 4 months ago

c'est clairement une appellation en interne qu'on ne doit pas utiliser dans la FAQ haha. Je suis bien d'accord. J'aime bien le "Comment accéder aux autres services de La Suite Numérique depuis Tchap"

areox-net commented 4 months ago

@julie-ri Ca donnerait ça https://aide.tchap.beta.gouv.fr/fr/article/comment-acceder-aux-autres-services-de-la-suite-numerique-depuis-tchap-web-nw8cl3/?bust=1719838493644

julie-ri commented 4 months ago

TOP je vais corriger une ou deux fautes et si ça te va on passe le ticket en done ?!