web-dev-qa-db-ja.com

ソーシャル共有ボタンを配置するのに最適な場所

[〜#〜]コンテキスト[〜#〜]

私は結婚式のための豪華な会場を借りる会社の新しいウェブサイトのUXを設計しています。
主な対象ユーザーは、高等教育を受け、高収入の30/40歳のヨーロッパと米国の婚約女性です。
このWebサイトには、デスクトップバージョンとレスポンシブ(タブレットとスマートフォン)バージョンの両方があります。

[〜#〜]要件[〜#〜]

すべての会場には、写真と情報の詳細ページがあります。
ユーザーはFacebook、Twitter、Google +でページを共有できる必要があります。

私の質問

ほとんどのWebサイトでは、ソーシャル共有ボタンは通常、次の1つ以上の場所に配置されています。

  1. ページタイトルの横
  2. メインコンテンツの直前
  3. メインコンテンツの直後

ソーシャルシェアリングボタンを配置するのに最も効果的な場所についての調査/研究はありますか?

コンテンツやコンテキストに依存すると思いますが、アイコンを配置する場所を選択するときに考慮する必要があるパラメーターを少なくとも知りたいのですが。

(ここでUX.stackeschangeで同様の質問を探しましたが、残念なことに、私が見つけたものはすべてかなり古いものか、モバイル関連のものです)

[〜#〜]例[〜#〜]

ここに私が用意したいくつかのバリエーションがあります。

バリエーションn.1-メインの見出しの前にソーシャル共有ボタンが配置されます。これはかなり標準的な場所ですが、問題は、ボタンがタイトルの前に来ると、ボタンがあまりにも注目されてしまうのでしょうか。

enter image description here

バリエーションn.2-ソーシャル共有ボタンは、見出しの後、コンテンツの直前に配置されます。
アイデアは、ユーザーが最初にタイトルとボタンに集中できるように、タイトルの後にボタンを移動することです。
この場合、ユーザーがページを上から下に読むと想定していますが、これは通常は発生しないことです。

enter image description here

私が検討している代替案:

  • 固定位置アイコン:この場合、ベストプラクティスは何ですか?
  • 複数のアイコン:アイコンを複数の場所に配置します。テストに適していることはわかっていますが、とにかく研究/データに基づいて決定したいと思います。
3

タニアラングの記事 コンテンツ共有とソーシャルネットワーキングボタン は、乏しい研究データに基づいて次のように結論付けています。

共有ボタンが微妙で状況に応じたものであることを確認してください。

  • H1ページの見出しの下には含めないでください。貧しいユーザーが何かを共有する前に読む機会を与える。彼らの顔にあるすべてのボタンを押し込むことは、それらを困らせるだけです。

  • ユーザーが共有したいコンテンツ(例:特定の製品ページ。ウェブサイトのすべてのページに飛び散らないでください。

  • 関連:ページを乱雑にするだけのソーシャルネットワーキングボタンの山でウェブサイト全体を散らかさないでください。

6
DesignerAnalyst

はい、タイトルの上に、ソーシャルボタンが注目されています。そして、コンテンツやタイトルを読まずに情報を共有することはありません。

2位はかなり暑いですが、多すぎません。

このボタンはメインコンテンツの後のほうがいいと思います。 (もちろん、ユーザーパターンが次の場合:タイトルを読む>興味深い>開く>読む>共有...)このボタンの好きな場所は第3バリエーション:タイトルとトピックのイントロの後、コンテンツの下部の後です。

ユーザーがコンテンツを開くように興味を持たせようとする場合は、ソーシャルシェアだけでなく、応答(コメント+シェア)の数を増やすことをお勧めします。コメントアイコン+回答数にすることができます。これのベストプラクティスは、非常にユーザーエンゲージメントサイトのBuzzFeedだと思います。彼らは最高の反応率を達成するために多くのテストを行いました。

0
Pavlo Grozian