L'écran d'ouverture de Petits Pas : le fil où l'on scrolle les publications du réseau, on filtre ce qu'on voit, et on accède à toute l'app. Une chrome volontairement sobre — la couleur vient du contenu, pas de l'interface.
Avant le détail rubrique par rubrique, une lecture d'ensemble. L'accueil superpose un cadre persistant (en-tête + navigation) et un contenu qui défile (le fil). Six zones à repérer — le reste de la présentation les reprend une à une.
1
2
3
4
5
6
Une liste verticale de publications : des cartes blanches posées sur un fond dégradé très doux. Chaque post porte son auteur, un éventuel tag de domaine, le texte, une image optionnelle et la barre d'engagement.
Le fil enchaîne les cartes de publication. Deux états d'auteur cohabitent : le membre qu'on ne suit pas encore, avec son bouton Suivre, et le Pro certifié, marqué par l'or. La pastille de domaine (Bien-être) reste la seule couleur de la carte.
Au défilement, l'en-tête (menu, sélecteur de fil, notifications, messagerie) reste en place — et le contenu qui remonte passe derrière lui dans un flou de verre dépoli. Les contrôles restent lisibles quel que soit ce qui défile dessous.
Trois fils cohabitent — Pour toi, Suivi(e)s, Cercles. Le passage de l'un à l'autre se fait par le menu déroulant de l'en-tête, la solution retenue : compacte, elle laisse toute la hauteur de l'écran au fil.
Le fil actif s'affiche au centre de l'en-tête ; un tap déroule les deux autres, Suivi(e)s et Cercles. L'en-tête tient sur une seule ligne, quel que soit le fil choisi.
Ouvert depuis l'icône en haut à gauche, il regroupe tout ce qui n'a pas sa place dans la barre du bas : profil, abonnement, auto-coaching, cercles, rendez-vous, enregistrements — puis réglages et déconnexion.
En tête : l'avatar, le nom, l'identifiant et les compteurs d'abonnements. En dessous, la navigation ; puis un espace dédié (« Mastermind Business Success ») ; enfin la zone technique, avec la déconnexion isolée en rouge.
Deux points d'interaction sur chaque publication : le menu contextuel (les trois points) pour ajuster son fil ou signaler, et la feuille de commentaires avec ses réponses imbriquées.
Ça m'intéresse et Ça ne m'intéresse pas — deux signaux qui pèsent directement sur ce que « Pour toi » montrera ensuite — et Signaler (en rouge), qui ouvre le tunnel de signalement (§6).
Le post reste flouté en fond pendant qu'une feuille remonte. Chaque commentaire a son avatar, son texte, un cœur et un lien Répondre ; le champ du bas invite à « Rejoignez la conversation… ».
Les réponses s'indentent sous le commentaire parent — un fil à deux niveaux, lisible d'un coup d'œil. Le bouton d'envoi (avion teal) s'active dès que le champ se remplit.
Une feuille unique qui couvre tout : republier dans son fil avec un mot et une audience, envoyer en message direct (à une personne ou un groupe), ou sortir vers un réseau externe. Du plus interne au plus externe, au même endroit.
En haut, une zone de composition (« Dis-moi ce que tu en penses… », audience réglable) pour republier. En dessous, Envoyer par message à ; puis Partager sur aligne les canaux externes (lien, Instagram, Message, Facebook, WhatsApp…).
Un tap sur un avatar le sélectionne — coche teal en coin. Le champ « Écris ton message… » et le bouton Envoyer séparément apparaissent : l'envoi rapide se fait sans quitter la feuille, « Plus » ouvre la liste complète.
La vue étendue affiche une recherche, les contacts en sélection multiple, et deux modes : Envoyer séparément (un message par personne) ou Envoyer vers une nouvelle discussion de groupe (une conversation commune).
La recherche filtre la liste en temps réel : en tapant « Aiden », seuls les contacts correspondants restent. Utile dès que la liste de relations s'allonge.
Pour une republication dans le fil, un écran dédié règle la visibilité : Tout le monde (public) ou Followers (les abonnés, avec le décompte).
Depuis le menu contextuel (§4), un tunnel court : choisir un motif, valider, puis un écran de remerciement qui propose aussi de bloquer l'auteur. Le signalement est anonyme.
Une liste de motifs couvrant les grands cas de modération (automutilation, violence & haine, nudité, harcèlement, usurpation, fausses informations, arnaque, articles réglementés, propriété intellectuelle, contenu illégal…). « Je n'aime pas cette publication » ferme la liste — un signal doux qui nourrit aussi l'algorithme. Un bandeau rappelle que le signalement est anonyme et invite à contacter les secours en cas de danger immédiat.
Le motif validé, un écran confirme la prise en compte, puis propose sous « Autres mesures possibles » une action de suite : Bloquer l'auteur, directement depuis là.
L'accueil concentre deux fonctions sans se surcharger : dérouler le fil et donner accès au reste de Petits Pas. La chrome reste blanche pour laisser la couleur venir du contenu, les interactions réutilisent des composants connus, et la navigation mène partout en deux taps. Le sélecteur de fil retenu — le menu déroulant — garde l'en-tête sur une seule ligne.