web-dev-qa-db-ja.com

なぜこの時限ホバー「いいねボタン」?

私は最近、スティーブンジョンソンの "Where Good Ideas Come From"をキャッチしました Alex Hillmanのブログ .

動作

要素の初期状態:

Kudos initial state

マウスカーソルで要素の上にホバリング、またはタッチして、タッチデバイスの場合、ドットは「移動しない」という手がかりとともに成長します(タッチデバイスでは巨大です)。

Kudos growing state

約1.5秒かかる円がいっぱいになると、ボタンが「クリック」されます。

Until full

どうして?

称賛を与えることを望むのは奇妙に思われます他の場合よりも少し難しい。明白な答え*を除いて、なぜこのタイプのユーザーインターフェイス動作を実装するのですか(私が否定的な結果のないアクションであると解釈するために)。

*明白な答え(私が新しいサイトのデザインで少し罪を犯していること)は、興味深い、異なる何かを実装することですだからそれは興味深い、異なるです。

36
msanford

Harry Brignullは 興味深い投稿 に人工的な遅延を追加して知覚値を増やすことについて Hacker Newsの投稿 錠前屋とその演劇について-があります。手短に:

意図的にサービスに遅延を追加すると、認識される価値が高まる場合があります。

この場合、「いいね」にかかる時間が少し長くなると、「kudos」への貢献に対する貢献者の投資感が高まる可能性があります。

37
Luke Charde

別の可能な説明(これもある程度の価値に関係しています);ユーザーが1つの場所で複数回称賛を与えることができるため(ユーザーごとに1回しか実行できない「いいね」や「賛成」とは異なり)、2つの問題が発生します。

  1. ユーザーはマウスを叩いて狂った数をランク付けできるので、称賛の値は0に近づきます。
  2. ロボットは、妨げられることなく、称賛を与えることができます。

遅延は、このようにして、ユーザーが1回の操作で同じ対話を何度も繰り返し実行できるすべてのインスタンスに関連する可能性があります。スタック交換では、コメントを投稿するまで少し待つ必要があることを考慮してください。悪用を防ぐため、コメントに価値観を加えることはそれほど多くありません。

しかし、虐待の防止は価値を維持するための1つの方法です。これは、対話によるユーザーの認識に基づくのではなく、ユーザーの行動の価値を下げることを防止するためのものです。

遅延の目的が虐待を防ぐことである場合、私は遅延が間違っていると主張します。最初の「kudo」はすぐに表示され、追加の「kudo」が実行されるのを待つ必要があります。 10秒後に、システムはリセットされ、「kudo」が再びインスタントになります。このようにして、UIの遅延を要求せずに乱用の問題を軽減できます。

6
Fresheyeball

ここでの答えは非常に良いと思いますので、もう一点付け加えたいと思います。ボタンに美しい遅延アニメーションを表示することには、純粋に審美的なメリットがあります。ユーザーは、ホバリングし続ける(またはを押す)だけで何が起こるかを簡単に確認し、本質的に発生した美しいアニメーションの「報酬」を得ることを強いられます(私はそれを見るだけのために何度もホバリングして非アクティブ化することに罪を犯していました)。 。この「特典」により、アクションがより記憶に残るため、ユーザーは将来この機能を使用する可能性が高くなります。

1つのマイナス点は、ブラウザーでこのホバー手法を使用する場合、誤ってアクティブにしてしまうことです。単純なポイントアンドクリックよりもアクションを完了するのは技術的に困難ですが(ユーザーはマウスを焦点として使用し、クリックするかどうかを決定するときにボタンの上にカーソルを合わせる傾向があります)。これは少し「 暗いパターン 」のようで、意図的に「KUDOS」ボタンが誤ってアクティブ化されることがあり、実際に獲得しなくても記事が「KUDOS」ポイントを増やすため、意図的に実装されています。

4
JustinRob

これは、組み込みコマンドと組み合わせたパターン割り込みの教科書の例です。 「神経言語プログラミング」で採用された説得技法。 ( [〜#〜] nlp [〜#〜] )。私はNLPの実践者ではありませんが、パターンを認識しています。ホバーへの応答を期待していない、それはあなたの注意をキャッチし、埋め込まれたコマンド「移動しない」であなたをそこに保持します。アニメーションは、ゲーム化のピンチを追加します。本当に全体的に非常に効果的です。

2
Itumac

私のソフトウェアエンジニアの友人から受け取った応答を(コミュニティWikiとして) Twitter経由 に追加したいと思います。

@msanford選択するためにより多くの努力を必要とするとき、人は彼らの選択により多く投資されます。彼らがやったことに夢中になります。

1
msanford

このボタンの興味深い側面の1つは、少なくとも私が見たところでは、匿名投票です。匿名の設定では、この要素が通常のボタンよりもうまく機能するのには理由があると思います。私はそれの一部は目新しさだと思いますが、それは「いいね」タイプのボタンをTwitter/google/reddit/facebookアカウントに関連付ける人々に関するものだと思います。それは、通常のクリックアクションに入る知覚された「仕事」にも関係していると思います。人々はクリックに価値を割り当て、実際にクリックしなければならないことを示すランダムな匿名ボタンが表示された場合、それを信頼できないか、それが何であるかを知らない場合、「クリック」に値するものであると判断し、購入することはできません。彼らが知っている確立されたサイトやシステムではない場合。

この場合、人々は通常、投票を送信するための対話方法として「ホバー」を関連付けないため、偶然または意図的に、この奇妙に見えるアイコンの上にホバーし始める可能性が高くなります。その後は、実際にはクリックよりも時間がかかりますが、ホバリングを継続するための知覚された作業はそれほど多くないと思います。これは、オプトインするのではなく、オプトアウトするようなものです。

また、ボタンを使って匿名投票を簡単にスパムできるようになると思います(技術的に実装されている方法がわからないため、この部分についてはわかりません)。

0
Dylan