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

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

「Chess Rush」アウトゲームの画面が多い気がしたので分類わけしてみました

こんにちは、ちょこです。

「Chess Rush」の導線どうなってるのかよくわからなかったので画面の遷移図をまとめてみました。

今回の記事は以下の図でほぼ全てです。

f:id:appgameui:20200223204530p:plain

ざっくりこんな感じ。分類は無理やり当てはめました。
情報整理は発展途上という印象。

以下はゲームを未プレイの方向けに、各々どういった画面なのか簡単に書き出しました。ゲームをプレイ済みの方は既知の内容となっています。

 

 

1:階層情報

まずホーム画面から遷移できる項目はこんな感じです。
(全部で22項目あります。長いです)

 

  1. 個人データ
    └個人データ
     └データ修正
      └アイコン変更
      └ニックネーム変更
      └称号設定
      └フレーム変更
      └旗変更
    └戦歴
     └戦歴詳細
     └陣容シェア
    └実績一覧
     └実績シェア
    └ヒーロー集計…ヒーロー毎の使用頻度などを表示
    └絆集計…発生した絆の使用頻度など

  2. チャージ
    └チャージ
    └ゴールドを購入
  3. ランキング(エリア/全体/フレンド)
    └ランキング
     └他人のプロフィール閲覧
      └フレンド登録
      └ナッツを贈る
      └戦歴
      └実績一覧
      └ヒーロー集計
      └絆集計
    └優勝ランキング
     └他人のプロフィール閲覧
      ※以下の階層省略
    └連勝ランキング
     └他人のプロフィール閲覧
      ※以下の階層省略
    └ナッツランキング
     └他人のプロフィール閲覧
      ※以下の階層省略
    └ギルドランキング
     └他人のプロフィール閲覧
      ※以下の階層省略
  4. アイテム
    └全部
    └カスタム戦場
    └パック
    └アイテム
  5. メール
    └フレンドメール
    └システムメール
  6. フレンド
    └ゲームフレンド
    └最近共にプレイした人
     └他人のプロフィール閲覧
     └フレンド追加
    └フレンド検索
    └フレンド申請
    ブラックリスト
  7. 設定
    └選択
    └画像
    └音声
    └言語
    └ログアウトする
  8. 宝さがし
    └スーパーガチャ機
    └宝さがしの冒険
    └ラッキー居酒屋
  9. 碁霊士
    └報酬
    └循環ミッション
    └チャレンジミッション
    └クジ引き
  10. ショップ
    └人気商品
    └カスタム戦場
    └アイテム
    └魔力エッセンス
    └ベネフィット
  11. イベント
    └人気のおすすめ
    └ランクアップのプレゼント
    └S4のための戦闘準備
    └一手の差
  12. コミュニティ
    カスタマーサービス
    Facebook
    Instagram
    YouTube
    Reddit
    └Discord
    Twitter
    └Nimo TV
  13. カスタム
    └指手
    └チェス盤
    └特殊効果
  14. モード選択
    └順位モード
     └クラシック競技
     └極速対決
     └4v4モード
    └娯楽モード
     └快速ドラフト
     └トランプ大戦
     └協力対抗
    └新人ガイド
     └実践モード
     └操作ガイド
     └PVEモード
    └ルームを作る
     └快速ドラフト
     └クラシック競技
     └極速対決
  15. 対戦
  16. ミッション
    └デイリーミッション
    └成長の道
    └グルの試練
  17. 図鑑
    └ヒーロー図鑑
     └ヒーロー詳細
    └装備図鑑
     └伝統装備…装備情報詳細
     └装備ドラフト…装備の進化条件など
    └クイズ
  18. ギルド
    └ギルドリスト
     └お勧めギルド
     └ギルド申請済
     └ギルド招待
    └ギルド作成
     └ギルド名
     └ギルド宣言…ギルドの説明
     └ギルド旗
     └ギルドの所属地域
  19. 実績
    └私の実績
    └実績・対戦
    └実績・絆
    └実績・レジャー
  20. シーズン選択
    └情報シェア
    └シーズン記録
    └シーズンランキング(全体/エリア/フレンド)
    └シーズン報酬
    └シーズンボーナス
  21. 戦闘準備
    └達人陣容
     └陣容の保存
     └陣容の評価
    └システムのオススメ
    └私の陣容
  22. チャット

 

