FeedbackYesNo
Description
FeedbackYesNo represents a feedback collection pattern.
This pattern consists of Notice and Feedback form. Its purpose is to introduce a new feature to the user and pose a straightforward question about the product's performance. For instance, "Discover our new Dashboard! Is it functioning effectively for you?"
Appearance
Show Feedback illustration on the left to the text.
Margins and paddings
Behavior
There are two potential variants for the notice to appear:
- The notice appears simultaneously with the loading of the product or report.
- The notice is displayed for the first time in the second session (recommended). Subsequently, it remains visible until closed or the Ask me later button is clicked.
Session length can be defined as a time interval, the next page load, or an update of company data.
Placement
Typically, this component is positioned at the top of a report or product.
It can also be placed next to the feature for which feedback is desired.
Form behavior
Refer to the comprehensive behavior description of the feedback dropdown in the Feedback.
Buttons behavior
"Yes" and "No" buttons
- The pressed button becomes
active
. - The dropdown with the feedback form appears from the pressed button over
500ms
. - The textarea is automatically focused, with the "Please provide suggestions or report issues" placeholder.
"Send feedback" button
- The button that triggers the dropdown for sending a message remains
active
. - After the message has been submited successfully, the
MailSent
illustration and the "Thank you for your feedback!" text are displayed in the dropdown. - After
2500ms
, the dropdown is gently closed with a500ms
fade-out
effect. An additional500ms
later, the notice with buttons is also closed, smoothly lifting the entire page content over500ms
.
"Cancel" button
- Pressing the Cancel button closes the feedback form.
- The notice remains visible.
Closing behavior
"Ask me later" button
- This button is consistently present within the notice, following the Yes and No buttons.
- Clicking this button closes the notice.
- Over
500ms
, the product/report content shifts upwards. - The notice reappears in the user's next session.
Close button
The Close button is optional.
Display this element if the report or product offers an alternate method for sending feedback (such as a Send Feedback link next to the settings).
- The first option involves having the Close button always present within the notice.
- The second option (recommended) entails the Close button appearing after clicking Ask me later and upon reopening the notice in the second session (which could be the second, third, or subsequent sessions).
Remembering states
- If the user submits feedback, the notice will no longer appear to them.
- Storing this status in the user profile is advisable, to avoid being intrusive.
- It's acceptable to use local storage for saving the closing and appearing statuses.