Seeking suggestions on any elegant or useful ways to handle technical limitation resulting in sub-optimal usability.
I have a retail app that sells products across 3 different channels:
- In physical store
- Via a monthly recurring subscription
The punchline is: due to the retailer using different checkout vendors/services on the backend, a user who wants to buy things must add and save a credit card to the app (including the exact same credit card) for each service used. You read that correctly.
So the app experience would go something like this:
(followed by having to add the same credit card in each different channel)
Seeking suggestions on:
- Since we know this is inelegant, should we say as much to users?
- How in the UI would any messaging manifest? A sticky info bar at the top of the payments section? A tooltip or message on the empty state of one of the payment channels along the lines of "Wondering why your saved payment method from another area isn't here?"
- Are there any elegant ways of solving even with the technical limitation still present? (there is no solution possible that permits passing one credit card entry to other product channels).