Parent : [[INDEX-WEB-UIUX]]

Social — Patterns pour associations et projets sociaux

Patterns de mission, impact, dons, et engagement communautaire. Extrait du corpus Godly (6 sites classifiés).

Quand utiliser cette fiche

• L'utilisateur demande un site dans le domaine : social
• Mots-clés détectés : social, nonprofit, community, mission, impact

Références visuelles (top sites)

Patterns observés

Layout

• Prioriser le flux ou la conversation principale et garder création, recherche et notifications accessibles sans les superposer.
• Conserver la position et le contexte lors d'un retour depuis un profil ou une publication.

Couleurs

• Palette neutre pour laisser les contenus dominer ; accents cohérents pour action, sélection et statut.
• États de modération, confidentialité et erreur possèdent un libellé explicite en plus de la couleur.

Typographie

• Texte utilisateur lisible avant la densité ; tailles et largeurs adaptées aux messages longs.
• Auteur, date, contexte et contenu gardent une hiérarchie constante.

Composants récurrents

• Composer, publication, commentaires, réactions, profil, notifications, signalement et réglages de confidentialité.
• Les actions destructives ou publiques indiquent clairement leur portée avant confirmation.

Animations

• Feedback discret sur envoi et réaction ; aucune animation ne doit déplacer le contenu en cours de lecture.
• Vidéos et contenus animés respectent lecture choisie, économie de données et mouvement réduit.

Recommandations de produit à confronter aux usages et aux risques de la communauté, pas conclusions automatiques tirées d'une galerie.

Anti-patterns à éviter

• Ne pas copier un design sans adapter au contexte client.
• Éviter les layouts surchargés qui nuisent à la lisibilité.
• Toujours tester le responsive.

Méthode d'extraction

• Source : godly.website
• Date : 2026-06-13
• Sites analysés : 6