情報設計-視線誘導
こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からショップ画面の表示アニメーションの事例をご紹…
こんにちは、ちょこです! 「サクラ革命」のホーム画面にて、アニメーションによる視線誘導がありました。割と見落としやすい部分だと思うので紹介します。 該当のシーンはこちらです。 ホーム画面に遷移した際、下位階層のボタンが時間差でアニメーション表…
こんにちは!ちょこです! 「プロジェクトセカイ カラフルステージ! feat.初音ミク」の楽曲開始演出のUIアニメーションが視線誘導と情報の優先度を上手く使っているな、と感じました。 こちらのアニメーションです。 これもアニメーションを利用して視線…
こんにちは!ちょこです! 「プロジェクトセカイ カラフルステージ! feat.初音ミク」のUIアニメーションで上手く視線誘導している箇所がありました! 情報量の多い画面のデザインをする際の参考になれば幸いです。 該当画面はこちらのホーム画面の初心者ミ…
こんにちは!ちょこです! 「バンドリ! ガールズバンドパーティ!」にてカメラ演出を使って、ユーザーがやることを示した事例があったので紹介します! まずはこちらをご覧ください。 ▲街の全体マップから任意の施設に遷移する時の演出です カメラが寄るこ…
こんにちは、ちょこです! 「スタンドマイヒーローズ」で、一定時間操作してないと、マッチング可能な部分がアニメーションして分かりやすいと感じました! ▲全体で見るとこんな感じです ▲部分拡大するとこんな感じです 正直この手のマッチングパズルだと、…
こんにちは、ちょこです! 「ココッパドール(ココドル)」で時間差でボタンが表示され、視線が向くように仕向けられている場面がありました! 画面右下にある「GO」のボタンが時間差で表示されます。 ▲こちらのボタン 表示されるタイミングに関してはこちら。…
こんにちは!ちょこです! スタメンのキャラを入れ替える際にボーナスが付くかどうかが、UIが光って知らせてくれて分かりやすかったです! 画面の左上にフィールドのUIグラフィックがあるのですが、光ってるの分かりますかね…。 ▲フィールドが他と比べて明る…
こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「どうぶつの森 ポケットキャンプ」通称「ポケ森」の情報の見せ方につ…
こんにちは、ちょこです。 「プロ野球PRIDE」にて、バッターの準備ができたらカメラが若干選手の方に寄る演出が入っていました。 こんな感じでカメラが寄ります。 比較するとこんな感じです。 ▲バッターが画面に収まるようになりました ボールの位置がずれる…
こんにちは、ちょこきなこです。 「とある魔術の禁書目録 幻想収束 IF」の共闘クエストにて、視線の誘導が上手くいっておらず情報が分散しているように感じました。 具体的なシーンですが、他プレイヤーがボスにダメージを与えたときです。 攻撃したこと、ダ…
こんにちは、ちょこきなこです。 ワンダータクティクス をタイ語でプレイしようと思ったら、ホーム画面からどこに行って良いか分からず…! 途方に暮れてホーム画面で放置してたらボタンが光って誘導してくれたので、助かりました。 右下のボタンが光ります。…
こんにちは、ちょこきなこです。 「Sky 星を紡ぐ子どもたち」をプレイしていました。このゲームはユーザーに何を見せたいか、何を与えたいかが明確になっています。 情報が整理されたUIなので読み取るのが少し大変ですが、どういった点がデザインされている…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「アルケミアストーリー」の会話シーンの紹介です。キャラ同士の掛け合いの時に目線が合うのが結構良いと思うんです。 なんか「ちゃんとしてる」という印象。ソシャゲだとあんまり見たことなか…