Web共有に関するUXの考慮事項

シンプルなニュースサイトから洗練されたオンライン出版物まで、共有ボタンは一般的な光景です。しかし、それらの必要性は議論の余地があります。最新のモバイルブラウザ（Firefox、Edge、Safari、Chrome、Opera Mini、UCブラウザー、Samsung Internet）は、「共有シート」を介して組み込み共有機能を提供し、多くの場合、カスタムボタンの必要性を排除します。リンクと一緒にテキストの抜粋を共有することもできます。

このネイティブ機能を考えると、カスタム共有ボタンは単にインターフェイスを乱雑にしてユーザーをそらすだけですか？人々はそれらを使用しますか？

調査はそうでないことを示唆しています。 2014年のCSS-Tricksの世論調査では、回答者の60％がカスタム共有ボタンを使用したことがないことが示されました。後に雑誌の投票が同様の結果を明らかにしました。それ以来、ネイティブ共有方法は改善されています。

ただし、ユーザーの技術習熟度はさまざまです。ネイティブの共有ボタンを見つけるのに苦労する人もいます。デスクトップ共有も要因です。ほとんどのデスクトップブラウザー（Safariを除く）は、組み込みの共有がなく、手動のコピーパスティングが必要です。

共有ボタンのクリックスルーレートは低いですが、これは最良のメトリックではありません。ハイテクに精通したユーザーの場合、ボタンは共有する視覚的なリマインダーとして機能します。ユーザーが代わりにブラウザの共有シートを使用している場合でも、カスタムボタンはプロンプトとして機能します。より良いメトリックは、共有方法に関係なく、共有ボタンを追加した後、全体的なシェアが増加するかどうかです。

したがって、共有ボタンはおそらく有益です。従来、ウェブサイトには、いくつかの人気のあるソーシャルネットワークのボタンが含まれていました。 Web Share APIは、よりエレガントなソリューションを提供します。現在、AndroidとSafariのChromeに限定されていますが（Webトラフィックのかなりの部分をカバーしています）、ネイティブの共有シートを活用しています。ユーザーのインストールされたアプリのみが表示され、無関係なオプションを避けます。

これは優れていますが、欠点があります。ユーザーは、ウェブサイト（アプリではなく）を介してソーシャルメディアにアクセスすることで、これらのオプションが表示されません。現在、ネイティブアプリのみがサポートされていますが、PWAは後で含まれます。

 websharebutton.addeventlistener（ "click"、function（）{
  navigator.share（{
    url：document.url、
    タイトル：document.title、
    テキスト：「Lorem Ipsum ...」
  }）;
}）;

APIでは、共有シートをアクティブにするためにユーザーインタラクション（ボタンクリックなど）が必要になり、自動ポップアップが防止されます。 「テキスト」パラメーターは、抜粋または要約にすることができます。 「タイトル」は電子メールに使用されますが、ソーシャルネットワークでは無視されます。

現在、デスクトップの実装は限られており、満足のいくものではありません。 Safariは、ソーシャルネットワークを省略し、限られたオプション（メール、メッセージ、エアドロップ、メモ、リマインダー）を提供します。 Chromeはサポートを追加する予定ですが、タイムラインは不明です。

デスクトップの場合、複数の共有オプションを備えたモーダルが一般的です（YouTube、Instagram、Pinterestで見られるように）。 FacebookとTwitter（最も人気のある）に焦点を当てることは十分です。 Instagramの共有は現在、Webサイトからは不可能です。多くの場合、電子メールは含まれていますが、Webベースの電子メールクライアント（gmail.com、Outlook.com）のユーザーにとって問題があります。これらのユーザーは、「コピーリンク」ボタンを使用する方が適切です。

ユーザーに未使用の電子メールアプリケーションの構成を強制することは、URLをコピーして貼り付けるよりも面倒です。

共有アイコンを選択すると、別の課題があります。普遍的な標準はありません。 AndroidおよびiOSアイコンは普遍的に認識されておらず、一部のアイコンは簡単に混乱します（たとえば、iOS共有アイコンはダウンロードアイコンに似ています）。 GIFFGAFFでは、内部テストでAndroidアイコンが圧倒的に好まれていることが示されました。コンテキストアイコン（Twitterのプラットフォーム固有のアイコンなど）またはアイコンに沿ったクリアラベルが推奨されます。

以上がWeb共有に関するUXの考慮事項の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。