画面上の目がマウスカーソルを追いかけるというと、X Window System の Xeyes の昔(Wikipedia によれば 1988 年!)からあるアイデアですが、ウェブサイトのログイン画面を見ているキャラクターというアイデアがこちら
What a cute login form 🥰 pic.twitter.com/Qc1csk0I52
— Victor (@vponamariov) January 24, 2023
メールアドレスを入力するタイプに応じて雪男風のキャラクターの視線が動きますが、面白いのはパスワードを入力する時のキャラクターの動作。
パスワード入力時のマナーとして確立した挙動ですね。
twitter のリプライからは、この手のキャラクターがいつ登場したかの情報が集まっています。
小物に自分のデータを印刷して購入できるサービスSticker Mule のログイン画面
VPNサービス TunnelBear のログイン画面
昔 dribble でも見た、という反応は多かったのですが、Dribbble.com のことであれば、今のログインフォームにはキャラクターは居ないようです。
2019年の Flutter と Flare のデモで、スマートフォン上で同様のフォームを作るコードもありました。
GJJ2019/Flutter-Teddy-SignIn: A Flutter Project For Real Sign In Page Based on Flare Teddy animation
こちらの方は、このアニメーションを作る手順の記事につなげていますね。
Almost as cute as this one made using @rive_app (but I might be a little biased :))https://t.co/6JICSz2Q26 pic.twitter.com/bDFO7DYQgm
— Drawsgood (@drawsgood) January 24, 2023
via twitter