行動を促すフレーズではなく、ユーザーの注意を引くために使用される新しいデザインパターン

Question

Seek.comの求人Webサイトでは、ナビゲーションの上部に興味深い小さな文字があります。

このキャラクターにカーソルを合わせると、小さなインタラクション/アニメーションがあります

これは基本的に、キャリアアドバイスナビゲーションメニュー項目の選択領域を拡張します。

このデザインパターンには、プライマリUI要素の補助UI要素であるが、明示的にそのようにラベル付けされていない用語があるかどうか疑問に思っています。

Danielillo · Accepted Answer

UIマスコット

...繰り返しの多いタスクは、ユーザーの維持に苦労することがよくあります。人々は退屈を感じ、退屈は単に刺激の欠如であるため、ユーザーを放棄します。 humor、movement、ユニークアート、ゲームの要素、および関連性のある文字ユーザーに別の方法を感じさせることができます—より興奮し、気を散らすことが少なくなり、最終的には幸せになります。

From Design Emotional Interfaces

このタイプの要素は正確な名前を持っているとは思いませんが、おそらくそのすべてのコンポーネントを分析すると、グローバルなアイデアが浮かぶかもしれません。スマッシングマガジンにはいくつかの優れた記事があり、グラフィックとUIデザインのコンセプトが含まれていますが、それらはすべて同じ目的を持っています。

動機付ける
言い聞かせる
刺激する

マスコット

グラフィックデザインでの「マスコット」の使用は新しいものではなく、その意味は非常によく知られています。ユーザーを親しみやすい方法で製品に近づけることです。いくつかの例があります Bibendum 、Energizer Bunnyなど。

ユーモア

ユーモアは、効果的なUXの重要な要素である、ユーザーにとってより深い感情的な体験につながる可能性があります。

出典： Incorporating Humor In Web Design

この記事では、ユーモアの種類の中に、 Personification について説明するセクションがあります。質問のインターフェースの例は、ほとんどボタンの擬人化です。

アニメーション

ほぼすべてのインターフェイスがアニメーションの形式を使用しています。これは、ある状態から別の状態に移行する自然な方法です。しかし、UIのアニメーションは、状態の変化を示すよりもはるかに多くの目的を果たすことができます。これらは、静的な視覚よりも直接注意を促し、何が起こっているかを伝えるのに役立ちます。またはこれまでにできたコピー。動きは視覚と運動感覚の両方の学習を刺激します。つまり、ユーザーは集中力を維持し、モノの使い方を理解する可能性が高くなります。