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

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

011_画面別-ホーム/マイページ画面

「ガール・カフェ・ガン」年末にかけてホーム画面やガチャ演出のデザインが変わっていた

こんにちは、ちょこです。 「ガール・カフェ・ガン」のデザインですが、ホーム画面だけでなくガチャ演出にも季節感が取り入れられていました。 ホーム画面 ▲通常時 ▲年末デザイン 年末の方は雪の結晶や星の装飾などが追加されていますね。 サンタ帽子とか、 …

「ガール・カフェ・ガン」バナーの切り替わり演出がSFっぽい。コマ送りで見てみました。

こんにちは、ちょこです。 「ガール・カフェ・ガン」ですが、ホーム画面に配置されているバナーが切り替わる時の演出が世界観に合っていると感じました。 こちらの演出です。 ▲ノイズが掛かったような演出 細部にこだわる姿勢があっていいな、と思います。 …

「ガール・カフェ・ガン」ホーム画面にアンケート機能が配置されている衝撃のレイアウト

こんにちは、ちょこです。 「ガール・カフェ・ガン」ホーム画面にアンケートボタンがあるのですが、びっくりしました。 アンケート機能自体あまり見かけないのですが、ホーム画面にこれ配置するのか…。ちょっと予想外過ぎました…。 ちなみにどんなアンケート…

「パレットパレード」ホーム画面でふたりが並んで表示、関係性も見えるので素敵

こんにちは、ちょこです。 ホーム画面でキャラが2人並ぶのですが、掛け合いがありました。 ホーム画面でキャラクターひとり立たせるというのはよくあるのですが、2人並べる、というデザインは珍しいかも。 で、並べたらそりゃ掛け合いするよね。 関係性も見…

「CUE!キュー」ホーム画面がきちんと情報設計していると感じたので考えてみた。通知リストの使い方を再認識しました。

こんにちは、ちょこです。 今回は情報設計の話です。 「CUE」のUIは設計に関して実績のある方が担当したのかな、という気がしました。 根拠はなく勘ですが。 設計に注目した理由 なぜ設計に注目したのか、ホーム画面を例に説明します。 この画面をよく見ると…

「歌マクロス スマホDeカルチャー」ホーム画面に訴求画像が大きく表示されていたので気になった。本当に要るのかな…

こんにちは、ちょこです。 「歌マクロス」のホーム画面のカルーセルにて、左右に隣接するバナーが表示されているのが珍しい。これがあると「隣の画像が見えて気になるので訴求になる」とかならなかったりとか…。 最近だとカルーセルって効果が疑問視されてい…

「リボルバーズエイト」ショップとソーシャル画面のデザインが世界観に満ちている。稀有なデザインなのでその理由を考えてみました。

こんにちは、ちょこです。 リボルバーズエイトのショップとソーシャル画面のデザインに注目してみたいと思います。 こちらがショップ画面です。 こちらはソーシャル画面です。 一見して見た目は綺麗なのですが、よくよく見るとグラフィックとメニュー項目は…

「乃木坂46リズムフェスティバル」ホーム画面に次に何をしたら良いのか導線がある。ちょっと便利!

こんにちは、ちょこです。 「乃木坂46リズムフェスティバル」のホーム画面にて、次に何をするのか明確にガイドが表示されていて、とても親切だなと感じました。 ガイドはこの部分。 タップすると次にクリアする楽曲が表示されます。 このゲーム、ストーリー…

「乃木坂46リズムフェスティバル」楽曲選択画面を中心にメインの画面の感想を書いてみました。Z軸を意識すると情報の整理の仕方も変わってくる。

こんにちは、ちょこです。 今回は「乃木坂46リズムフェスティバル」のメインコマンドの画面を紹介してみます。 まずはメイン画面を紹介してみます。 ホーム画面 ガチャ画面 ショップ画面 カード画面 楽曲選択画面 画面遷移について ホーム画面 ホーム画面で…

「御城プロジェクト:RE ~CASTLE DEFENSE~」ホーム画面でキャラクターが巨大化する演出の紹介。世界観を活かしてて独創的。(今はハロウィン風になっています)

こんにちは、ちょこです。 「御城プロジェクト:RE ~CASTLE DEFENSE~」通称「城プロ」の所領画面(ホーム画面)の演出が面白かったので紹介します。 分かりますかね…屋内と屋外になるんですよ。 で、なんでかというと、城を擬人化したキャラクターが大きくな…

「東京コンセプション」ホーム画面と新奇性

こんにちは、ちょこです。 「東京コンセプション」ですが、ホーム画面でのキャラクターが占める面積が大きく、見せたいものがはっきりとしていました。 ここまでキャラクターの面積が大きいタイトルはちょっと珍しいかも。しかも二体。 また、絆トークの演出…

「リンクスリングス」季節感を取り入れるのは何のためか考えてみました。

こんにちは、ちょこきなこです。 今回は「リンクスリングス」のホーム画面が夏仕様になっていたので紹介します。もう夏後半ですけど。 どの辺りが夏仕様なの? 空と雲 足元 芝生が砂浜に パラソルなどの小物がある 移動販売車がカキ氷屋さんに ウサギが浮き…

「アニドルカラーズ」マイページのキャラクターを大きく見せるデザインパターンを作成してみました。

こんにちは、ちょこきなこです。 「アニドルカラーズ」のマイページでキャラクターが小さく配置されているのが気になったので、大きく配置してみたらどうなるのかな、と思ったので試してみました。 結果こんな感じになりました。 以下、プロセスなどです。 …

