网络共享的UX注意事项

从简单的新闻网站到复杂的在线出版物，共享按钮是一个常见的景象。但是，它们的必要性是有争议的。现代移动浏览器（Firefox，Edge，Safari，Chrome，Chrome，Opera Mini，UC浏览器，三星Internet）通过“共享表”提供内置共享功能，从而消除了许多情况下对定制按钮的需求。您甚至可以与链接一起共享文本摘录。

鉴于此本地功能，自定义共享按钮是否仅仅使界面混乱并分散用户？人们甚至使用它们吗？

调查建议其他情况。 2014年的CSS漫步民意调查表明，有60％的受访者从未使用过自定义共享按钮。后来粉碎杂志民意调查显示了类似的结果。自那时以来，本机共享方法仅有所改善。

但是，用户技术能力有所不同。有些人可能难以找到本地共享按钮。桌面共享也是一个因素；大多数桌面浏览器（Safari除外）都缺少内置共享，需要手动副本。

尽管共享按钮的点击率很低，但这不是最好的度量。对于精通技术的用户，按钮可作为视觉提醒。即使用户改用浏览器的共享表，自定义按钮也可以作为提示。一个更好的度量标准是，无论共享方法如何，添加股票按钮后的总体股票是否会增加。

因此，共享按钮可能是有益的。传统上，网站包含了一些流行的社交网络的按钮。网络共享API提供了更优雅的解决方案。尽管目前仅限于Android和Safari的Chrome（涵盖了很大一部分的网络流量），但它利用了本机共享表。仅出现用户的安装应用程序，避免了无关的选项。

这很棒，但是它有一个缺点：用户通过网站访问社交媒体（不是应用程序）不会看到这些选项。当前，仅支持本地应用程序，但PWA将在以后包含。

 websharebutton.addeventlistener（“ click”，function（）{
  navigator.share（{
    URL：document.url，
    标题：document.title，
    文字：“ Lorem Ipsum ...”
  }）;
}）;

API需要用户互动（例如单击按钮）来激活共享表，以防止自动弹出窗口。 “文本”参数可以是摘录或摘要； “标题”用于电子邮件，但被社交网络忽略。

桌面实现目前是有限的，令人满意的。 Safari提供有限的选项（邮件，消息，空调，笔记，提醒），省略了社交网络。 Chrome计划增加支持，但时间表尚不清楚。

对于桌面，具有多个共享选项的模态很常见（如YouTube，Instagram，Pinterest上所示）。专注于Facebook和Twitter（最受欢迎）似乎足够了。 Instagram共享目前不可能从网站上进行。电子邮件通常包括在内，但对于基于Web的电子邮件客户端的用户（gmail.com，outlook.com）而言是有问题的。这些用户通过“复制链接”按钮更好地服务。

强迫用户配置未使用的电子邮件应用程序比简单地复制和粘贴URL更为麻烦。

选择共享图标提出了另一个挑战。没有通用标准。 Android和iOS图标并未得到普遍认可，有些图标很容易混淆（例如，iOS共享图标类似于下载图标）。在Giffgaff，内部测试显示Android图标绝大多数是首选。建议使用上下文图标（例如Twitter的平台特定图标）或与图标旁边的清晰标签。

以上是网络共享的UX注意事项的详细内容。更多信息请关注PHP中文网其他相关文章！