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

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

011_画面別-ミッション画面

「ポケモンユナイト」季節感を背景に取り入れるだけではなく、ミッションの進捗状況に応じてツリーにライトが点く演出もあるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ポケモンユナイト」から、季節感あふれるホーム画面のデザインを…

「アルゴナビス from BanG Dream! AAside」ミッションを達成するための手助けとなる導線があるのは便利

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アルゴナビス from BanG Dream! AAside」通称「ダブエス」から、…

「ドラゴンクエストけしケシ!」ミッション画面で報酬サムネイルが傾いている理由を考えてみた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ドラゴンクエストけしケシ!」通称「DQけしケシ」から、ミッショ…

「ポケットタウン」リスト内をジャンプする挙動の紹介。報酬が複数得られる場合のような時の利用はあまり向いてないかもしれません

こんにちは!ちょこです! 「ポケットタウン」にてリストがいい感じの位置まで自動でジャンプする機能が便利でした。 該当の画面はこちらです。これはミッション達成画面ですね。 アニメーションで見るとこんな感じです。報酬が受け取れるようになっているミ…

「テイルズ オブ クレストリア」ミッション画面で一括受け取りボタンをどこに配置すれば良いのか39タイトル比較して結論出しました

こんにちは!ちょこです! 「テイルズ オブ クレストリア」をプレイしていてミッション画面の中にある「一括受け取り」のボタンの位置が気になりました。 ▲左下に「一括受け取り」ボタンがあります 視線の流れ的に右下にあるのが一般的かなと思って過去にプ…

「アズールレーン」新兵任務画面のデザインがフラットとスキューモーフィズムの両立がなされてた

こんにちは、ちょこです! 「アズールレーン」の新兵任務(初心者ミッション)画面が独特だったので紹介します! 新兵任務画面はこんな感じです! アズレン自体はフラット寄りのデザインで構成されている場面が多く、こういったスキューモーフィズム的な表現が…

「ビーナスイレブンびびっど!」メジャーで便利な導線紹介

こんにちは!ちょこです! 「ビーナスイレブンびびっど!」でミッションを達成するための導線があるのが便利だと感じました! 任意のミッションを選択し詳細を開くと、ミッション達成のための導線が配置されています。 結構見かけるというか、もはや一般的な…

「戦国アスカZERO」パネルミッションのパネルを開ける順番がデザインされていると感じた理由

こんにちは!ちょこです! 「戦国アスカZERO」のパネルミッションの開けられる順番のデザインがちゃんと考えられていたので紹介です! ▲初心者パネルミッションの初期状態 まずパネルミッションの挙動の説明を簡単にすると… 「何かしらゲーム内で条件を達成…

「ゼノンザード」ミッションリストがタブではなくチェックボックス形式。面白いデザインだけどバッドUIでもあった…

こんにちは、ちょこです。 「ゼノンザード」のミッションリストが珍しかったので紹介します。 とくに珍しくないと思うかもしれませんが、一見タブに見えるデザインなのに実はチェックボックスの挙動になっています。 こんな感じで複数の項目が選択可能です。…

「CUE!キュー」ミッションリストに無限スクロールが実装されていました。ソシャゲに無限スクロールは初めて見たかも。

こんにちは、ちょこです。 「CUE」のミッションで無限スクロールが実装されていました。 ▲リスト最下部までいくと情報が追加されていく ソシャゲではちょっと珍しい実装ですよね。 手元の「UIデザインの教科書(新版)」に無限スクロールに関する記載があるの…

「歌マクロス スマホDeカルチャー」ミッションに一括受け取りボタンが無い…手数が掛かるので何卒…実装を…

こんにちは、ちょこです。 今回は「歌マクロス」のミッション画面で報酬の一括受取が無くて手数がかかってヤバイって話です…。 しかも、ミッション報酬を受け取ると次のミッションの解放される実装です。 小さくて見づらいかもですが、途中までノーマルミッ…

「東京喰種 :re invoke」タブを跨いだ一括受け取りは手数が省略できて便利です

こんにちは、ちょこきなこです。 「東京喰種 :re invoke」の実績の一括受け取りは便利だな、って話です。 「東京喰種 :re invoke」の実績機能はこのように複数タブを跨いで達成報酬を受け取ることが可能です。 複数タブを跨いで獲得することが出来るので手数…

「きららファンタジア」ミッションリスト、タブを越えて受け取れるのは便利ぃ!

こんにちは、ちょこきなこです。 「きららファンタジア」のミッションリストにてタブを越えて報酬が受け取れるのが便利なので、紹介します。 挙動としてはこんな感じです。デイリータブを選択している状態で、トータルタブのミッションが受け取れているのが…

「キャプテン翼~たたかえドリームチーム~」頻繁に行き来する画面の導線は配置すべし

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キャプテン翼~たたかえドリームチーム~」の導線が良かったので、今日はこれだけでも覚えてもらったら嬉しいです。 どんな導線かと言うと、「連盟ミッション」と「通常ミッション」が一手で…

「キャプテン翼〜たたかえドリームチーム〜」のエンプティステートのバリエーションの紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 前も紹介しましたが、エンプティステート画面です。 要するに「情報がないことを示すUI」です。いくつかありますねー。 ざっと見た感じはこんな感じですねー。 ある程度カテゴリーを分けて、運…

「キャプテン翼~たたかえドリームチーム~」すべてのアプリは一括受け取りボタンの挙動を参考にして欲しい

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キャプテン翼~たたかえドリームチーム~」の一括受け取りのボタンなのですが、タブを跨いで報酬を受け取ることができます。 これは便利。 しばしば「タブの中の報酬を一括受け取り」する挙動…

「ラストエピック」意味が同じアイコンであるなら種類はバリエーションは整理してほしい

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「ラストエピック」にて鍵アイコンがいくつか重複してデザインされていたので、持論を書きます。 まずデザインが重複していると、デメリットが発生すると思っていて ・ユーザーに覚えてもらう情…

「チェーンストライク」一括受け取りがないミッション画面について書いてみる

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「チェーンストライク」からミッション画面を紹介します。 情報のまとめ方が独特なんですよね。アコーディオンで情報を括ってます。情報の括り方ですがざっくりと…・デイリー・チャレンジ └大カ…

「ジャンプチ」ミッション画面の一括受け取りボタンが上にある理由を考えてみる

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「ジャンプチ」のミッション画面を紹介します。 早速ですが、このページの上部にある「ページ内一括受け取り」のボタンが上にある理由がよくわからなかったんですよね…。このゲームはおおよそ下…

「キングスレイド」ミッション画面内のリストの並び順が好き

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キングスレイド」からミッション画面を紹介します。 見た感じ 報酬受け取り可能なミッション 進捗率が高いミッション (おそらく)ID順 でソートされています。これとは別に 報酬受け取り可能…