Petits Pas · Refonte V2

Les Cercles

La fonctionnalité communautaire complète, suivie dans l'ordre du parcours : l'accueil et la création, le profil de cercle, l'adhésion aux cercles privés, puis la couche de gestion — d'abord au niveau modérateur, enfin le pilotage complet de l'admin.

64
Écrans
3
Niveaux de vue
5
Rubriques

Un même cercle, trois regards. La présentation suit cette progression : les écrans partagés sont montrés une fois, puis chaque niveau ajoute ses outils.

Membre

Découvre, rejoint, crée des cercles et y publie. Ses options se limitent à son propre usage : notifications, partage, enregistrement, signalement, quitter.

Modérateur

Nommé par l'admin, il traite les files du quotidien — alertes de modération, spam potentiel — et gère les membres. Il ne touche ni aux paramètres ni aux règles, et peut rendre son rôle.

Administrateur

Le créateur du cercle. Tout le pilotage : paramètres, qui peut publier, approbation, critères de détection, mots surveillés, rôles, règles, statistiques — jusqu'à la suppression du cercle.

1

L'accueil des Cercles

L'onglet Cercles s'organise en trois volets : Suggestions (un fil de publications issues de cercles proposés), Mes cercles (ceux que l'on a rejoints) et Découvrir (l'exploration). Le bouton « + » du header ouvre la création — accessible à tous les membres, gratuits comme Pro.

Le volet Suggestions
Volet Suggestions — fil de publications
Volet 1

Un fil, pas un annuaire

Le volet Suggestions montre directement des publications venues de cercles proposés au membre : on découvre un cercle par son contenu réel, pas par sa fiche. Le bouton « Rejoindre » est posé sur l'en-tête du post.

  • Découverte par le contenu le membre juge l'ambiance du cercle sur pièces.
  • Rejoindre sans quitter le fil l'adhésion se fait depuis la publication elle-même.
Le volet Mes cercles — deux dispositions

Choix à faire — la disposition de « Mes cercles ». Option 1 : cards visuelles empilées, portées par la cover. Option 2 : cards texte plus compactes, avec la description du cercle. L'état vide est identique dans les deux options.

1
Mes cercles — option 1, cards visuelles

Option 1 · Cards visuelles

La cover du cercle en pleine largeur, nom et compteur de membres en pied de card.

2
Mes cercles — option 2, cards descriptives

Option 2 · Cards descriptives

Avatar, nom, description du cercle et pile d'avatars des membres — plus d'information, moins d'image.

Mes cercles vide — contexte option 1

État vide · « Crée ton premier cercle »

Aucun cercle rejoint : une card d'invitation à créer, suivie des suggestions à rejoindre — version option 1.

Mes cercles vide — contexte option 2

Le même état vide, contexte option 2

La même card de création, avec les suggestions dans le traitement de l'option 2.

Le volet Découvrir — deux dispositions

Choix à faire — la présentation de Découvrir. Option 1 : grille de deux colonnes portée par les covers. Option 2 : une section « Cercles populaires » en carrousel horizontal, puis les suggestions en grille compacte. Dans les deux cas, « Rejoindre » est sur chaque card.

1
Découvrir — option 1, grille visuelle

Option 1 · Grille visuelle

Deux colonnes de cards à cover, nom, confidentialité et compteur de membres.

2
Découvrir — option 2, populaires + suggestions

Option 2 · Populaires + suggestions

Un rail « Cercles populaires » avec description, puis la grille des suggestions.

Créer un cercle
Créer un cercle
Création

Tout se décide à la création

Le formulaire de création réunit l'identité et le régime du cercle : cover, nom, biographie, puis les trois réglages structurants — et le domaine de vie, jusqu'à deux tags.

  • Confidentialité Public ou Privée — qui peut voir les membres et les publications.
  • Visibilité Tout le monde ou Masqué — qui peut trouver le cercle dans l'app.
  • Domaine les cinq domaines de vie, chacun dans sa couleur.
2

Le profil de cercle · vue membre

La page du cercle reprend la logique de profil : cover, carte d'identité (nom, confidentialité, membres, description), puis la navigation interne — Publications, À propos, Membres. C'est le même écran pour tous les rôles ; ici, ce qu'en voit un membre.

L'onglet Publications
Profil de cercle — onglet Publications
Onglet 1

Le fil du cercle, avec son post épinglé

Sous la carte d'identité, le fil des publications. Un post peut être épinglé en tête — typiquement le mot de bienvenue de la créatrice — puis le fil déroule les posts avec leurs tags de domaine, réactions et commentaires.

  • Épinglé le post d'accueil reste en tête du fil, marqué comme tel.
  • Publier dans le cercle ouvert à tous les membres, comptes gratuits compris — l'exception assumée à la règle de publication de l'app.
La barre d'onglets — deux traitements

Le composant de navigation interne du profil, isolé dans ses différents états actifs.

Choix à faire — le style de la barre. Option 1 : l'onglet actif seul est en pastille teal avec son libellé et son icône, les autres réduits à l'icône. Option 2 : les trois libellés restent affichés en permanence, l'actif passe en pastille.

