ウェブサイトのロゴアニメーション

ジェフ・ラスキンの著書「インターフェース」を読んで、読書中に出てくるアイデアについて話し合いたいと思います。

サイトでのアニメーションの最初のアイデア。



アニメーションは、何かをするすべての要素に必要です。 リンクをホバーすると色が変わり、クリックして拡大できる写真は、一般的なアニメーションのアイコン、背景、またはテキストでリンクについて知ることができます。





アニメーションDropboxロゴ



フィードバック

アニメーションは、クリックできるものとそうでないものを理解するのに役立ちます。

サイトのロゴは常にメインページにつながります-誰もがこれを認識しましたが、このジェスチャーのアニメーションを作成したのは誰ですか? しかし、彼は最も重要な人物の一人です。 ユーザーは常にロゴをクリックします。



科学:ユーザーがカーソルをロゴに移動している間、注意の軌跡にあるロゴはカーソルではありません。 そして、ユーザーはどのように理解していますか:クリックして家に帰るのですか? カーソルの形が矢印から手に変わります。 つまり、軌跡を変えるだけで、何かが変わったことを理解できます。 人々は軌跡を変えたくないので、いずれにせよ、人体が経済的に費やそうとしているエネルギーの価値はあります。

細心の注意を払えば、軌跡の外側のすべてのイベントを無視するか、単に気付かないままにすることができます。


アニメーションはロゴに向けられるべきです。 彼が少し動いて、自分自身を少し変えて、ユーザーに理解させてください:「クリックしてください、私は何かできます!」



便利なリンク:

注意の軌跡とは何ですか?

ユーザーインターフェースの設計に関する推奨事項(Raskinの著書「インターフェース」による)。 パート1



All Articles