FOLIO Project
  • Developers
  • Project Wiki
  • Discussion Boards
  • All guidelines
  • Design inspiration
  • FAQ
FOLIO Project
  • Developers
  • Project Wiki
  • Discussion Boards
  • Accessibility
  • Front-end accessibility checklist
  • UX accessibility checklist
  • Visual design accessibility checklist
  • App views
  • Main app view pattern
  • Settings view pattern
  • Components
  • Accordion component
  • Accordion core info component
  • App icon component
  • Autosuggest component
  • Avatar component
  • Badge component
  • Button component
  • Button group component
  • Callout component
  • Checkbox component
  • Date range filter component
  • Datepicker component
  • Dropdown button component
  • Dropdown component
  • Filter group component
  • Fleuron component
  • Headline component
  • Icon button component
  • Icon component
  • Info popover component
  • Key-value component
  • Label component
  • Layout component
  • Layout grid component
  • List component
  • Menu section component
  • Message banner component
  • Modal component
  • Multi-column list component
  • Multi-select component
  • Nav list component
  • Pane component
  • Pane header component
  • Pane menu component
  • Popover component
  • Radio button component
  • Record metadata component
  • Repeatable field component
  • Search button component
  • Search field component
  • Select component
  • Selection component
  • Text field component
  • Timepicker component
  • Upload files component
  • Language rules
  • Action language
  • Ampersand & hyphen rules
  • Confirmation message language
  • Empty state message language
  • Error message language
  • Informative message language
  • Pane header language
  • Text case rules
  • Warning message language
  • Layout types
  • Custom layout
  • Hierarchical layout
  • Search & filter layout
  • Principles
  • Process
  • 1. Define high-level scope
  • 2. Research
  • 3. Concept development
  • 4. Prototype, test, refine
  • 5. Support development, refine recurrently
  • Recipes
  • Customize MCL recipe
  • Search & sort recipe
  • Select & act on MCL items recipe
  • Style guidelines
  • Color guidelines
  • Mouse interaction guidelines
  • Typography guidelines
  • UX patterns
  • “Search & filter” pane UX pattern
  • Add quick content UX pattern
  • Bulk action confirmation modal UX pattern
  • Confirmation modal UX pattern
  • Create record UX pattern
  • Duplicate record UX pattern
  • Edit record UX pattern
  • Hide information with link UX pattern
  • Hiding vs. disabling interactive elements UX pattern
  • Informative modal UX pattern
  • Results pane UX pattern
  • Switch to full view UX pattern
  • Unsaved changes modal UX pattern
  • View record UX pattern

UX patterns

In order to avoid any confusion and create an intuitive platform, patterns shall be identical throughout the platform while performing the same actions.

No results found for "{{query}}"
  • Create record UX pattern
  • Duplicate record UX pattern
  • Edit record UX pattern
  • Hide information with link UX pattern
  • Hiding vs. disabling interactive elements UX pattern
  • Switch to full view UX pattern
  • Add quick content UX pattern
  • Confirmation modal UX pattern
  • Bulk action confirmation modal UX pattern
  • Informative modal UX pattern
  • Unsaved changes modal UX pattern
  • View record UX pattern
  • Results pane UX pattern
  • “Search & filter” pane UX pattern