Onglets option 1 — Publication actif
Option 1 · Publication actif
Onglets option 1 — À propos actif
Option 1 · À propos actif
Onglets option 1 — Membres actif
Option 1 · Membres actif
Onglets option 2 — Publications actif
Option 2 · Publications actif
Onglets option 2 — À propos actif
Option 2 · À propos actif
Onglets option 2 — Membres actif
Option 2 · Membres actif
L'onglet À propos
Profil de cercle — onglet À propos
Onglet 2

La carte de visite du cercle

Tout ce qui définit le cercle, sur toute la hauteur de scroll : le régime (confidentialité, visibilité, historique de création), le domaine de vie, l'équipe, les règles fixées par les admins dans un bloc teal, et l'activité du groupe.

  • Règles des admins les mêmes règles que celles acceptées à l'adhésion, consultables à tout moment.
  • Admin et modérateurs l'équipe du cercle est identifiée nommément.
  • Activités de groupe les repères de vitalité : nouvelles publications, évolution des membres.
L'onglet Membres — deux dispositions

Choix à faire — la liste des membres côté profil : rôles en tête (Admin, Modérateurs) puis les membres. Option 1 : chaque personne dans sa card séparée. Option 2 : la liste regroupée dans une card unique, plus dense.

1
Onglet Membres — option 1, cards séparées

Option 1 · Cards séparées

Une rangée-card par personne, badges de rôle à droite.

2
Onglet Membres — option 2, liste groupée

Option 2 · Liste groupée

Les mêmes rangées réunies dans un seul bloc, lecture plus continue.

Rechercher dans le cercle
Recherche interne au cercle
Recherche

Chercher dans le périmètre du cercle

La loupe du profil ouvre une recherche limitée au cercle, avec les recherches récentes — termes et personnes — rappelées sous le champ. On retrouve un contenu ou un membre sans repasser par la recherche globale.

Les options du membre

Deux bottom sheets accessibles depuis le profil. Côté membre, aucune action de modération : tout reste à l'échelle de son propre usage.

Options du cercle — vue membre

Options du cercle

Inviter des proches, partager le cercle, régler ses notifications — et en rouge, signaler ou quitter le cercle.

Options d'une publication — vue membre

Options d'une publication

Enregistrer, partager, être notifié des commentaires, masquer — et signaler, aux admins du cercle ou à la plateforme.

3

Cercles privés · l'adhésion

Un cercle privé montre son identité et son À propos, mais protège ses publications. Pour entrer, le visiteur prend connaissance des règles fixées par les admins et les accepte — sa demande part ensuite dans la file « Demandes d'adhésion » de l'équipe du cercle.

Le profil d'un cercle privé, vu de l'extérieur
Cercle privé — profil non-membre
Confidentialité

Visible, mais pas lisible

Le visiteur voit la cover, le nom, la description et l'À propos complet — régime du cercle, équipe, règles, activité — assez pour se décider. Mais aucune publication n'est exposée : le seul CTA est « Rejoindre ».

  • Contenu protégé le fil reste verrouillé tant que la demande n'est pas acceptée.
  • Transparence avant d'entrer les règles des admins sont lisibles dès cet écran.
Le parcours de demande

« Rejoindre » ouvre la sheet des règles du cercle. Trois états : l'acceptation à cocher, l'acceptation donnée, puis la confirmation d'envoi côté profil.

Sheet règles — non acceptées

1 · Règles à accepter

Les règles listées une à une ; « Envoyer ma demande » reste désactivé tant que la case « J'accepte les règles du cercle » n'est pas cochée.

Sheet règles — acceptées

2 · Règles acceptées

La case cochée active l'envoi de la demande.

Profil privé — demande envoyée

3 · Demande envoyée

Le CTA du profil passe à l'état « Demande envoyée » en attendant la décision de l'équipe.

4

La vue modérateur

Le modérateur est un membre nommé par l'admin. Son hub « Gérer le cercle » reprend celui de l'admin, réduit à son périmètre : les files « À examiner » et les outils de consultation. Les paramètres, les critères et la suppression restent explicitement réservés à l'admin — et il peut quitter son rôle à tout moment.

Son hub « Gérer le cercle »
Gérer le cercle — vue modératrice
Hub

Le pilotage, borné à son rôle

L'en-tête affiche « Ton rôle : modératrice ». Suivent les quatre compteurs « À examiner » et les outils — mais pas la section Compte et sécurité de l'admin. Un encart « Réservé à l'admin » explicite qui gère le reste, et nomme l'admin.

  • À examiner demandes d'adhésion, publications en attente, contenus signalés, alertes de modération — chacun avec son compteur.
  • Outils membres et rôles, règles du cercle, statistiques.
  • Quitter mon rôle de modératrice l'action de sortie ferme l'écran, en rouge.
Rendre son rôle
Popup — quitter le rôle de modérateur
Confirmation

Quitter le rôle, pas le cercle

La popup ouverte depuis le hub distingue clairement les deux : le modérateur reste membre du cercle mais perd l'accès aux demandes, aux signalements et au retrait de publications. L'admin est prévenue — et pourra reproposer le rôle plus tard.

