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

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

「スターセイヴァー」Steam版とiOS版のUIを比較しました(シリーズ第16弾)

こんにちは!ちょこです!

このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです!

今回は「スターセイヴァー」のSteam版とiOS版の画面を比較したのでご紹介します。比較シリーズ第16弾です!

Steam版はコントローラー操作非対応なのと、PCでもキーボードは使わずにマウスで操作するタイプでした。かなりシンプルな対応になっていると感じます。

 
◆◆◆◆◆◆◆◆◆

◆◆◆◆◆◆◆◆◆

▲コントローラーはサポートしていない

 

以下、目次です。

 

プラットフォームによる違い

プラットフォームによるUIの違いは以下の3点です。

  1. アカウント連携できるサービスが違う
  2. オプション項目に違いがある
  3. 通貨の表示形式が違う

それぞれ詳細を記載します。

1:アカウント連携できるサービスが違う

Steam版とiOS版とではアカウント連携できるサービスに違いがありました。
Steam版はSteamアカウントと連携、iOS版はGoogleやAppleアカウントと連携できます。

Steam版 iOS版

◆◆◆◆◆◆◆◆◆

f:id:appgameui:20260405213823p:image

◆◆◆◆◆◆◆◆◆

◆◆◆◆◆◆◆◆◆



 

  • 既存アカウントにSteamアカウントを連携
  • 新規アカウント作成
  • Googleアカウント
  • Apple Account

 

2:オプション項目に違いがある

プラットフォームによって、主に画面表示やサウンド周りのオプション項目に違いが見られました。
基本的には最小限の差分に抑えているのかな、という印象です。

Steam版 iOS版

◆◆◆◆◆◆◆◆◆

◆◆◆◆◆◆◆◆◆

f:id:appgameui:20260405213953p:image

f:id:appgameui:20260405213958p:image

ゲーム
  • 属性相性表示
  • 一般オートバトル
  • 救援の旅オートバトル
  • ストラテジー戦オートバトル
  • 救援の旅オート
  • 倍速バトル
  • 入場時の警告表示
  • ランキング目標達成通知表示
  • SD演出短縮
  • ヘルプ

ゲーム

  • 属性相性表示
  • 一般オートバトル
  • 救援の旅オートバトル
  • ストラテジー戦オートバトル
  • 救援の旅オート
  • 倍速バトル
  • 入場時の警告表示
  • ランキング目標達成通知表示
  • SD演出短縮
  • ヘルプ

◆◆◆◆◆◆◆◆◆

◆◆◆◆◆◆◆◆◆

f:id:appgameui:20260405214015p:image

f:id:appgameui:20260405214025p:image

グラフィック

  • グラフィック品質
  • 解像度
  • フレームレート
  • レンダースケール
  • テクスチャ品質
  • 反射
  • シャドウ
  • アンチエイリアス
  • 背景
  • ポストプロセス
  • 背景NPC
  • グラフィック品質
  • -
  • フレームレート
  • レンダースケール
  • テクスチャ品質
  • 反射
  • シャドウ
  • アンチエイリアス
  • 背景
  • ポストプロセス
  • 背景NPC

◆◆◆◆◆◆◆◆◆

f:id:appgameui:20260405214036p:image

言語設定

  • 音声言語
  • 文字言語

言語設定

  • 音声言語
  • 文字言語

◆◆◆◆◆◆◆◆◆

f:id:appgameui:20260405214056p:image

サウンド

  • 音声
  • バックグラウンドミュート
  • マスターボリューム
  • BGM
  • SE
  • ボイス

サウンド

  • 音声
  • -
  • マスターボリューム
  • BGM
  • SE
  • ボイス

◆◆◆◆◆◆◆◆◆

f:id:appgameui:20260405214113p:image

アカウントの管理

  • カスタマーサポート
    • ガイド
    • コミュニティ
    • カスタマーサポート
  • ログイン設定
    • サーバー選択
    • ログアウト
    • サーバーアカウント初期化
  • アカウントの連携
    • -
    • -
    • -
    • モバイルアカウント連携
    • 連携コード入力

アカウントの管理

  • カスタマーサポート
    • ガイド
    • コミュニティ
    • カスタマーサポート
  • ログイン設定
    • サーバー選択
    • ログアウト
    • サーバーアカウント初期化
  • アカウントの連携
    • Googleアカウント連携
    • Apple Account連携
    • モバイルアカウント連携
    • 連携コード入力
  • プッシュ通知の受信に同意

 

3:通貨の表示形式が違う

Steam版とiOS版とで通貨の表示形式に違いがありました。
Steam版は通貨記号(¥)が使用され、iOS版は通貨コード(JPY)が使用されていました。

これはプラットフォームが採用する決済ツールなどの影響なのかな…。
さすがにこの辺りになってくるとUIデザイナーが実装に関与することは稀だと思うけど、どうなんだろう…。個人的には文字列の長さの目安を把握する程度で考えておくと良いのかな、と思っています。

Steam版 iOS版

◆◆◆◆◆◆◆◆◆

f:id:appgameui:20260405222902p:image

◆◆◆◆◆◆◆◆◆

◆◆◆◆◆◆◆◆◆

 

 

以上がSteam版とiOS版のUIの違いを比較したものです。
マルチプラットフォームのUIをデザインする際の参考になれば幸いです。

 

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
もし良かったら話のネタ程度に他の方に紹介していただけると嬉しいです。

 


権利者さまへ

 

以下はコンテンツ利用に関する認識の説明です。

「スターセイヴァー」のガイドラインを確認したところ、以下の記載がありました。

第2条(二次創作活動の資格要件)

1)二次創作活動の範囲は、個人または法人格のない団体が、当社が定義する「非営利目的の場合」に限り、自由に行うことができます。

2)「非営利目的の場合」の基準

  • 個人または法人格のない団体が趣味の活動の一環として二次創作物を制作し、その制作に要した原材料費や印刷費、輸送費等の実費相当額を回収する範囲内で対価を得る場合を含みます。
  • ただし、二次創作物の販売を通じて継続的な収益を創出する場合や、企業または団体が商業目的で利用する場合は、「非営利目的」には該当しません。

3)法人格のある企業もしくは団体で二次創作活動を希望する場合、または本ガイドラインの判断基準を超える二次創作活動を希望される場合は、当社までお問い合わせください。

 

第3条(ストリーミング)

当社のゲームIPを利用したゲームストリーミングや動画投稿、スクリーンショット等の掲載は、個人及び法人格の有無や団体の別を問わず、自由に行っていただけます。ただし、本ガイドラインの他の条項、特に第2条(二次創作活動の資格要件)および第4条(禁止事項)を遵守いただく必要がございます。

StarSavior

これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。

「スターセイヴァー」の二次創作ガイドラインです。2026/4/5確認

画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。

 

お問い合わせ