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

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

010_タイトル一覧

「バンドリ! ガールズバンドパーティ!」コンテンツが増えてきたらユーザーが何をしたら良いのか分からなくなるので、バナーを配置してユーザーを誘導してた件

こんにちは!ちょこです! 「バンドリ! ガールズバンドパーティ!」の「もっと!ガルパを楽しむために」というバナーが気になったので、UI目線でどういった意図があるのか考えてみました。 ▲左下にバナーが表示されてる ユーザーを迷わさないための機能 結…

「テイルズ オブ クレストリア」HPの数字は見えた方が良い思う理由

こんにちは、ちょこです。 「テイルズ オブ クレストリア」をプレイしていて、戦闘中にHPが数字で見れないのが直感的に違和感を感じてしまいました。その理由をちょっと考えてみます。 ▲キャラクター情報を示すUI まず、なぜHPの数字が見たいのか考えてみま…

「うたわれるもの ロストフラグ」ルビが必要な場面とその理由をまとめてみました

こんにちは!ちょこです! 「うたわれるもの ロストフラグ」読みづらい熟語にルビが振られていました。どんなときにルビを振るのか、実例をもとに紹介してみます。 また、最後になぜルビを振るのかをまとめました。 まず、どんな時にルビを振るのかについて…

「スタートリガー」ホーム画面から装備を選択して強化できるので手数が少し減る設計になっている

こんにちは、ちょこです! 「スタートリガー」のホーム画面で、装備の強化の導線が配置されていたので紹介します! こちらです! ホーム画面で直接装備が並んでいるのは初めて見たかも。 確かにソシャゲの主な遊び方のサイクルとしては、バトル⇒強化⇒バトル⇒…

「スタートリガー」今日は、黒背景に赤文字の組み合わせはNGということだけ覚えて帰って欲しい

こんにちは!ちょこです! 「スタートリガー」の色覚多様性対応が気になりました…! お知らせ画面!文字が赤い…!! PhotoshopのP型フィルタで見るとこんな感じです。 文字は結構見づらい感じです…。赤字が悪いわけではないのですが、背面が暗い時に赤い文字…

「ぼくらはみんなしんでいる」文字を遊ばせるときは崩すところと崩さないところに規則性があると気持ち良い

こんにちは!ちょこです! 「ぼくらはみんなしんでいる」というクリッカーゲープレイしてました! その中でフッターの文字が崩れたデザインになっているのが世界観を表現しているUIパーツだな、と感じました! フッターはこちら。 「侵略」「図鑑」「道具」…

「マジカミ」ホーム画面でキャラクターの誕生日がお祝いされていた!キャラの訴求になりそう

こんにちは、ちょこです! 「マジカミ」でキャラの誕生日にホーム画面がデコレーションされていました! 季節感を演出するタイトルはしばしば見かけてきましたが、誕生日で画面を変えるのは初めて見たかも… 以下、ホーム画面で季節感を演出するタイトル例 ▲…

「魔界ウォーズ」フッターのボタンが画面によって変化する。予期しない変化はしない方が良い

こんにちは!ちょこです! 「魔界ウォーズ」でフッターのボタンがホーム画面とそれ以外の画面で変化する挙動になっていたのが気になりました。 フッターの左側に注目していただきたいのですが、ホーム画面では『クエスト』になっています。 しかし、他の画面…

「ツミキボシ」色覚多様性対応の事例紹介。輪郭線や模様の濃淡で区別を図るデザインでした。

こんにちは、ちょこです! 「ツミキボシ」の画面で色覚多様性対応どう対応してるのかな、と気になったので調べてみました こういった色だけしか情報が無い画面は危うい傾向があると感じています。 実際にPhotoshopのフィルタで確認してみます。 ▲P型(1型) ▲D…

「VOEZ」ショップの訴求画面でスズメが並んでいるのが可愛い!変わった手法の紹介

