web-dev-qa-db-ja.com

どの共有アイコンがWebに最適ですか?

現在、複数の実行可能な共有アイコンが利用可能ですが、それらは主にモバイルOS固有です(iOS、WP、Android ...)。ほとんどのユーザーが認識するWebにはどのアイコンを使用すればよいのでしょうか。

Multiple share icons

画像ソース: https://bold.pixelapse.com/minming/share-the-icon-no-one-agrees-on

ユーザーが異なるテストにどのように応答するかについて、A/Bテストを実行した人はいますか?

そのシンプルなアルバムページでは、各アルバム/画像へのリンクを取得して、それを友達と共有できます。特別なことは何もせず、アイコンをクリックするだけでポップアップします。

28
ewooycom

2番目または3番目のアイコンを使用します。

https://bold.pixelapse.com/minming/share-the-icon-no-one-agrees-on )からその画像を取得した記事を読むと、 3番目の「3つのドット」アイコンよりも2番目のアイコンである「送信トレイ」の使用をお勧めします。これは、矢印が、アイコンを以前に見たことがなく、各アイコンの意味を学習していないユーザーにも共有を伝えるのに役立つためです。

どちらの場合でも、意図を明確にするためにアイコンに「共有」ラベルを付ける必要があります。

15
Nathan Rabe

ウェブサイトの場合、ほとんどの場所では以下のようなアイコンを使用する傾向があります。

Share icons

この参照は この記事 からそれらを Blogspot に追加することについて話しています。

あなたの場合、1人で共有しているだけの場合は、単語「Share」またはフレーズ「Share with a friend "。明確で、要点があり、ユーザーが理解しやすいです。何らかのアイコンが必要な場合は、ほとんどのユーザーがウェブサイトとして普遍的に理解している+(プラス)記号のアイデアもあります。 Share "ボタン。

13
BDD

ここではテストはありませんが、Android 1つを選択します(OSに関係なく、さまざまなWebサイトでかなり頻繁に使用されます)。十分なスペースがない場合は、「+」アイコンを使用してください。

2
François D.

最後の方がいいようですが、あまり人気がないので実際には使えません。

2つ目は混乱を招き、メール、返信、送信トレイを思い出させます。

1
Bobby Tables

私の好みは Font Awesomeの共有アイコン で、これはリストの2番目のアイコンにかなり近いです。

Font Awesomeは非常に人気のあるライブラリであり、私たち全員が共有アイコンを使用している場合、ユーザーは私たちのWebサイトにアクセスしたり、アプリを使用したりすると、その意味がすぐにわかるという論理があります。

1
JMK

何かを共有することは、(少なくともこれまでに見たすべての例に基づいて)アイコンにカプセル化することができない、かなり抽象的な概念です。これらすべてのアイコンの問題が発生するのはここです。アイコンでユーザーに共有のポイントを伝えることができない場合、説明がない限り、アイコンは何の意味もありません。これは良いデザインではありません。以前にそれらのアイコンをすべて表示(およびクリック)したにもかかわらず、質問を読むまで、共有を意味するはずのアイコンはまったくわかりませんでした。

重要なのは、これらのアイコンのいずれを使用しても、アイコンの意味を理解していない人々がいる可能性が非常に高いということです。 「共有」と書かれたボタンだけを使います。それはシンプルで簡単で、だれもそれを誤解することはできません。与えられたアイコンはどれも、Wordの「共有」と同じように、ユーザーにポイントを渡してくれません。

0
RyNo

これに関する驚くほど少ないデータがそこにあります。

私が読んだ唯一の研究はMicrosoft'sで、具体的なデータは提供されていません。マイクロソフトは言う:

ユーザーが実際に目にしたアイコンを見て同様のバリエーションをテストし、どのアイコンが共有する意味を最もよく表しているかを確認しました。ラベルの有無にかかわらず、写真アプリの古い共有アイコンに対してそれらをA/Bでテストしました...最高のパフォーマンスを発揮するアイコンは、長方形からの動きを示す急降下矢印を収容する新しいアイコンでした。

Googleが普及した3ドットのアイコンとAppleの上向きのアイコンの両方が広く使用されているので、Microsoftもそれらの比喩をテストしたと思います。また、写真アプリはデフォルトですべてのWindows 10コンピューターにあるので、これらのテストは非常に多くのユーザーを対象としていると思います。

彼らが共有を最もよく表していると彼らが見つけたアイコンはicon#2で、右向きの矢印でした。

Co.Design に関する意見は同意しますが、主張を裏付けるデータはありません。また、矢印が最も代表的であると思います。右向きの矢印は、基本的に同じ機能を提供する電子メールクライアントの転送アイコンに似ているためかもしれません。

また、iOSでは使用されていなくても、FacebookとYouTube(Google独自のプロパティ)で共有アイコンとしてAndroidでも使用されている(2017年12月現在)。また、人気のあるWebアイコンパックであるFontAwesomeが使用するアイコンメタファーでもあります。

0
Tin Man