ポップアップアニメーションをさせる!

ポップアップはボタン押下時、別画面へ遷移はせずに別ウインドウが飛び出す演出で、ソーシャルゲームではよく使われます。webのポップアップでは広告が主流で嫌われているみたいですが、ゲームではお知らせや注意させる動きで使われることが多いです。

ゲーム内でのポップアップの内容

・説明/詳細
 チュートリアルでの説明やアイテム、キャラの詳細など、より詳しい情報の表示
・確認事項
 報酬受け取り時に何を受け取ったのか確認や、ユーザー資産を使用する時の確認など
 OKボタン、はい、いいえ、など
・システムメッセージ
 サーバー通信エラーやメンテナンス入りなど注意を促すもの
・お知らせ
 アプリ起動後のウェブを介したお知らせ系

ポップアップ時の背景変化

背景を暗くするのか、白くするのか、ぼかすのか、最近は背景にゲームの特色となる記号を入れることも多くなってきました。
多くの場合はどれか一つの背景演出を決め、それに統一させますが、丁寧なアプリではルール化させて使い分けを行っているアプリもあります。

使い分け方の例
・黒背景
レベルアップやお祝い感あるものはエフェクトもセットで入ることから黒背景にする

・白背景
お知らせ系、システムチックなものを白背景にしてゲーム画面になじませる

・ぼかし
キャラクターやアイテムの拡大時に背景の余計な情報をカットしてキャラやアイテムを目立たせる

・ゲーム特色の記号
ゲームのブランド化を強く意識させるため、キーとなるメインポップアップにつけるか、全てにつけるか

ポップアップアニメーションはどう動かすか

どんなポップアップアニメーションがいいのか真剣に悩むと、いろいろな種類のポップアップを出せるので悩んでしまいます。
個性を出そうと試行錯誤して失敗することもあると思います。

こんなポップアップは出てこないと思いますが、肝心のポップアップの中身の理解ができなかったり、ポップアップがユーザーにとって混乱の要因になってしまうのは避けたいところ!(でも、ポップアップ自体がゲームの世界観の一部で派手な演出を許容できるなら見てみたい)

ポップアップアニメーションの基本は押下前の画面の連続した内容になっています。
なのでストレスなくサッと出て前の情報を把握しつつ次のポップアップで確認させてくれることで、自分が前の操作で何をしていたか意識を途切れさせることなくポップアップの内容が入ってきます。
画面遷移では別の画面へ移動するので、新しい情報が切り替わった時にユーザーも新規画面として頭の整理ができます。

そう考えると、ポップアップアニメーションは派手にするものではなく、アニメーションを目立たせるのでもなく、程々に気持ちよくしてユーザーの意識を飛ばすことのないように作るのが良いかと思います(無難にまとめた・・・)

他にもUIの細かい動きについても書いた記事もありますので、よろしければこちらもご覧くださいUIの細かい動きをについて

ここまでご覧いただきありがとうございました!
ご意見、ご感想はお問い合わせかTwitterからお願いします!

タイトルとURLをコピーしました