ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

情報設計-視線誘導

「サクラ革命」ボタンを段階的に表示することによって、ユーザーの視線を誘導、やることを仄めかすデザインになっています

こんにちは、ちょこです! 「サクラ革命」のホーム画面にて、アニメーションによる視線誘導がありました。割と見落としやすい部分だと思うので紹介します。 該当のシーンはこちらです。 ホーム画面に遷移した際、下位階層のボタンが時間差でアニメーション表…

「プロジェクトセカイ カラフルステージ! feat.初音ミク」楽曲開始演出のUIアニメーションが視線誘導と情報の優先度を上手く使われている

こんにちは!ちょこです! 「プロジェクトセカイ カラフルステージ! feat.初音ミク」の楽曲開始演出のUIアニメーションが視線誘導と情報の優先度を上手く使っているな、と感じました。 こちらのアニメーションです。 これもアニメーションを利用して視線…

「プロジェクトセカイ カラフルステージ! feat.初音ミク」アニメーションを利用することにより、段階的開示を取り入れている

こんにちは!ちょこです! 「プロジェクトセカイ カラフルステージ! feat.初音ミク」のUIアニメーションで上手く視線誘導している箇所がありました! 情報量の多い画面のデザインをする際の参考になれば幸いです。 該当画面はこちらのホーム画面の初心者ミ…

「バンドリ! ガールズバンドパーティ!」ちょっとしたカメラ演出でユーザーの認知コストを下げるデザインになる話

こんにちは!ちょこです! 「バンドリ! ガールズバンドパーティ!」にてカメラ演出を使って、ユーザーがやることを示した事例があったので紹介します! まずはこちらをご覧ください。 ▲街の全体マップから任意の施設に遷移する時の演出です カメラが寄るこ…

「スタンドマイヒーローズ」消せるパネルを分かりやすくすると得られる3つのメリットを考えてみました

こんにちは、ちょこです! 「スタンドマイヒーローズ」で、一定時間操作してないと、マッチング可能な部分がアニメーションして分かりやすいと感じました! ▲全体で見るとこんな感じです ▲部分拡大するとこんな感じです 正直この手のマッチングパズルだと、…

「ココッパドール(ココドル)」衣装を獲得したら、時間差でボタンが表示され視線が向くように工夫されている

こんにちは、ちょこです! 「ココッパドール(ココドル)」で時間差でボタンが表示され、視線が向くように仕向けられている場面がありました! 画面右下にある「GO」のボタンが時間差で表示されます。 ▲こちらのボタン 表示されるタイミングに関してはこちら。…

「ビーナスイレブンびびっど!」編成画面は表示するパラメーターが多い画面。目が泳がないようにする工夫が隠れてた!

こんにちは!ちょこです! スタメンのキャラを入れ替える際にボーナスが付くかどうかが、UIが光って知らせてくれて分かりやすかったです! 画面の左上にフィールドのUIグラフィックがあるのですが、光ってるの分かりますかね…。 ▲フィールドが他と比べて明る…

「どうぶつの森 ポケットキャンプ」情報の見せ方に関して考えてみました

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「どうぶつの森 ポケットキャンプ」通称「ポケ森」の情報の見せ方につ…

「プロ野球PRIDE」バッターボックスに入るとカメラが移動して選手がフレームインする演出。ちょっとした工夫だけどしっかりと没入感を高める演出。

こんにちは、ちょこです。 「プロ野球PRIDE」にて、バッターの準備ができたらカメラが若干選手の方に寄る演出が入っていました。 こんな感じでカメラが寄ります。 比較するとこんな感じです。 ▲バッターが画面に収まるようになりました ボールの位置がずれる…

「とある魔術の禁書目録 幻想収束(イマジナリーフェスト)IF」共闘クエストで視線が散り、情報が伝わりづらい。

こんにちは、ちょこきなこです。 「とある魔術の禁書目録 幻想収束 IF」の共闘クエストにて、視線の誘導が上手くいっておらず情報が分散しているように感じました。 具体的なシーンですが、他プレイヤーがボスにダメージを与えたときです。 攻撃したこと、ダ…

「ワンダータクティクス」ホーム画面で放置してたらボタンが光りだす

こんにちは、ちょこきなこです。 ワンダータクティクス をタイ語でプレイしようと思ったら、ホーム画面からどこに行って良いか分からず…! 途方に暮れてホーム画面で放置してたらボタンが光って誘導してくれたので、助かりました。 右下のボタンが光ります。…

「Sky 星を紡ぐ子どもたち(Sky: Children of the Light)」UIデザインの視点で9つ特徴をあげてみました

こんにちは、ちょこきなこです。 「Sky 星を紡ぐ子どもたち」をプレイしていました。このゲームはユーザーに何を見せたいか、何を与えたいかが明確になっています。 情報が整理されたUIなので読み取るのが少し大変ですが、どういった点がデザインされている…

「アルケミアストーリー」会話シーンでキャラの視線が合うのが素敵

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「アルケミアストーリー」の会話シーンの紹介です。キャラ同士の掛け合いの時に目線が合うのが結構良いと思うんです。 なんか「ちゃんとしてる」という印象。ソシャゲだとあんまり見たことなか…