I design "sad ways" scenarios for the cashier and try to help clients when a Connection timeout Occurs when the cash register hangs and attempts to connect to our third-party credit card payment form.
In this case, the loan payment form could not be loaded in our checkout environment.
A simple solution is to reload the page.
My proposed UX / UI solution is a warning message that appears on the page, prompting the customer to reload the page.
This is my attempt to make the error message more user-friendly:
An error occurred while attempting to connect to the system.
Reload the page to reconnect.
[ Refresh page ] <— button
How do people think about the message above? Are there any other solutions you can imagine?