web-dev-qa-db-ja.com

目にもっと満足するのは、フェードインするか、突然現れる

ポップアップメニューがあります。ユーザーの目に優しいとは何ですか? visibility = trueを使用してすぐに表示するか、不透明度アニメーションを使用してフェードインする必要がありますか?

13
Mel

ユーザーは、ウェブサイトの読み込みが遅いのと同じように、遅いUIが嫌いです。ポップイン、フェードアウト。

ユーザーはあなたのアプリケーションを賞賛するためにここにいません。それは彼らが目標を達成するのを助けるための単なるツールであり、それが行われたとき、それはアプリがどれほどきれいであるかは関係ありません-彼らはそこにありません。だからといって、くすんだ灰色の箱型のインターフェースを求めて努力すべきだという意味ではありません。しかし、それはサービスの速度とアクセシビリティを優先することを意味します(最も広い意味で)。

17

ポップインが悪いのはなぜですか:現実の世界ではそれを行うことは何もないため、ユーザーにとって混乱します。自然の中で何かが速く動き、目の前で止まったら、それは驚くべきことでしょう。ユーザーは少し時間をかけて自分の向きを変え、新しいウィンドウのスキャンに戻る必要があります。

フェードインが悪い理由:動きでユーザーの注意を引くが、スキャンするためにアニメーションが完全に停止するのを待つ必要がある。したがって、それが1秒未満で発生しない限り、それは悪いことです。

私の提案:どのような移行でも、1秒未満ですばやく実現します。 (あなたのプログラムが遅く、あなたがそれを隠したい場合を除いて、それらを笑わせる場合に備えて)

8
jonshariat

ポップアップです。ユーザーはそれを求めました-すぐに渡してください-すぐに。ゆっくりと手を差し伸べて彼らに渡すのはやめましょう。

ユーザーは何を期待するかを知っており、ポップアップが速くなるほど、アプリがより速く感じます。

目立つほどフェードインするポップアップはまったく必要ありません。

7
Roger Attrill

私はJonshariatに同意しますが、

そして 700ms(まだ迷惑ではない)

700ms

3
Remi

トランジションエフェクトを使用する場合、実際に情報を入れることは悪い考えではありません。遷移を使用して、ユーザーがそこに到達した方法と戻る方法をユーザーに示します。フェージングは​​実際には多くの情報を提供しません。代わりに、新しいコンテンツgrowを古いコンテンツの上に置くか、新しいコンテンツと古いコンテンツの両方slideを片方のエッジともう一方のエッジの両方に置くことができます。ユーザーが2つの画面間を移動するために使用するUI要素を強調します。

これはすべて、アプリケーションの全体的な空間設計の一部である必要があります。これにより、ユーザーは視覚的なキューを使用して、それらがどこにあるか、および各相互作用がそれにどのように影響するかについての精神的な理解を構築できます。トランジションがこれを何も行わない場合、それらは単に無駄になります。

あなたの質問から、私はあなたがアクションをトリガーしているユーザーについて話していることを収集できます。ユーザーはメニューリンクをクリックすると開きます。

アニメーションなしの外観を提案します。

  • アニメーションは、ユーザーブラウザーのエクスペリエンスを低下させる原因になります。 FirefoxまたはChromeブラウザで、アニメーションが遅くなったりハングしたりするのをよく見ました。
  • アニメーションには、重要な出来事の影響があります。すでにユーザーの注意を引いている場合は、フェードインしてもう一度やり直してください。
1
rohan