为 mailto: 和 tel: 链接提供选项

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费信用额度!

我通常喜欢 mailto: 链接。但我觉得我甚至不用检查或点击就能闻到 mailto: 链接的味道,就像某种极其无用的超能力。我知道如果我设置了默认邮件客户端,点击该链接就会执行我想要的操作,如果需要,我可以右键点击,浏览器会提供“复制电子邮件地址”选项来干净地获取它。

这很好,但 Adam Silver 和 Amy Hupe 最近 列举了 这些链接的行为问题

首先,mailto 链接使得复制地址变得困难,例如,如果您想与其他人共享电子邮件地址。

其次,一些用户使用多个邮件应用程序,而链接只使用已设置为默认的应用程序,而不给他们选择使用其他应用程序的选项。

最后,许多用户没有设置电子邮件应用程序,这意味着链接可能导致他们陷入死胡同或陷入困境。

他们的 UI 实验最终使用了 mailto: 链接,但将整个电子邮件地址作为链接,这使得链接的功能特别明显,同时还提供了一个复制按钮作为用户体验的小奖励。

tel: 链接 更奇怪,因为很多查看它们的设备都没有任何电话呼叫功能。如果它们有,它很像电子邮件链接,多个应用程序可以执行该工作(例如 WhatsApp、FaceTime 或默认电话应用程序)。

所有这些用户体验中最难的部分是为用户提供他们希望这些特殊链接类型执行的操作的选择。这就是 mailgo 试图解决的问题。它是一个小型 JavaScript 库,在您点击链接时提供 UI。

现场演示

我有点喜欢它。如果我点击这样的链接时出现这个弹出窗口,我一点也不介意,尤其是在它有“打开默认”选项的情况下,如果我想要的话。似乎满足了这些类型的特殊链接可能出现的所有问题。