Explorer
KNOW-REF-019

UI-Patterns.com — Catalogue de patterns d'interface

Domaine
web-uiux
Type
reference
Priorité
P2

Parent : [[INDEX-WEB-UIUX]]

UI-Patterns.com

Source

Résumé

UI-Patterns.com recense des patterns d'interface classés par catégorie, avec des explications sur le problème résolu, quand les utiliser, et des captures d'écran d'exemples réels.

Catégories principales

  • Getting input : formulaires, inputs, autocomplete, sliders, pickers
  • Navigation : menus, breadcrumbs, pagination, search, tabs
  • Dealing with data : tables, lists, filters, sorting, pagination
  • Social : profils, commentaires, sharing, followers
  • Onboarding : walkthroughs, tooltips, empty states
  • Cognition : affordances, mental models, feedback
  • Game mechanics : badges, progress, leaderboards, achievements
  • Perception and memory : visual hierarchy, chunking, recognition
  • Feedback : notifications, alerts, confirmations, loading states

Utilisation

  • Trouver un pattern pour une feature (ex: "comment faire une recherche avec filtres").
  • Justifier un choix UX en citant un pattern reconnu.
  • Comparer plusieurs solutions pour le même problème.

Quand consulter

  • En phase de conception d'une nouvelle fonctionnalité.
  • Pour challenger une solution UX avec des références établies.

Références connexes

  • [[KNOW-REF-007]] — Checklist Design
  • [[KNOW-REF-005]] — Top 50 sites web remarquables
  • [[KNOW-PAT-193]] — Workflow unifié de design web