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

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

2024-01-01から1年間の記事一覧

【小テスト】UIデザイナー向け ヒューマンインターフェイスガイドライン -アクセシビリティ編-【全5問】

こんにちは、ちょこです。Appleの『ヒューマンインターフェイスガイドライン』を元に振り返り用の小テストを作成しました。知識の棚卸の参考になれば幸いです。今回は「アクセシビリティ編」です。全5問です。 Q1:ヒューマンインターフェイスガイドライン…

【小テスト】UIデザイナー向け ヒューマンインターフェイスガイドライン -アプリアイコン編-【全5問】

こんにちは、ちょこです。Appleの『ヒューマンインターフェイスガイドライン』を元に振り返り用の小テストを作成しました。知識の棚卸の参考になれば幸いです。今回は「アプリアイコン編」です。全5問です。 Q1:ヒューマンインターフェイスガイドラインで…

「ドラゴンクエストモンスターズ3 魔族の王子とエルフの旅」プラットフォームやデバイスによってUIの見た目や挙動にどのような違いがあるか比較しました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ドラゴンクエストモンスターズ3 魔族の王子とエルフの旅」(以下「DQ…

「フェスティバトル」バッテリー残量が表示されるのは回線切断時のペナルティのリスクを抑えられるからだろうか

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「フェスティバトル」(以下「フェスバ」)からバッテリー残量と回線状…

「フェスティバトル」縦画面において左右フリックでタブを切り替えられるのが便利

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「フェスティバトル」(以下「フェスバ」)から左右フリックでタブを切…

「フェスティバトル」背景をぼかして彩度をさげ、アイコンに視線が誘導されやすいデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「フェスティバトル」(以下「フェスバ」)からアイコンの優先度付けと…

「フェスティバトル」配信画面のトグルボタンのUIが斬新で分かりやすい

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「フェスティバトル」(以下「フェスバ」)から配信&視聴機能のUIついて…

「フェスティバトル」配信&視聴機能の紹介とユーザーの反応紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「フェスティバトル」(以下「フェスバ」)から配信&視聴機能ついてご紹…

「フェスティバトル」タッチ操作とコントローラー操作に対応しているUIの事例紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「フェスティバトル」(以下「フェスバ」)から操作するデバイスごとのU…

「ライドカメンズ」ユーザーIDは縁取りして可読性を担保すると良さそう

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ライドカメンズ」(以下「カメンズ」)からタイトル画面でのユーザーI…

「ライドカメンズ」スタミナ一括消費、スタミナ消費回数分だけ報酬獲得の抽選が行われる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです!今回は「ライドカメンズ」(以下「カメンズ」)のスタミナ一括消費機能を紹介し…

「ライドカメンズ」SNSでの公開を想定し、プロフィール情報の一部を隠せるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ライドカメンズ」(以下「カメンズ」)にて、自分のプロフィール情報…

「ライドカメンズ」一人称が私と僕で選べる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ライドカメンズ」(以下「カメンズ」)の一人称を設定できる事例をご…

「ライドカメンズ」でゲーム開始日を『エージェント就任日』と表記し、ゲームの没入感を高める事例

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ライドカメンズ」(以下「カメンズ」)のゲームの没入感を高めるテキ…

「星になれ ヴェーダの騎士たち」コントローラーパッド対応のスマホゲームのオプション項目の事例

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「星になれ ヴェーダの騎士たち」(以下「星になれ」)のオプション画面…

「星になれ ヴェーダの騎士たち」ゴシックと明朝体の使い分け

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「星になれ ヴェーダの騎士たち」(以下「星になれ」)のフォントの使い…

「星になれ ヴェーダの騎士たち」プレゼントを受け取る前と後でサムネイルのデザインが変わるのでわかりやすい

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「星になれ ヴェーダの騎士たち」(以下「星になれ」)のプレゼントを受…

【TIPS:ローディング画面】世界観を取り入れたローディングメッセージの事例や要点まとめ

こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回はゲーム起動直後のロード画面で表示される、世界観が含まれたローディン…

「星になれ ヴェーダの騎士たち」ゲーム起動時のロード中に表示される世界観溢れるメッセージ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「星になれ ヴェーダの騎士たち」(以下「星になれ」)からゲーム起動時…

【TIPS:レビュー誘導のダイアログ】レビュー誘導のダイアログをデザインする際の参考要素まとめ

こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! ここでは過去プレイしたゲームをもとに、レビューに誘導するダイアログをデザ…

「星になれ ヴェーダの騎士たち」評価ダイアログのデザインの工夫まとめ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「星になれ ヴェーダの騎士たち」(以下「星になれ」)から。レビューを…

【TIPS:サーバー選択画面】サーバー選択画面をデザインする時に気を付けたいことまとめ

こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! ここでは過去プレイしたゲームをもとに、サーバー選択画面のUIについてまとめ…

「ブレイクマイケース」アカウント削除する時に誤操作を徹底的に防ぐために長めの文字列を入力させるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ブレイクマイケース」(以下「ブレマイ」)からアカウント削除をする…

【TIPS:ユーザーID】ユーザーIDを誤って配信に乗せないための工夫

こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! ここでは過去プレイしたゲームをもとに、ユーザーIDの表示方法についてまとめ…

「ブレイクマイケース」ホーム画面のキャラ変更方法

こんにちは、ちょこです。今回は「ブレマイ」のホーム画面に表示されているキャラの変更方法を紹介します。ミッションクリアのために操作が必要な方の参考になれば幸いです。 ホーム画面のキャラ変更方法は以下の手順で行えます。 【キャラ変更方法】 1:ホ…

「ブレイクマイケース」ゲーム内からバッテリー残量やwifiの接続状況が確認できるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ブレイクマイケース」(以下「ブレマイ」)からホーム画面でバッテリ…

「ブレイクマイケース」名前だけにルビを振るデザインだった 初見で誤読を防げるので配信者も安心

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ブレイクマイケース」(以下「ブレマイ」)からADVパートでのルビの使…

【UE5】UE4のデフォルトレイアウトに戻したい【解決】

UE5

こんにちは、ちょこです。 ここではUE5を学習する中で得た知見を書き残しておきます。同じくUE5を学習したいUIデザイナーさんの参考になれば幸いです。 久々にUE起動したら見慣れないレイアウトでした…。以前のレイアウトに戻す方法あるかなー…、とメニュー…

「ブレイクマイケース」メインコマンドの導線ある

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ブレイクマイケース」(以下「ブレマイ」)からメインコマンドにアク…

「ブレイクマイケース」フレンド申請にはフレンドNoを使い、ユーザーIDが誤って表示されるリスクを減らすデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ブレイクマイケース」(以下「ブレマイ」)からユーザーIDについてご…