web-dev-qa-db-ja.com

フェードアウトする前に、フィーチャーツールチップをどのくらいの時間表示する必要がありますか?

アプリケーションに「いくつかのカスタムオプションを試す」のような5単語のツールチップがあります。

私の目標は、人々にオプションともっと対話してもらうことです。自動的に閉じる前に、ツールチップを表示しておく時間を計算するための十分な時間を計算する根拠はありますか?

サイト http://niram.org/read/ は、この読み取り時間を1秒として計算し、現在は8秒間表示しています。

1
jkuss

あなたはほとんどそこにいます

読み取り時間は、正しいアニメーションシーケンスを理解する上で重要な要素です。演習を完了しましょう。


Observation:ツールチップは役立つ場合がありますが、視覚的に煩わしいです(グリッドのレイアウトと配置を壊し、デザインにより太字になります)。だから彼らは何かに注意を引くのに役立ちますが、あまりに長い間ぶらついたままにしておくと、すぐに歓迎を超えてしまいます。


シーケンスを設計してみましょう。おそらくあなたがしたいことは:

1。ツールチップに注意を向ける

  • ここでは、ツールチップの開始アニメーションと配置が重要です。まず、ツールチップがユーザーに見える場所に配置され、ユーザーが実行するアクションの近くまたは横に配置されていることを確認します。次に、アニメーション、色、または形状を使用して、ユーザーの注意を引く方法を理解します。アニメーションを使用している場合、通常は200ミリ秒から600ミリ秒の間の遷移で十分注意が払われ、認知障害(速すぎる)や不注意/焦り(遅すぎる)を回避できます。

2。ユーザーがそれを読む時間があることを確認してください。

  • これをNiramテストで行いました。

。メッセージが効果的に表現されていることを確認してください。

  • ここであなたを助けることはできません。良い校正者を取得してください:-)

4。迷惑になる前にツールチップを閉じます。

  • #1から#3までの作業で問題がなければ、ツールチップが表示されてから数秒以上経過する必要はありません。ユーザーの注意を引くことが確実であれば、数秒待つ必要もありません。

それはあなたのために働くデザインを推進するためのまともなフレームワークをあなたに提供するはずです。

1
tohster