こんにちは、ちょこです! 「VOEZ」の訴求画面が可愛かったので紹介します! こちらが訴求画面です。白が基調となり、シンプルなデザインになっています。 動きで見るとこんな感じの遷移になります。 これで可愛いと感じたところなのですが、こちらです! す…

「VOEZ」繁体字の句読点は中央にあるんだよ、という話

こんにちは!ちょこです! 「VOEZ」のお知らせ画面の書体が一部繁体字なのが気になりました。 どういう意味かと言うと… こちらの部分です。 ▲句読点が中央にある 漢字やひらがな等の句読点以外は日本語書体なのですが、句読点だけ繁体字のままでした。 繁体…

「VOEZ」動画広告視聴で楽曲がプレイできる実装だった

こんにちは!ちょこです! 「VOEZ」で動画広告を観ると楽曲がプレイできる仕様があったのが気になったので紹介します! 上の画面は「楽曲選択画面」です。 複数のカテゴリで楽曲をフィルタリングすることができるのですが、いくつかの楽曲は動画を視聴するこ…

「ビーナスイレブンびびっど!」ユーザーに悩んでほしくないところは選択肢だけ見て分かるようにすると良さそう

こんにちは!ちょこです! 選択肢を見るだけでユーザーが何をしたら良いのか分かるデザインが良いと感じたので紹介します! こちらの画面です。 レビューをするかしないか、選択肢を見ただけで分かるデザインになっています! こちらは他タイトルのレビュー…

「ビーナスイレブンびびっど!」編成画面は表示するパラメーターが多い画面。目が泳がないようにする工夫が隠れてた!

こんにちは!ちょこです! スタメンのキャラを入れ替える際にボーナスが付くかどうかが、UIが光って知らせてくれて分かりやすかったです! 画面の左上にフィールドのUIグラフィックがあるのですが、光ってるの分かりますかね…。 ▲フィールドが他と比べて明る…

「ドラゴンエッグ」大事なリソースで桁数が多い場合は区切りのカンマがあると分かりやすい

こんにちは!ちょこです! 桁数があまりに多い時は区切りのカンマがないと、一見して桁数がわかりづらく感じます! こちらの画面は課金石で回すガチャの実行確認ダイアログなんですが… 消費数が500万となっててさすがにインフレが凄くて驚きました。 ▲衝撃的…

「戦国アスカZERO」武将一覧画面が良かった。メンタルモデルを活用しつつ、使い勝手も工夫されている

こんにちは、ちょこです! 「戦国アスカZERO」の武将一覧画面が画面の広さを十分に活かしたデザインだと感じました! 左にサムネイルの一覧が表示され、右側に簡易表示されていました。 良いですね! 今までプレイしてきたタイトルのキャラクター一覧画面っ…

「LEGO Star Wars: The Force Awakens(レゴ スター・ウォーズ/フォースの覚醒)」これがレゴの足跡!こういった部分もUXには大切だと思います

こんにちは、ちょこです。 「LEGO Star Wars: The Force Awakens(レゴ スター・ウォーズ/フォースの覚醒)」の足跡が可愛かったので紹介させてください。 歩いてたら地面によく分からない模様が付いてたことに気付きました。 これ、キャラクターの足跡なんで…

「プロ野球PRIDE」黒い背景に赤い文字は避けた方が良い。色の組み合わせには注意が必要。

こんにちは、ちょこです。 「プロ野球PRIDE」で使用されてる文字色が視認性の観点から気になりました。 ▲お知らせ画面 ▲注意事項 ▲クエスト(?)画面のリストの強調表示 以上です。赤い >< 赤文字って強調色として認知されていますが、実は黒地に赤文字って…

「垢のプリンス~恋の人体錬成~」メッセージ送りの位置に話者グラフィックを表示するのはオススメできない

こんにちは、ちょこです。 「垢のプリンス~恋の人体錬成~」の会話ウィンドウにて、キャラの位置が右下にあったのが気になりました。 この画面。 一見するとメッセージ送りかと思いきや、話者のグラフィックです。 ん~…、これはちょっと分かりづらい…。 恐…

