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

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

010_タイトル一覧-Chess Rush

「Chess Rush」設定の内容を調べてみました

こんにちは、ちょこです。 各種設定の内容がよくわからなかったので確認してみました。UIデザイナーとして、ゲームにどういった設定が用意されているのか知ることは大変重要です。 それは利便性に繋がる機能であり、また暗黙知でもあるからです。では早速紹…

「Chess Rush」インゲームの画面構成をまとめてみました

こんにちは、ちょこです。 先日、「Chess Rush」のアウトゲームの画面をまとめてみたけど、今回はインゲームの画面の構成を見てみます。 ▲図にするとこんな感じ。 グラフィカルな見せ方ではなく、情報も画面遷移ではなく、ポップアップ表示が多いように伺え…

「Chess Rush」図鑑画面が図鑑っぽく見えなかったのはパラメーターを載せすぎているから?他タイトルのデザインと比較してみました

こんにちは、ちょこです。 「Chess Rush」にて、画面下部のメニューに図鑑という項目がありました。 ▲画面下部のメニューに「図鑑」がある ただ、画面を見ると全然図鑑って感じがしないんですよね。 ▲図鑑?本の形をしていないので、イマイチ図鑑という気は…

「Chess Rush」ヘルプに動画が採用されていた。静止画と上手に使い分けたい。

こんにちは、ちょこです。 「Chess Rush」のヘルプが動画になっているの良いですね。 ▲ヒーローを選択して盤面に配置するところまでの説明 ただ、全部アニメーションしているわけではない様子。 ▲静止画のヘルプ項目もあります。 ▲いくつかは静止画です 動画…

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

こんにちは、ちょこです。 「Chess Rush」の導線どうなってるのかよくわからなかったので画面の遷移図をまとめてみました。 今回の記事は以下の図でほぼ全てです。 ざっくりこんな感じ。分類は無理やり当てはめました。情報整理は発展途上という印象。 以下…

「Chess Rush」デザインが凝っている画面の紹介。ガチャ周りは上手にカルチャライズしてるかも

こんにちは、ちょこです。 「Chess Rush」で凝ったUIがいくつかあるので紹介してみます。 1:碁霊士画面 2:スーパーガチャ機 3:宝さがしの冒険 4:ラッキー居酒屋 5:実績表示 1:碁霊士画面 早速ですが、なんなんですかね「碁霊士」って…。そんな「碁霊士…

「Chess Rush」フォント界のnullこと【豆腐】が表示されている。なるべくなら表示されたくない文字なので滅ぼしたい

こんにちは、ちょこです。 「Chess Rush」にて日本語のフォントに文字が格納されてないケースがありました。 ▲言語設定画面 ソシャゲで「豆腐」が表示されるのは初めて見たかも。 ▲豆腐 これは「指定されている文字が表示できないので、ダミーの文字を置いて…

「Chess Rush」PCゲームっぽいUIデザインだと感じた理由?ボタンや文字が小さかったから。でも将来的には垣根がなくなると思う

こんにちは、ちょこです。 「Chess Rush」ですが、しばしばデザインがPCっぽい印象を受けました。プラットフォームが違うとUIの考え方も変わるのでスマホを操作して違和感を覚えました。 どういった部分でPCっぽいなと感じたのかメモを残してみます。 1:ボ…

「Chess Rush」スマホの画面をデザインする際は情報が指で隠れてしまわないように気を付けたい事例

こんにちは、ちょこです。 「Chess Rush」の図鑑画面の星押しづらいし、情報隠れるんじゃー! どういうことかと言うと… この星の部分、タップ判定あるんですけどね。 ▲進化度合いを示す星 押そうと思うとこのようになります。 ▲キャラが指でがっつり隠れます…

「Chess Rush」シェア機能を入れるだけではシェアされない?ユーザーに相応のメリットを与える必要がある

こんにちは、ちょこです。 「Chess Rush」スクショ撮ったらシェア訴求するUIが表示されました。 ▲画面下部に外部SNSの導線が表示される スクショの撮影をトリガーにした仕様って結構珍しい。 ▲スクショを撮ると画面にメッセージが表示されます Chess Rushの…

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

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