アプリゲームUIデザイン

プレイしたアプリゲームのUIデザインに関して、書き残しておこうと思います。毎日24時に更新!

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

「Chess Rush」ホーム画面が季節感あふれてたので紹介します

こんにちは、ちょこです。 「Chess Rush」のホーム画面が季節感あふれてたので紹介します。 他にもお知らせ画面であったり… 訴求画像のデザインも雪化粧がされています。 ▲「バナナ~」は一見すると意味不明ですがキャラクターの名前です。 アニメーションを…

「仮面ライダー シティウォーズ」ドロワーのUIを採用する時に注意したいこと

こんにちは、ちょこです。 「仮面ライダー シティウォーズ」のホーム画面にある、メニューボタンのデザインと挙動が気になりました。 注意したいこととしては 挙動が(ある程度)推測できる見た目にする です。以下、詳細と解決案の提案を書いてみます。 どん…

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

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

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

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

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

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

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

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

「御城プロジェクト: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デザイン」のちょこきなこです。 「ダンまち〜メモリア・フレーゼ〜」のマイページ画面にて、時間経過のバリエーションがあったので紹介してみます。 見た感じ、以下の差分が確認できました。 1:早朝2:日中3:夕方4:日没5:…

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

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

「ドールズオーダー」みんな大好き!デザイン変更前後の比較話!

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 大体のデザイナーは恋バナよりマイページのデザインの比較の方が好きなので、今日はそんな話です。 はい、早速いきます。 マイページの新旧を比較すると、メインボタン群のレイアウト変更が大き…

「チェーンストライク」マイページでのスワイプ操作の仕様が最高に便利

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「チェーンストライク」のマイページでスワイプ操作した時の仕様を紹介します。 この仕様、自分は初めて見たのですがメジャーなんですかね? 上下フリックでマイページとクエストメニューを行き…

「ジャンプチ」マイぺージには戦力表示が要る理由

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「ジャンプチ」のマイページを紹介します。直感的に戦力表示が必要だと思ったので改めて考察してみました。以下が主な理由です。1:数字が上がるとモチベーションに繋がるから2:変化があるから…