Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.17

Home
/Flows
/User Feedback
Description
Ratings, scores or votes to handle user participation.

User Feedback

Used to ask and collect opinions from visitors through the use of scores, options or emojis.
 
 
  • Desktop (16)
  • Tablet (2)
  • Mobile (1)
406. Fixed Bottom-Right Chat Bubble

406. Fixed Bottom-Right Chat Bubble

A fixed bottom-right chat bubble, commonly used for customer support or feedback. It expands into a side panel, features a notification badge for new messages, and includes a text input for user interaction, often with a scrollable conversation history. Notable behavior: Expand/Collapse; Typing; Expanded.

403. File Upload and Background Loader

403. File Upload and Background Loader

Facilitates file uploads with drag-and-drop or click interactions, providing background loading, progress indicators, and visual feedback. Manages empty, loading, and completion states for user awareness.

397. Modal w/ Card Options

397. Modal w/ Card Options

Desktop, Decision Making, Feedback, Awareness, Onboarding, Pathfinding, Web, Español, Modal, Thumbnail, Animation, Close Overlay, Cards, Dim Overlay

388. Drag & Drop and Checkbox to Select Multiple Item

388. Drag & Drop and Checkbox to Select Multiple Item

Desktop, Accessibility, Feedback, Awareness, Decision Making, Web, Español, User Selection, Drag & Drop Gesture, Tooltip, Scrollbar, Checkbox

382. Interactive Background Animation

382. Interactive Background Animation

A background element that responds to user input or system events with dynamic visual changes, often used to enhance engagement or provide subtle feedback on web or desktop interfaces.

No preview

354. Figma - Floating Form with Steps

Desktop, Feedback, Consent, Awareness, Web, English, Text Input, Side Panel

347. YouTube - Floating Progress Bar

347. YouTube - Floating Progress Bar

Desktop, Awareness, Accessibility, Feedback, Web, English, Side Panel, Accordion

Uink Digital Agency
Sponsored

Uink Digital Agency

Specilist on building and launching digital products. Let's talk!

330. PositivePsychology - Article User Feedback

330. PositivePsychology - Article User Feedback

This pattern facilitates collecting user feedback on articles within a web application, ensuring an accessible experience for all users. Notable behavior: Submitting feedback; Rating content.

No preview

299. Fixed Corner Popup with Steps

A multi-step popup positioned in a fixed corner of the screen, typically on desktop web, designed to guide users through a sequence of actions or provide progressive information, often for feedback or awareness purposes. Notable behavior: Step Navigation; Dismissal; Active Step.

297. Thumbs Up/Down

297. Thumbs Up/Down

Allows users to provide binary feedback (positive/negative) on content or items, typically represented by up and down thumb icons.

8. Adobe - In-App NPS Survey

8. Adobe - In-App NPS Survey

This pattern describes an in-app Net Promoter Score (NPS) survey, designed to collect user feedback directly within a desktop application. It typically appears as a modal dialog, prompting users to rate their experience and optionally provide comments. Notable behavior: Rating Selection; Text Input; Initial State.

32. Mailchimp - Makes me feel

32. Mailchimp - Makes me feel

This pattern describes a feedback mechanism, likely within a web or desktop application, where users can express their feelings or emotional responses, similar to a 'makes me feel' feature found in Mailchimp.

116.  User Feedback on Web Content

116. User Feedback on Web Content

This pattern outlines various mechanisms for users to provide feedback directly on web content, aiming to improve content quality and user engagement.

168. Anfibia - Natural Article Rating

168. Anfibia - Natural Article Rating

A system enabling users to provide feedback on articles through a natural and integrated rating mechanism, typically found on web and desktop platforms.

No preview

170. Figma - Fixed Form with Steps

A multi-step form pattern designed to guide users through a sequential input process, where the form content maintains a fixed position on the screen.

11. Intercom - Likert in chat

11. Intercom - Likert in chat

A Likert scale feedback mechanism integrated directly into a chat interface, allowing users to rate their experience or provide input within the conversation flow.