Membres et rôles, à hauteur de modérateur

La liste complète — Admin, Modérateurs, Membres — mais sans les commandes de rôle de l'admin : les badges « Admin » et « Modérateur » sont de simples étiquettes. Les deux sheets montrent ce que le menu « ⋯ » ouvre selon la personne visée.

Membres et rôles — vue modérateur
Membres

La même liste, sans les leviers de rôle

Sections par rôle, recherche en tête. Là où l'admin dispose de « Retirer le rôle » sur ses modérateurs, cette vue n'affiche que l'étiquette : la gestion des rôles n'appartient qu'à l'admin.

Sheet modérateur — sur un membre

Sur un membre

Profil, message, et les actions de gestion courante jusqu'au retrait et à l'exclusion.

Sheet modérateur — sur l'admin

Sur l'admin

Le menu se réduit à deux entrées : voir le profil, envoyer un message. Aucune action de gestion sur un admin.

Ses files de traitement

Les files vues au niveau modérateur : mêmes contenus que côté admin, mais sans l'engrenage de réglage des critères — le modérateur traite, l'admin configure. Le détail écran par écran de chaque file est en rubrique 5.

Alerte modération — vue modérateur

Alerte modération

Les contenus détectés automatiquement (lien répété, message dupliqué…), à conserver ou retirer et exclure.

Spam potentiel — vue modérateur

Spam potentiel

Les publications retenues avant d'être visibles, avec les mêmes décisions — sans accès aux critères.

Les règles, en consultation
Règles du cercle — vue modérateur
Règles

Consulter sans modifier

Le modérateur s'appuie sur les règles pour trancher — il les consulte donc directement depuis son hub. Ni « + » dans le header, ni crayon d'édition sur les règles : l'écriture des règles reste à l'admin.

Ses actions sur une publication du fil
Options d'une publication — vue modérateur et admin
Modération

Le sheet enrichi — commun modérateur / admin

Sur une publication du cercle, le sheet ajoute aux options du membre les actions d'équipe : épingler dans le cercle, et en zone rouge supprimer la publication — seule ou avec bannissement du membre. Le contenu problématique se traite depuis le fil, sans détour par les files.

5

La vue admin · gérer le cercle

L'administrateur — le créateur du cercle — dispose de tout le pilotage. La rubrique suit l'ordre de son hub : le profil et la configuration, qui peut publier et l'approbation, puis chacune des quatre files « À examiner » avec ses critères, les outils — membres, règles, statistiques — et enfin la suppression du cercle.

Son profil de cercle
Profil du cercle — vue admin
Après création

Le profil, avec sa checklist de démarrage

L'admin retrouve la page de son cercle avec deux ajouts : le bouton « Gérer le cercle » sous l'identité, et — juste après la création — la checklist « Termine la configuration » : inviter des personnes, ajouter une cover, une description, créer une publication.

  • Checklist refermable quatre actions guidées pour lancer le cercle, puis elle disparaît.
  • Gérer le cercle l'accès permanent au hub de pilotage, directement depuis le profil.
Le hub « Gérer le cercle »
Gérer le cercle — vue admin
Hub

Tout le pilotage sur un écran

La version complète du hub : les quatre compteurs « À examiner », la section Compte et sécurité — paramètres et confidentialité du cercle, absents chez le modérateur — puis les outils, et en bas de page la suppression du cercle.

  • À examiner demandes d'adhésion, publications en attente, contenus signalés, alertes de modération.
  • Compte et sécurité paramètres du cercle, confidentialité du cercle.
  • Outils membres et rôles, règles, statistiques.
Paramètres du cercle
Paramètres du cercle
Configuration

L'identité et le régime, modifiables

Le miroir du formulaire de création, pré-rempli : cover et avatar, nom, biographie, confidentialité (Public / Privée), visibilité (Tout le monde / Masqué) et domaines. Chaque segment rappelle sous lui ce qu'il implique, et « Enregistrer » clôt l'écran.

Qui peut publier & approbation
Confidentialité du cercle — qui peut publier
Modération a priori

Deux leviers sur la parole du cercle

L'écran « Confidentialité du cercle » règle qui publie : tout le monde, ou admin et modérateurs seulement — le cercle devient alors un canal d'annonces. En dessous, le toggle d'approbation des publications, désactivé par défaut.

  • Qui peut publier le choix structure le ton du cercle : conversation ouverte ou canal descendant.
  • Approbation une fois activée, les publications passent par « À examiner » avant d'être visibles — utile pour les grands cercles ou en cas de spam.
Approbation activée — qui peut approuver
Composant · l'approbation à l'état activé
État activé

Qui peut approuver

Le toggle activé déplie un second choix : les publications sont approuvées par l'admin seul, ou par admin et modérateurs. C'est ce réglage qui alimente la file « Publications en attente » ci-dessous.

File · Demandes d'adhésion
Demandes d'adhésion — file

La file

Les demandes en attente en tête — accepter ou refuser en un geste — puis la liste des membres du cercle.

Demandes d'adhésion — état vide

État vide

Aucune demande : l'écran oriente vers « Inviter des personnes » pour faire connaître le cercle.

File · Publications en attente