「GOLF CRASH -ゴルフクラッシュ-」ストレスのかかる場面でこそ遊び心が大切。操作に合わせて鍵が動くアニメーションについて

こんにちは、ちょこです。 「GOLF CRASH -ゴルフクラッシュ-」にて鍵の表現が面白かったので紹介します。 こんな感じでプレーできないコースには鍵が掛けられているのですが… その鍵が操作に合わせて動くようになっています。 ▲動きます! 細かっ! どうして…

「GOLF CRASH -ゴルフクラッシュ-」お知らせ画面の挙動がシームレス。軽い操作感を実現されていました

こんにちは、ちょこです。 「GOLF CRASH -ゴルフクラッシュ-」のお知らせ画面が良い操作性でした。 どんなところかと言うと… ▲シームレスで開閉 ▲アニメーションするバナーもある これ、どういう運用と実装なのかな。多くのゲームはwebでの実装に見えるけど…

「ディズニー マイリトルドール」タイトル画面にロードの進捗の代わりに遊び心のあるテキストが表示される

こんにちは、ちょこです。 「ディズニー マイリトルドール」のタイトル画面に表示されるロード中のテキストが可愛いな、と思いました。 ▲ここ! ▲アニメーションするとこんな感じ! あまり見ないけど、個人的には遊び心があって好きなデザインです。最近見か…

「ワールドサッカーコレクションS」アプリの場合、はいといいえの位置は他のアプリに倣うことが大事

こんにちは、ちょこです。 「ワールドサッカーコレクションS」ですが、 はいの位置が一般的なアプリと逆になっていました。 ▲これなんでだろう…? PCゲームと同時サービスでもないので単純に開発時の考慮漏れか予定外の運用だったのかな…。 2013年6月が配信…

「ワールドサッカーコレクションS」強化素材が30個も選択できる!運用が長くなるとこの辺の上限値も変えないとストレスになりそう。リリース当初は上限いくつだったんだろう

こんにちは、ちょこです。 「ワールドサッカーコレクションS」の強化の仕様ですが、素材をたくさん選べることに驚きました。 ▲素材が20以上選べる! 恐らく選択できる数の上限は30まで。 ▲ここの値が現在選してる数/選択できる上限 30もかなり多い方じゃない…

「ワールドサッカーコレクションS」スキップ機能といってもゲームによって実装の仕方は検討する必要があるのだな、と感じました

こんにちは、ちょこです。 「ワールドサッカーコレクションS」にて、ゲームテンポを良くするために、スキップ機能が実装されていました。 流れを見るとこんな感じです。 下のチュートリアルで説明されている通り、スキップすると「ハイライト場面まで試合を…

「ワールドサッカーコレクションS」タイトル画面に広告を仕込むのはアリか?個人開発の場合はアリ、企業開発の場合はやや疑問

こんにちは、ちょこです。 「ワールドサッカーコレクションS」のタイトル画面で気になる導線がありました。 タイトル画面にこの導線を用意するのかー…。 これ、何かというと他ゲームへの導線なんですよね。 タップするとこんな感じでコナミ社がサービス提供…

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

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

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

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

「アークナイツ」ショップのコスチューム画面の表現がやはりパララックス的。コスチュームの色数を絞るところからデザインされていてきれい。

こんにちは、ちょこです。 「アークナイツ」でコスチュームのショップのデザインが超良かったので超紹介します。 こちらの画面です。静止画でもかっこ良いです。見せたいものが明確で情報もシンプルにまとまっています。 「静止画でも」と書いたのは、動かし…

「アークナイツ」誤タップが怖い!ボタンが指で隠れないように気を付けて!

こんにちは、ちょこです。 「アークナイツ」でボタンの配置が良くなく、指でボタンを隠してしまう画面がありました。 フレンド申請を承認するかどうかの画面右側にある「承認する」か「申請を拒否する」のボタンです。 これです。 ▲上下に並んでるぞ! 指を…