「妖怪ウォッチメダルウォーズ」クローゼット画面に鏡は必要?必要かどうかは前後のストーリーなどによる

こんにちは、ちょこきなこです。 「妖怪ウォッチメダルウォーズ」では、クローゼット画面に鏡があるんですよね。これを見たときにちょっと感動しました。こういったデザインって見たことなかったんですよね。 じゃあ、今後こういった画面では鏡は必須になる…

「妖怪ウォッチメダルウォーズ」ボタンの形をしていないとボタンと認識されづらい?カメラに合わせて文字が濃くなり、アクティブかどうか分かるデザインになっている

こんにちは、ちょこきなこです。 一般的にボタンはボタンという形状をしていないとボタンと認識されません。あるいは押せると分からりません。 なので、ボタンは押せる形状でデザインする必要がある。 というのが原則ですが、今回はその例外の事例を紹介して…

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

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

「三国ロマンス」マイページのデザインが夏仕様に!夏用のリデザインは珍しいかも

こんにちは、ちょこきなこです。 「三国ロマンス」のマイページが夏仕様になっています! 季節感が出てて良いな、と思います。 クリスマスとかハロウィンとかお正月みたいな大きめのイベントだと見かけるけど、季節ごとって意外と見ないかも? マイページは…

「Real Boxing 2 ROCKY」マイページから無ロード遷移するタイトルが増えてきた

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 これも「LunaM」と同様にロードが入らない遷移だったので楽でした。 ▼gif ロードに入るのは試合を実行する時くらい。他はロードがありませんでした。 最近はもうロードが入らないのが当たり前に…

「ネギマテ〜UQ HOLDER!魔法先生ネギま!2〜 」マイページに隠された面白実装を発見したので紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ。ミッションボタンの中を見て欲しいです。ボタンの中に時計が実装されているんです…なんだこれ…。(なんだこれ) ▼gif なんというか斬新。 針が文字で隠れているのと、ボタンの円の中…

「怪獣娘~ウルトラ特訓大作戦~」マイページに使われているアイコンがアニメ準拠だった。IPモノであればデザインを流用して世界観を統一しやすい

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ。 IPモノなのでアイコンは世界観に寄せてますねー。 「プロフィール」はモブの人がモチーフかな。 https://www.animatetimes.com/news/details.php?id=1476584807 「ショップ」のア…

「りっくじあーす」運用して情報が増えていった結果、情報の優劣が曖昧になった事例

こんにちは、ちょこきなこです。 今回は「りっくじあーす」です。中々なマイページのデザイン…。 元々PC版が先にリリースされていて、アプリ版はおまけ的な扱いだと思われます。 それにしてもアプリと文脈が違いすぎててさっぱり分からない…。Fの法則がベー…

「メギド72」マイページのデザインについて考えてみました

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページのデザインの考察! です! メギド72 のマイページは左右フリックしてメインコンテンツを選択するデザインになっています。 この形式のデザインのマイページ、苦手なんですよね…。 い…

「欅のキセキ」マイページから見る運営の決意。ユーザーのメンタルモデルも大事だけど、何をさせるコンテンツか分かるようにデザインするのも大事

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 マイページ画面に所謂「クエストボタン」がない話です。 つまり何を宣言しているデザインかというと、「クエストはメインコンテンツではありませんよ」と宣言しちゃってるんです。 これ、個人的…

「キャプテン翼~たたかえドリームチーム~」キズナストライカーとのマイページ比較

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 サッカーゲームで同じようなデザイン配置なんですが、受ける印象が違ったので、なんでかなー、って考えてみました。 ▲「キズナストライカー」のホーム画面です。 比較してみると、「キャプテン…

「キズナストライカー」のマイページのデザインをいじってみました

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キズナストライカー」のマイページのキャラの表示領域が気になったので、キャラを大きく配置したパターンを考えてみました。 ▲before ▼after こんな感じです。今回はとにかくキャラクターを大…

「超進化物語」のマイページのデザインの良さを知ってほしい

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「超進化物語」のマイページが私好みだったので宣伝します! こんな感じ! 要するにパーティがどんどこ歩いているデザイン。 ▼gif これ系のデザインは時々見かけます。 個人的に一番好きなのは…

「イケメン戦国 時をかける恋」ボタンの色がきれいに統一されているので紹介します

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「イケメン戦国 時をかける恋」のボタンの色が統一されててきれいだなと思い、紹介します。 マイページ メニュー アバター設定 このように、明らかにボタンの色を黄色~オレンジ~朱色で統一さ…

「ダンまち〜メモリア・フレーゼ〜」マイページのレイアウトを比較してみる

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「ダンまち〜メモリア・フレーゼ〜」のマイページのレイアウトを、今までブログに掲載してきたタイトルと比較して、デザインの意図を考えてみます。 まずはフッター。 " /> って!並べて気付い…

「ダンまち〜メモリア・フレーゼ〜」マイページ画面における時間経過表現の紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「ダンまち〜メモリア・フレーゼ〜」のマイページ画面にて、時間経過のバリエーションがあったので紹介してみます。 見た感じ、以下の差分が確認できました。 1:早朝2:日中3:夕方4:日没5:…

「パズルオブエンパイア」フッターメニューに並びについて

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「パズルオブエンパイア」のフッターの並びが気になる… こちらがマイページです。 なぜ「その他」が左にあるんだろう…。 これ系で大体仮説にあがるのは右側に押させたいボタンを集中させたい理…