階層が深い部分は省略していますが、おおよそこんな感じでした。
シンプルなゲーム性ながらもかなり情報が多い…。

それを正直に表に表示しているので初見だと複雑に見えちゃいそう。

書き出して思いましたが、チャットとかコミュニティの情報は削除できるだろうし、ミッションやイベント、ショップ周りももっと整理できそうな気はしています。

 

2:各画面の特徴など 

ホーム画面

タイトル画面から遷移した直後の画面がこちらです。

f:id:appgameui:20200219081218p:image

 

ゲーム起動してから特に操作せずとも、直接ホーム画面に遷移されます。

f:id:appgameui:20200224170213g:plain

 

ログインボーナス

ログインボーナスは1週間で一区切りとなっています。

f:id:appgameui:20200219091606p:image

30日間で1セットってゲームも増えてきているけど、7日間はまだ少ない方。
個人的にはマジックナンバー5じゃないけど3~5日で1セットでもいいんじゃないかな、と思う。

 

f:id:appgameui:20200224171034g:plain

自動受け取りではなく、受け取りボタンを押さないと受け取ったことにはなりません。

 

プロフィール画面

いわゆるプロフィール画面。プレイヤー情報が扱われます。

f:id:appgameui:20200219081150p:image

 

下位階層には

  1. 個人データ
  2. 戦歴
  3. 実績一覧
  4. ヒーロー集計
  5. 絆集計

などがあります。
戦績を詳しく扱った結果、ヒーロー集計などの情報がぶら下がっているよう。 

f:id:appgameui:20200224172850g:plain

んー、ちょっと情報の過剰提供な気がしないでもない。そのデータをユーザーに見せて何をさせたいのかちょっと分かりづらいです。

データを細かく見るのが好きな人向けにしかなっていないような気がしました。

 

チャージ画面

いわゆるゲーム内通貨をリアルマネーで購入することができる画面です。チャージとゴールド購入のメニューがあります。

f:id:appgameui:20200225090932p:image

f:id:appgameui:20200219081246p:image

 

キラキラしたエフェクト、枠のグラデーションのアニメーション、背面の格子模様から覗く光など、割と手間が掛かっています。

 

f:id:appgameui:20200224175113g:plain

また、チャージの方はスクロールした場所が記憶されます。ゴールド購入は記憶されずに初期値に戻ります。これは意図的というより、そうなっている感がある…。

 

ランキング画面

色んなランキングが見れます。

f:id:appgameui:20200225222653p:plain
様々なランキングに分けることによって、各自のプレイのモチベーションにされているのかな、と思います。

 

 アイテム画面

いわゆるアイテム画面です。所持しているリソースの一覧が表示されます。

f:id:appgameui:20200219081341p:image

フィルタはないです。
イベント専用アイテムは全部表示するタブでしか表示されないんですよね。
これに関してはその他タブという場所などあると良さそう。

 

メール画面

運営なりプレイヤーからの連絡が届くようです。

f:id:appgameui:20200219081454p:image

届いたことない…

 

フレンド画面

f:id:appgameui:20200219081526p:image

誰もいない…

 

シーズンのチャージボーナス

f:id:appgameui:20200219081615p:image

訴求する情報をポップアップ表示してますね。
「お知らせ」とかイベントの下に格納されていることが多いので、外に出ている印象は無かったかも。

 

宝探し

ガチャだったりそれに類する機能です。

f:id:appgameui:20200219081654p:image

