I'm looking to send an email to our users that directs them to our app. This uses a mobile deep link (custom URI scheme) that we have been successfully using for a while now. If the user presses the link from a desktop computer, they are shown a website explaining that they should scan a QR code or open the link via mobile.
My issue lies with users opening the email on their desktop computer, where the deep link will not work.
What we are doing today is having multiple targets:
(sorry these are blurred, I can't share the links themselves)
The QR code goes to the same link as the link to the left. Unfortunately, this is confusing and has not been accepted well, both because there are two click targets and because the design is overstating one over the other.
I came up with two mockups that might solve my original issue, but I'd like to hear if you have a better idea (and thoughts about my ideas):
Pro: One target area.
Con: Confusing (who clicks a QR?)
Pro: Pretty straightforward.
Con: People don't read.
I would love to hear your thoughts and ideas.
Some clarifications from comments to others' answers:
- If the user clicks the link from a desktop computer, they are shown a web page that explains how to scan the QR code from a mobile device.
- We can not offer the same functionality on a desktop computer since the app is meant to be used on-the-go and mostly outdoors, where you don't have access to a desktop.
- If the user clicks the link from the mobile device and the app is not installed, they will be redirected to the App/Play Store to download, so this is not the issue here.