We recently received Built for Shopify feedback on our app and I’m hoping to get some clarification from the community on what we might be missing.
The feedback we received:
4.1.1 Follow UX best practices - Upon saving a form/field value, your app must provide visual feedback to communicate if the action was successful.
The feedback specifically called out our Banking Information form as an example.
What we currently have implemented:
We require the merchant to interact with the Contextual Save Bar to save the form. When a merchant successfully saves the form, we display a toast notification that reads “Your billing information was updated successfully” (see attached screenshot). The toast appears at the bottom of the screen after the save action completes and is auto-dismissed after 5s. It is in alignment with other toast messages in our app that seem to have passed Shopify’s requirements.
My questions:
-
Is a toast the correct pattern for providing save success feedback, or should we be using something else (like a success banner)?
-
I noticed Shopify’s guidelines recommend keeping toast messages to 3 words or fewer. Could the length of our message (“Your billing information was updated successfully”) be the issue? I’d think they’d mention length specifically if that was the case.
-
Is there any other visual feedback pattern we should be implementing that we might be missing?
Any guidance from folks who have successfully passed BFS review would be greatly appreciated!