デザインは凝っています。
下位階層のデザインもオリジナルで作り込んでいる。

 

碁霊士画面

何かすると報酬が得られるので「ミッション」の画面と統合できそう。

f:id:appgameui:20200219081738p:image

 

これに関しては「○○のミッション」という考え方で分類されているんですよね…。

個人的には…

ミッション
 └デイリー
 └循環ミッション
 └チャレンジミッション
 └初心者ミッション

って感じで分かれていると、やることが分かりやすかったり、報酬を受け取るためにあちこち移動しなくて済むので好きだったりします。

ショップ

アイテムを購入できる画面です。

f:id:appgameui:20200219081832p:image

さっきのチャージ画面とは別にあります。
ここも統合できるんじゃないかな、と思っています。
何が違うんだろう…。

 

イベント

f:id:appgameui:20200219082028p:image

訴求したいもの、お知らせ、開催中のイベントに関する情報などなど。
見出しと内容のメンタルモデルが上手く構築できてないので、表現しづらい。

お知らせに近いけど時系列で表示されているわけでもないのでキャンペーンサイトに近いのかも…。

 

コミュニティ

SNSという見出しになっているので些か混乱もします。

f:id:appgameui:20200219082149p:image

項目を見るとなんとなく「プラットフォーム」というイメージですが、カスタマーサービスもある。
でもカスタマーサービスはきっとSNSじゃない…。

 

 

カスタム

チェス盤やアバターのカスタムできます。

f:id:appgameui:20200219082259p:image

 

特殊効果

特殊効果はキャラクターのエフェクトのカスタムです。

f:id:appgameui:20200219082305p:image

 

チェス盤

チェス盤だったり、配置される小物などのカスタムが行えます。チェス盤というより「フィールド」と表現したほうが適切かも。

f:id:appgameui:20200219082316p:image

 

指手

指手の分身であるアバターのカスタムが行えます。

f:id:appgameui:20200219082322p:image

アバターによって勝負が有利不利になることはないようです。

 

ミッション 

いわゆるミッション画面です。

f:id:appgameui:20200219082359p:image

 

図鑑

図鑑画面ではヒーローのステータスや装備の情報が見れます。

f:id:appgameui:20200219082426p:image

 

ギルド

ギルドに入るメリットはなんだろう…気の合った者同士のコミュニティという感じなのかな…

f:id:appgameui:20200219082502p:image

普通に遊ぶ分にはギルドに加入しなくても楽しく遊べます。
ギルド対抗戦でもあるのだろうか…

 

実績 

よくある実績。プレイヤーのやり込み度を測る機能。
ミッションと違うのは累積されるものであり、他プレイヤーにアピールすることができる点。

f:id:appgameui:20200219082535p:image

 

シーズン

恐らくこのゲームの中で最も訴求したいイベントです。
期間内の成績によって獲得できる報酬が変わります。

f:id:appgameui:20200219082605p:image

 

訴求している画面なので基本的に豪華。

f:id:appgameui:20200224181156g:plain

シームレスに色々切り替わります。
 

 

戦闘準備

編成…?いくつかのプリセットを選択した上でバトルに挑みます。

f:id:appgameui:20200225233715p:plain

選択しなくても全然良いけど、ガイド機能のようなものなのでセットしておいた方が無難。

 

 

カスタムルール作成

部屋番号は7桁と結構多め。同時に100万の部屋が立てられるということか…。

f:id:appgameui:20200219083319p:image

 

モード選択

プレイするゲームモードを選択する画面です。

f:id:appgameui:20200219083341p:image

 大体好きなモードが決まって、そればっかやるタイプ。

 

チャット

ホーム画面からチャットで他のプレイヤーとやりとりができます。

f:id:appgameui:20200225224257p:plain

 

 

 

ここまでがアウトゲームの画面です。長っ!!多っ!!
もう少し簡略化できそうな気がするけど…難しのかな…。