サイトでのアニメーションの最初のアイデア。
アニメーションは、何かをするすべての要素に必要です。 リンクをホバーすると色が変わり、クリックして拡大できる写真は、一般的なアニメーションのアイコン、背景、またはテキストでリンクについて知ることができます。
アニメーションDropboxロゴ
フィードバック
アニメーションは、クリックできるものとそうでないものを理解するのに役立ちます。
サイトのロゴは常にメインページにつながります-誰もがこれを認識しましたが、このジェスチャーのアニメーションを作成したのは誰ですか? しかし、彼は最も重要な人物の一人です。 ユーザーは常にロゴをクリックします。
科学:ユーザーがカーソルをロゴに移動している間、注意の軌跡にあるロゴはカーソルではありません。 そして、ユーザーはどのように理解していますか:クリックして家に帰るのですか? カーソルの形が矢印から手に変わります。 つまり、軌跡を変えるだけで、何かが変わったことを理解できます。 人々は軌跡を変えたくないので、いずれにせよ、人体が経済的に費やそうとしているエネルギーの価値はあります。
細心の注意を払えば、軌跡の外側のすべてのイベントを無視するか、単に気付かないままにすることができます。
アニメーションはロゴに向けられるべきです。 彼が少し動いて、自分自身を少し変えて、ユーザーに理解させてください:「クリックしてください、私は何かできます!」
便利なリンク:
注意の軌跡とは何ですか?
ユーザーインターフェースの設計に関する推奨事項(Raskinの著書「インターフェース」による)。 パート1