ハッシュタグ記事一覧

「テラウォーズ」サービス開始前に見られた先行データダウンロードの仕様が賢い！メンテナンス明けにも使えそう

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 テラバトルシリーズの「テラウォーズ」が7/1リリースされました。サーバートラブルなどなく無事プレイできて良かった…。 …で、ゲームを始める前に良かったなー、と思う機能があったので紹介します！ 正式サービス開始前にストアからアプリはダウンロードできていたのですが、 任意で先行データがダウンロードできる仕組みが実装されていました！ こちらのボタン。 押すと以下のようにデータをDLできます。 これすごく良い仕様だと思いました！ サービス開始前にストアからアプリをダウンロードすることがあまり無かったので、今回初めて知りました。 この仕様の意…

2022/04/10 11:26

「最果てのバベル」バトル画面のUIがアップデートして良くなったところ。まだ残っている課題をまとめました。

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今回はバトル画面に関して書いてみます。 ここでもやはり「ユーザーにやらせたいことが分からない」という点が気になりました。 バトルに仕様変更はいりました！ 誤操作することがある ユーザーに何をさせたいのか オートモードから倍速にするときの手数に関して バトルに仕様変更はいりました！ リリース直後は、「オートモード中に画面をタップするとオートモードが解除され、等速に切り替わる仕様」でした。 その後、この仕様は不具合というアナウンスがなされました。 不具合じゃなくて仕様だと思うんだけどな…と思っていたら後日仕様変更のアナウンスになり、以下…

2022/04/10 11:26

「テラウォーズ」ストーリーのテキスト演出のことを考えてみた

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「テラウォーズ」ストーリーのテキストが相変わらず雰囲気があって良い感じです。独特の世界観があります。 ▼gif (ストーリー演出一部) この演出の意図を推測してみるのですが、世界観の演出だけでなく、読みやすくしないことによって一文字一文字に集中する演出になっているのかも。と思いました。 昔あった、新聞の切り抜きを利用した予告文、的な。 あれちょっと不気味な感じしますよね。 特に「」した。 みたいに文字が後になって出てくる、という演出は強烈に印象に残ります。 また、プロポーショナルフォントを使ってるのもポイント高いです。 プロポーショ…

2022/04/10 11:26

「最果てのバベル」プロローグとTipsの表示は分けた方が良いかどうか問題。

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 最果てのバベルの最初のDL画面でプロローグ、Chapterの内容、Tipsが混在しているのが気になりました。 これ結構意見分かれているのかな、と思います。 まずプロローグの情報 チャプターのあらすじ。 ちなみに表示されるあらすじは進行中のチャプターのあらすじとなっています。なので物語を進めると表示される内容も変わるようになります。 各種Tips こういったカテゴリの情報が、タップするたびにランダムで切り替わります。開発側は混在が気にならないタイプなのか…。なるほどー…。 であれば、それはそれでOKです。 ただ、私は気になりました。混…

2022/04/10 11:26

「七つの大罪 光と闇の交戦 : グラクロ」UXを考慮したtipsの出し分け。小さな箇所でもよくできる箇所はいくらでもあると気付かされました。

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 以前、「グラクロは遷移によってロード画面のデザインを変えている」という旨の記事を書きましたが、それだけではなくて、表示するtipsの出し分けもしているようです。 早速紹介していきます。 まずは酒場に遷移する時だとこんな感じ。 表示されているtipsは「訪れたお客さんたちと会話して親密度ポイントを獲得しましょう。」 これは酒場にある機能に関して言及しています。 村だとこんな感じ 「村人の依頼をクリアすると村の友好度が上がります。」 これも村の機能に関して言及してますね。本当の意味で有用なtipsになっています。 バトルに遷移する時はこ…

2022/04/10 11:26

「七つの大罪 光と闇の交戦 : グラクロ」コスチューム登録した時、ハンガーに掛けるストーリーのデザインが素敵

こんにちは、ちょこきなこです。 引き続きグラクロのUIで良かった点を紹介していきます。 やっていることとしては「アイテム袋からアイテム取り出して、装備」なんですが 「クローゼットから服を取り出して、お気に入りに並べる」というストーリーに仕立て上げています。 これはすごいなー、と感心します。 これは私の場合ですが、割と要素を最適化する傾向があるので「○○と同じことをしている」と考えがちなんですよねー…。 思考を因数分解するというか、UIのアトミックデザイン寄りというか…。 なので、ひとつ変えると影響範囲を考慮しなければいけないのですが、やりすぎてしまうと、割とシステマチックでデザイナーのエゴなの…

2022/04/10 11:26

「とある魔術の禁書目録 幻想収束 （IF:イマジナリーフェスト）」タイトル画面でキャラとロゴが被る。作品に対するリスペクトを持ってほしい。

こんにちは、ちょこきなこです。 とあるIF出ましたね。早速プレイしてました。 で、初手から気になったのですがタイトル画面でキャラの顔が被ってしまうのは勿体ない…。 すごく被る。特に狙ってなくても大体こんな感じで被ります。 全編かぶりっぱなしでもなく、時々被らない構図もあります。 まぁ、これも大概ですが…。 PVは大体画面の中央でキャラクターが動いているので、その中央にロゴが表示されているんだから被るのはほぼ不可避。 クエスト画面も同様にアニメーションが流れているのですが、これも大体被ります。 キャラクターもののIPなので、ちゃんとキャラクターを見せた方が良いんじゃないかな、とは思います。 恐ら…

2022/04/10 11:26

「最果てのバベル」操作性はUIにとって重要課題。誤タップしがちなUIとマップ移動のデザイン。

こんにちは、ちょこきなこです。 今日は「最果てのバベル」の全般的な操作性に関して考えてみました。 誤タップについて 街のマップのデザインについて 移動に関して 誤タップについて 「最果てのバベル」は全体的にボタンが小さく、誤タップを起こしやすいデザインです。その中でもボタンが密集している部分は特に誤タップの確率が上がります。特に気になった箇所を取り上げます。 この画面のボタン… 誤タップするのはこちらの画面の「回復」のボタンです。 このゲーム、基本的にはこの「回復」ボタンを押してHPを回復します。 プレイスタイルにもよりますが、回復は小まめにやるより、死にそうになったら一気に回復する方がタップ…

2022/04/10 11:26

「ヒーローズ オブ オーダー&カオス」アラビア語対応してたので日本語のUIと画面比較しました。アラビア語のUIを作る時に注意したいこと。

こんにちは、ちょこきなこです。 「ヒーローズ オブ オーダー&カオス」がアラビア語対応していたので、主だった個所を紹介してみます。 1：ホーム画面 2：プロフィール画面 3：オプション画面(ネットワーク) 4：オプション画面(サウンド) 5：イベント画面 1：ホーム画面 まずはホーム画面です。日本語はこんな感じ。 そしてアラビア語。基本的には右詰め。開始点をどこにするかによって、セーフエリアも変わってきそう。 やはり特徴的なのは、分母と分子が入れ替わってる部分でしょうか。 よく見ると「/」の向きも逆になって「\」になっていますね。 これは見落としそう。 2：プロフィール画面 プロフィールはこん…

2022/04/10 11:26

「とある魔術の禁書目録 幻想収束（イマジナリーフェスト）IF」オートモードを引き継ぐ設定は便利！

こんにちは、ちょこきなこです。 とあるIFで良いなー、と思ったオプション機能を紹介します。 「オートモードの引継ぎ」「倍速モードの引継ぎ」の設定です。 どういうものかというと、バトル中はオートと倍速が設定できます。 ▼左上にあるボタンです この設定は、バトル終了時にリセットされるゲームと設定が引き継がれるゲームがあります。 通常の雑魚戦ならオート＆倍速で良いのですが、ボス戦のような難易度の高いバトルは手動にしないと厳しい。 そういった場合の事故を防ぐためにオートを解除する、ということも考えられます。 そういったこともあるので、オート設定を引き継ぐオプションがあるのは便利だなと思いました。

2022/04/10 11:26

「王子様のプロポーズ Eternal Kiss」メッセージが指で隠れてしまうストレスから解放される！他ではあまり見ないUIのカスタム仕様

こんにちは、ちょこきなこです。 「王子様のプロポーズ Eternal Kiss」を触っています。 このシリーズ、というかボルテージさんのアプリの特徴の一つとして、メッセージウィンドウの位置を上下にカスタムできる仕様があります。 こういう設定、他では見たことないんですよね…。 ちなみにこちらが通常位置です。 こちらが少し上げたもの 通常、画面の下の方がタップしやすいのですが、指でメッセージが隠れてしまいがちです。 メッセージウィンドウを少し上にあげることによって、指でテキストが隠れなくなります。 また、顔付近に情報が集まるので、表情とテキストを行き来する視線の距離が短くなり、読み取りやすくなりま…

2022/04/10 11:26

「ドクターマリオワールド」パズルゲームなら色覚多様性の対応は必須。改善案を考えてみたので開発者に届けたい！

こんにちは、ちょこきなこです。 事前DLしてたドクターマリオワールドがサービス開始していました。 BGM懐かしい！ 早速UI周りを見てみます。 パズルゲームなので「色覚多様性」の対応が気になりました。 この3色の組み合わせは大丈夫そう。 念のためPhotoshopのフィルタで確認してみました。 ブロック部分と赤は気になるけど、ウイルスの方は動いているのでギリ許容かなぁ…。 他の色の組み合わせも見てみます。 Photoshopのフィルタで確認してみます。 ん～、ちょっと怪しいかも…。 ウイルスの方はシルエットや表情でも分けてるのでギリギリ…か？ それより問題はカプセルの方です。 これはシルエット…

2022/04/10 11:26

「王子様のプロポーズ Eternal Kiss」力を入れるは世界観！

こんにちは、ちょこきなこです。 王子様のプロポーズのUIの話なのですが、このタイトル、基本的には簡素なUIのパーツで作られています。 ただ、世界観というか、 物語に没入できる部分に関してはグラフィックに凝ったデザインになっています。 いくつか具体例をあげます。 1：思い出アルバム 2：世界地図 3：キャラクター詳細画面 1：思い出アルバム 思い出アルバム、という画面です。 「アルバム」という言葉を選び、大切な記録、という印象を与えます。 これが「ライブラリー」だと、感情が除外され、ただの記録という側面があります。 アルバム感を出すために、写真をモチーフにしたUIを採用しています。 レイアウトに…

2022/04/10 11:26

「最果てのバベル」メニュー周りの設計について書いてみました。意図が伝わるデザインを常に意識したい。

こんにちは、ちょこきなこです。 最果てのバベルですが、ここまで、 何を見せたいのか、という軸で書いてきましたが、メニュー画面でもやはり同様の感想を抱きます。 1：パーティ画面のソート機能がある意図は？ 2：キャラクターの強化の導線 3：アイテム画面の情報が整理されていない まとめ 1：パーティ画面のソート機能がある意図は？ 例えばこのパーティ画面。ソートボタンがあるのは良いのですが、意図が分かりません。 ソートボタン。 この画面では何を見せたいのか、考えてみます。 現在、チャプター22まで進めていますが、プレイアブルなキャラは9名です。この情報量であれば果たしてソートが必要な場面はどういった場…

2022/04/10 11:26

「とある魔術の禁書目録 幻想収束（イマジナリーフェスト）IF」ログインボーナスの見出しがタイトルロゴっぽくて素敵

こんにちは、ちょこきなこです。 とあるIFの、見出しがログインボーナスがロゴ風なのはカッコいいなと思いました。 IPならではのデザインになっているのは素敵だなと思います。 とあるのロゴはこんな感じ。 ダンまちでもありましたね。こっちは汎用的な画面の見出しに使われていました。 IPには世界観があるので、見出しに限らずデザインを取り入れるのは没入感を得る意味でも大事だなって思っています。

2022/04/10 11:26

「とある魔術の禁書目録 幻想収束（イマジナリーフェスト）IF」名前入力画面の文字が暗い。文字の視認性は大事。

こんにちは、ちょこきなこです。 とあるIFの画面にて、文字の視認性で気になる部分がありました。こちらです。 暗い！ 見えますかね…。明るくしてみました。 枠内に「プレイヤー名」と表示されています。 単純に文字の色の設定か、下地の色の設定ミスの可能性もありますが、文字はある程度読めないと良くないです。 また、割と最初に表示される画面なので、きちんと作った方が良いです。いわゆる「初頭効果」です。 最初の印象って大事なので、ここで雑な作りになっていると、その後の情報にも悪影響を及ぼします。なので、最初の方をきちんと作った方が後々にも良い印象に寄るので、メリットがあります。

2022/04/10 11:26

「コルヌ・コピア」素敵な会話パートのデザインから学ぶ、11の見た目の変化。

こんにちは、ちょこきなこです。 「コルヌ・コピア」からUIの紹介です。 会話シーンがやたらドラマティックにみえたので遠近、ポーズ差分、表情差分など紹介してみます。 アドベンチャーパートを作る際の表現の参考までに。 1：ノーマル 2：スチル風 3：スチル差分 4：少しカメラを寄せた画 5：片方だけ近づく画 6：画面端に配置する画 7：表情を隠す画 8：会話ウィンドウのレイアウト変更 9：画面分割 10：キャラクターを回転させる 11：回転+複数表示 1：ノーマル 基本スタイルですね。 2：スチル風 こういう感じでイラストみたいに表現するケースもよくありますよね。 3：スチル差分 イベントに合わせ…

2022/04/10 11:25

「王子様のプロポーズ Eternal Kiss」メール機能に見るスキューモーフィズムデザイン。

こんにちは、ちょこきなこです。 「王子様のプロポーズ Eternal Kiss」の話です。このゲームには「手紙」という機能があります。 どんな機能かというと「メール」です。あるいはショートメールかもしれない。 要するに、 王子たちと会話だけではなく、文章でのコミュニケーションを取ることによって、より現実に即したやりとりを模した機能です。 こう書くと無味乾燥が凄いですね…。 実際の画面はこちらです。 メールの一覧があり、いずれかを選択すると… こんな感じで王子からのメッセージが読めます。 それはそれとして、なぜメール風のデザインになっているのか、という話です。 専門用語でスキューモフィズム、と言…

2022/04/10 11:25

「王子様のプロポーズ Eternal Kiss」首筋にフォーカスする構図から見る、イラストレーターが意識するUXの話

こんにちは、ちょこきなこです。 今日は「王子様のプロポーズ」からの話です。 はい首筋！ 男性が見落としがちなパーツの一つです。 首って性差がある場所なので、セクシーさをアピールしやすい場所ではあります。 この世界では喉仏を描くデザインと省略するデザインに分かれるのですが、このタイトルは描かないデザインですね。 また、主人公の腕が描かれているのは「幻肢」と呼ばれる錯覚に関係してそう。 学術的な根拠はありませんが、自分の手でなく、仮想のものでも自分の身体のように錯覚することが実験結果としてあります。 https://www.afpbb.com/articles/-/2938487?cx_amp=a…

2022/04/10 11:25

「とある魔術の禁書目録 幻想収束（イマジナリーフェスト）IF」事前DL機能はやはり便利！

こんにちは、ちょこきなこです。 とあるIFのサービス開始前の事前DLは良い機能だな、と思いました。 先日のテラウォーズでも同じ仕様がありましたね。 あっちは「先行データダウンロード」こっちは「一括ダウンロード」というテキストが使われていました。 この機能、もう結構一般的なんですかね。 同じ機能なのですが、前者の「先行データダウンロード」の方がボタンの目的が分かりやすかったです。 一括ダウンロードだと、端末の容量に配慮したり、ゲーム開始時の待ち時間を短くするためなど、そう言った経緯があってのテキストなので、正しく伝わりづらいのかな、と感じたためです。 今まであまり事前DLをしていなかったのですが…

2022/04/10 11:25

「ワンダータクティクス」多言語対応していたので恒例のロゴ比較をしてみました

こんにちは、ちょこきなこです。 「ワンダータクティクス」をプレイしました。このゲーム、色んな言語に対応していたので、各言語のロゴを紹介してみます。 多言語対応する際に、ロゴのバリエーションをどの程度作成すれば良いのかの目安になればと思います。 日本語 ドイツ フランス 簡体字 繁体字 ハングル タイ語 日本語 装飾もなく、ふつーのロゴですね。シルエットはいじっていますが、背景のドラゴンと関わりある感じのデザインでもないので、特徴もないような…。 強いて言うなら、この方向で行くのであれば「ク」と「ス」の間の一部が混じっちゃってるので文字間は空けた方が良いかもね、くらい。 ドイツ ドイツはドイツ語…

2022/04/10 11:25

「最果てのバベル」UIレビューまとめ

こんにちは、ちょこきなこです。 一旦最果てのバベルの記事を投稿し終わったので、まとめておきます。 1：会話シーンについて 2：メニュー周りの設計について 3：誤タップしがちなデザインについて 4：情報の整理の仕方について 5：バトルのUIについて 1：会話シーンについて アドベンチャーパートとも呼ばれますが、一番見せたい仕様がきちんと考えられていなかったので、その点について書いてみました。 2：メニュー周りの設計について バベルの場合、「何を見せたいのか」という軸で考察してたのですが、メニュー周りの設計に関して書いています。 3：誤タップしがちなデザインについて ボタンの小ささと連打する設計に…

2022/04/10 11:25

「ワンダータクティクス」節電と発熱防止設定の紹介。地域によって当たり前に入っている機能なのかな。

こんにちは、ちょこきなこです。 ワンダータクティクスは結構色んな設定が設定があり、その中でも「節電・発熱防止」の設定が気になりました。 これ「七つの大罪」にもあった節電設定です。 アジア圏、特にCom2uSはタイやインドネシアにも支社を用意しています。(2019/7時点)それぞれの年間平均気温を調べてみると、タイ(バンコク)は29度、インドネシア(ジャカルタ)は27.6度でした。 暑いっ！ 日本と比較して暑い地域なので、暑さに対する感度は日本より高く、発熱防止は重視されるのかもしれません。 また、タイは問題なさそうですが、インドネシアは通信インフラの地域格差があるようです。 ▼タイの通信環境の…

2022/04/10 11:25

「COUNTER: SIDE（カウンターサイド）」配信を念頭に置いたゲーム設定があるよ

こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「COUNTER: SIDE（カウンターサイド）」から、配信を考慮したゲーム設定をご紹介します。 該当の画面はこちらです。 ゲーム設定画面の下部に「ストリーミング設定」という項目があります。設定の説明文は以下です。 ストリーミング設定：UID、ニックネーム、コンソーシアム情報のブラインド有無を設定します。 設定は以下の3つが選択できます。 すべて表示 相手の情報を非表示 すべて非表示 デフォルトでは「すべて表示」が選…

2022/04/10 11:25

「七つの大罪 光と闇の交戦 : グラクロ」ミッションに対応したクエストの表示が分かりやすい

こんにちは、ちょこきなこです。 グラクロのUIの紹介をしていきます。今日はミッションに対応したクエストの表示UIに関してです。 クエストリストの下に関連しているミッション名が表示されているので、迷わないようにするための工夫が見えます。 クエストがたくさんあるし、どのミッションに対応していたか、あと何回クエストに行ったらミッションがクリアになるのか、進行具合や実行回数も分かるようになっています。 よく、進行状況を確認するためにミッション画面なりウィンドウを開いて確認しますが、これはそういった煩わしさもありません。 手数が減って良い工夫だなと感じました。 意外とこういったデザインのゲームは見なかっ…

2022/04/09 11:23

「ワンダータクティクス」タイ語にしたら古代文明っぽくて新鮮だった！

こんにちは、ちょこきなこです。 「ワンダータクティクス」で使用する言語をタイ語にしてプレイしてみました。 読めないけど。 タイ語対応のゲームは珍しいかも。 まず最初に表紙されたのはキャラクターの訴求画像でした。 思ったよりやばい！ 発音できない世界の獣感がすごい！テンション上がります！！！ 次に表示されたのはこちらの訴求画像です。 何書いてるか分かりませんが、 古代文明！ って感じがします。 フランス語はいい感じで厨二っぽい。「d'」の辺りが特に。 何書いてるかわからないけど。 日本語はこんな感じ。 一気に目が覚めました。 「ようこそ」って感じが丁寧で観光地みたい。かわいい。 さっきまでの異世…

2022/04/09 11:23

「Sky 星を紡ぐ子どもたち（Sky: Children of the Light）」主な画面UIまとめ

こんにちは、ちょこきなこです。 「Sky 星を紡ぐ子どもたち」がリリースされ、一部で話題になっています。グラフィック部分でのUI(いわゆるGUI)はあまりないのですが、どんなUIなのか一通り紹介します。 1：タイトル画面 2：メインUI 3：メニュー画面 4：招待メニュー 5：フレンドメニュー 6：操作方法の設定 7：精霊メニュー 8：自キャラのアクションメニュー 9：ショップメニュー 10：チャットウィンドウ 11：アバター変更画面 12：Tips表示 13：フィールドタイトル 1：タイトル画面 タイトル画面。定番の「TAP TO START」がないのが印象的。 2：メインUI 呼び出して表…

2022/04/09 11:23

「ワンダータクティクス」レビューするタイミングとデザインについて考えてたら規約が変わってたことに今更気付いた話

こんにちは、ちょこきなこです。 「ワンダータクティクス」において、レビューに誘導するポップアップが出るタイミングですが、ある程度ストーリーをクリアしたタイミングでした。 レビュー誘導するタイミングは各社色々試行錯誤している印象です。 ただ、デザインに関してはカスタムデザインのウインドウだったのが気になりました。 一般的にはこういうシステムのデザインを使っているので。 …で、調べてみたのですが、意外なことが分かりました。 以下のサイトによると http://crossbridge-lab.hatenablog.com/entry/2017/06/14/113255 レビューへ誘導するカスタムアラ…

2022/04/09 11:23

「王子様のプロポーズ Eternal Kiss」次回予告はなぜあるのか？心理学の側面から調べてみました

こんにちは、ちょこきなこです。 王子様のプロポーズの次回予告のデザインについて書いてみます。 このアプリはストーリーの終わりに、次回予告が少しだけ読める仕様になっています。 アニメとかドラマにもありますよね。次回予告。 予告は大体これくらいの文章量でした。 部分だけ抜き出してもよく分からなかったので、会話ログを貼っておきます。 この仕様によって、次の展開が気になる仕掛けになっています。 アドベンチャーゲームはあまりやってきてなかったけど、ストーリーを読ませたいのであれば、こういった工夫はよくあるのかな…。 気になったので少し調べてみたところ、心理学では「ツァイガルニック効果」と呼んでいるそうで…

2022/04/09 11:23

「ワンダータクティクス」強化素材がレアリティごとに設定できるオプション。サービスの運用を続けるとペルソナも更新されるのだと感じた。

こんにちは、ちょこきなこです。 「ワンダータクティクス」ではレアリティごとにオススメ強化の設定できます。 このボタンから遷移できます。 星2の設定はこんな感じ 星6だとこんな感じです。 どこが違うのか、というと右側に表示されている使用する素材のレアリティが異なります。 この設定ができるゲームは見たことが無かったです。 育成機能は初心者から上級者まで使うので、いろんな要望があげやすい場所ではあります。 …なので、機能としては便利なのかもしれませんが、初心者からすると仕様が複雑に見えるので慎重になりたいところ。 よく「デザインする前にペルソナを設定しよう」という話を聞きますが、サービスを運用するに…

2022/04/09 11:23

「七つの大罪 光と闇の交戦 : グラクロ」画面外に表示されているアイコンが便利！

こんにちは、ちょこきなこです。 今回はグラクロのクエストのマーカーのデザインの話です。 村の中にあるクエストのアイコン(マーカー)をタップすると、わざわざカメラを回して探さなくてもショートカット一発でそこまで移動して、アクションまでおこなってくれます！ このマーカーをタップするとクエストが開始する場所まで移動してくれます！(2回目) これによって以下のメリットがあります。 ・常に指動かしてキャラを移動させなくて良い・指を動かす範囲が下の方でまとまっている・ミニマップのマーカーを見ながら操作しなくて良い・視線が動かないので、画面に集中できる などです！ また、発生するイベントの種類によって、マー…

2022/04/09 11:23

「王子様のプロポーズ Eternal Kiss」盛り盛りのストーリータイトル画面。最近見ないのでアイディアの幅としてご紹介。

こんにちは、ちょこきなこです。 王子様のプロポーズ物語の中心の出入り口付近は気合入ってる。 プロローグの開始画面はこんな感じ。 第〇話の見出しはこんな感じ。 すっごいキラキラしてる…！ 年齢層が若い子をターゲットにしている…？ この画面で盛るのが良いか悪いかという話は恐らく好みの範疇になりそうですが、少なくとも気合が入っているのは伝わります。 漫画の扉絵、的な。そういえば、あれも昔はなかった気がします。あったとしても人気の漫画だけ。物語の没入感や世界観の説明、導入、引きとなどに効果的だと思われます。 さて、ゲームの話ですが、最近のタイトルは文字だけの比較的シンプルなデザインが多いです。 逆張り…

2022/04/09 11:23

「Sky 星を紡ぐ子どもたち」UIデザインの視点で9つ特徴をあげてみました

こんにちは、ちょこきなこです。 「Sky 星を紡ぐ子どもたち」をプレイしていました。このゲームはユーザーに何を見せたいか、何を与えたいかが明確になっています。 情報が整理されたUIなので読み取るのが少し大変ですが、どういった点がデザインされているか、気付いた点をまとめてみました。 1:タイトルに「TAP TO START」の文字がない デザインの違いについて 開発の意図について 2:必要なTipsが必要なタイミングで表示される 3:変わったレビューの仕方 4:イベントシーン中の上下帯(レターボックス) 5:背中のマントに表示されるステータス情報 6:使う色の制限 1:新着情報がある場面 2:マ…

2022/04/09 11:23

「三国ロマンス」マイページのデザインが夏仕様に！夏用のリデザインは珍しいかも

こんにちは、ちょこきなこです。 「三国ロマンス」のマイページが夏仕様になっています！ 季節感が出てて良いな、と思います。 クリスマスとかハロウィンとかお正月みたいな大きめのイベントだと見かけるけど、季節ごとって意外と見ないかも？ マイページは画面が分割されている仕様です。上の画面から右に移動すると以下の画面にシームレスに移動します。 それにしてもこの子の目に光がないのが気になる…w マイページは遷移して最初に表示される画面なので、普段と違ったら受ける印象も変わります。 頻繁に変えるわけにはいかないので、中長期的な施策かと思います。 以上、施策として珍しいので紹介してみました！

2022/04/09 11:23

「七つの大罪 光と闇の交戦 : グラクロ」料理ボタンがかわいい！…けどなんでここだけ別のデザインなんだろう

こんにちは、ちょこきなこです。 グラクロの「料理する」ボタンがかわいいので、紹介させてください！ そもそも酒場は汎用的なボタンを採用しておらず、木をモチーフにしたボタンデザインになっています。 装備分解だとこんな感じ ログインボーナスのOKボタンはこんな感じ なぜ料理ボタンだけデザインが別なのか、UIの視点だけで考えても理由は正直よくわかりません。何かしら特別感を出したいからだとは思いますが、温かみのあるデザインにしたい、とかでもない気がします。 なんとなく料理に力を入れているので、その一端かと考えられます。 あるいは開発者の中に料理好きなメンバーがいたとか…。 殲滅戦とかPvPなんかは温かみ…

2022/04/09 11:22

「三国ロマンス」恒例！エンプティステートの紹介！

こんにちは、ちょこきなこです。 三国ロマンスにもエンプティステートがあったので紹介します。 これもエンプティステート…なのかな？ いつも枠内にキャラクターが配置されたデザインを見てたけど、枠外というパターンもあるのか。 あまり考えたことなかったですが、枠に隠れてとか、枠から顔を覗かせてとか、表現のバリエーションとして面白そう。 こういうデザインがあるだけで画面が少し華やぎますね。 ほんとにゲームにはこういう遊び心のあるデザインって重要だと思うので積極的に紹介したいです！

2022/04/09 11:22

「七つの大罪 光と闇の交戦 : グラクロ」村の移動演出スキップが便利！ここまで時短にこだわったアプリは珍しいかも

こんにちは、ちょこきなこです。 グラクロのオプションにあった【演出スキップ(村移動)】の項目を紹介させてください。 どういうものかというと、 村から出る際に出口まで行かずに、出口に向かうと決まった時点で村から出る演出をスキップ出来るということを指しています。 あ、文字にするとややこしい。 要するに時短できる設定です。 プレイしないと肌感が伝わりづらいと思いますが、このゲームではNPCからクエストを受注したり報酬を受け取る際、そのNPCの場所まで、村の中を移動します。 また、そのNPCからクエストを受注して対象のクエストに向かう際、その場で画面遷移せず、村の外を目指して走り出します。 この「NP…

2022/04/09 11:22

「三国ロマンス」お知らせ画面で文字が被る。そうならないようにデザイナーが注意すること。

こんにちは、ちょこきなこです。 「三国ロマンス」のお知らせ画面。 見出しと日付部分が被っているのがよろしくない…。 ここ。 単純に視認性が良くないです。 ふつーに被ってる。 お知らせ本文が読める画面でも… 被ってます。 タイトル画面からお知らせ画面を見るとキャラクターがいてちょっと可愛い感じになっているのが良いですね。 この子がお知らせを管理している子かは分からないけども。 お知らせはフォーマルな部分です。運営の印象に関わるので極力気をつけたいところ。 とはいえ、運営側も好きで文字を被せているわけではなくて、予算的なとこだったり、人不足で対処できないんじゃないかな…。 こういったこともあるので…

2022/04/09 11:22

「とある魔術の禁書目録 幻想収束（イマジナリーフェスト）IF」開放したシークレットボイスはテキストも添えて欲しい

こんにちは、ちょこきなこです。 「とある魔術の禁書目録 IF」で気になったことがあったので考えてみました。 ゲーム内でキャラを育成するなどして条件を満たすと、シークレットボイスが開放されるのですが、 その内容がテキスト化されていませんでした。 未開放のボイスは「？？？？」でもなんでも良いのですが開放したボイスに関してはユーザビリティも考慮して欲しいと感じました。 目的の音声を探したい時や、そもそもどんな音声があるのか知りたい時に、「シークレットボイスA」などではなく、冒頭のセリフを書いておいた方が判断にかかる時間は短くなります。 また、音声再生中にセリフが表示されず、耳が不自由な方への配慮が欠…

2022/04/09 11:22

「三国ロマンス」はい/いいえの順番が逆なのはPC版があるから。UIデザイナーが悩むマルチプラットフォームでのデザイン。

こんにちは、ちょこきなこです。 今回は、心当たりのあるデザイナーさんいるんじゃないかな…。 何かというと「三国ロマンス」で、はい/いいえの順番が逆になっているのが気になりました。 「ルールがちがうやんかー」という話ではなく、こうなっているタイトルはPC版があることがほとんどです。「三国ロマンス」はどうなんだろう？と思い、調べてみました。 やっぱりPC版もあるみたいですね。 https://www.4gamer.net/games/423/G042375/20180711051/ マルチプラットフォームの場合、UIのルールも違うので、どっちに寄せるか悩みます…。 どのプラットフォームのユーザーが…

2022/04/09 11:22

「ワンダータクティクス」 キャラクターのレビュー機能。世界観の没入か、利便性か。

こんにちは、ちょこきなこです。 ワンダータクティクスにあるレビュー機能を紹介します。 このゲームはキャラクター詳細の下位階層にレビュー画面が実装されています。 キャラクターの詳細から… 「レビュー」タブを押すと… キャラクターのレビューが表示されます！ 攻略サイトを内部で持たせている設計に近いので、没入感というより利便性に優れた機能だと言えます。 どういった時に有用なのかと言うと、新しくキャラクターを入手した時や攻略に詰まってキャラクターを育成したり、編成を考える時などです。 しばしば見かける仕様なのですが、攻略サイトが機能していない状況であれば、有用性はありそうです。 「機能していない状況」…

2022/04/09 11:22

「ロードオブダンジョン」フッターと海のデザインがきれい。発想も良い！

こんにちは、ちょこきなこです。 ロードオブダンジョンのフッターのデザインが綺麗だったので紹介します。 タイトル画面はこんな感じの世界観 そして、こちらの画面がメインの画面です。 フッターのボタンではなく、下地に注目してほしいです。 これ。 背景の一部とかではなく、フッターの下地なんです。ここまでグラフィックに寄せたデザインは初めて見たかもしれません。 一般的にはフッターは色々な比率の端末に対応する必要があるので、伸ばせるように作る発想をしがちです。 なので、このデザインのように伸ばすことを考えないデザインは稀です。 そして、この「伸ばせるように作る」という発想って開発側の都合なので、ユーザーと…

2022/04/09 11:22

「とある魔術の禁書目録 幻想収束（イマジナリーフェスト）IF」シナリオ一括スキップの意図とは。IPは世界観も大事

こんにちは、ちょきこなこです。 「とある魔術の禁書目録 IF」で気になった機能があったので、考えてみました。 どういう機能かというと、サブシナリオの一括スキップです。 「スポット画面」に遷移すると、各フィールドにキャラクターが登場して、選択するとアドベンチャーパートに遷移して、シナリオが読めます。シナリオを読むと報酬が手に入ります。 よく分からなかったのは、このシナリオ群が一括スキップ出来ちゃうことなんですよね。 報酬も一括でゲット！ なるほど…。「没入感、世界観」ではなく「システム」に寄った実装になっています。 特定の箇所をタップすると報酬がもらえる系は七つの大罪でもあったから、機能としては…

2022/04/09 11:22

「ロードオブダンジョン」ヘルプを読むと報酬が貰える仕様は何のため？

こんにちは、ちょこきなこです。 「ロードオブダンジョン」から、ヘルプを読むと報酬がもらえる仕様を紹介します。 画面の中に表示されてるヘルプをタップすると… 報酬が貰え… ヘルプが表示されます。 報酬獲得後はクリスタルのアイコンも消えます。 この仕様、スターホースポケットでも見かけたんですよね。画面左上の虫眼鏡アイコンをタップすると… ヘルプが表示され… ヘルプ読了報酬がもらえます。 貰えるものはありがたいけど、実装理由はなんだろう…？ 報酬が貰えるのでヘルプのウィンドウを開くとは思うけど、文字を読むとは思えないし、一度開いたら二度と開かないような気がする…。 思い当たるとすれば、結構前のソシャ…

2022/04/09 11:22

「とある魔術の禁書目録 幻想収束（イマジナリーフェスト）IF」ガチャ結果画面が分かりづらい問題。バトルキャラとアシストキャラのアイコンデザインの差別化に関して提案

こんにちは、ちょこきなこです。 アイコンのガチャ結果のアイコンデザインが気になっています。 具体的にどういったところかと言うと、バトルキャラとアシストキャラが瞬間的に見分けられないところです。 よく見ると文字が書かれているので、そこで見分ける事になりますが、この画面は一瞬で見て、 「レアキャラが当たった！」と判断して欲しいので、文字での差別化は向いていないです。 バトルキャラの方がユーザーが求めるものだったり、訴求されているものなので、そちらを強調させるなり、差別化を図ってほしいです。 例えば、アイコンを大きくするなど差別化を図るとか…。 欠片ありだとこんな感じ。 ▼ちなみに刀使ノ巫女もメイン…

2022/04/09 11:22

「大三国志」タイトルに表示される謎の文字列、一体どんな意味。デザイナーの正解率1％以下だと思うクイズ。

こんにちは、ちょこきなこです。 「大三国志」をプレイしてて気になった文字があったので調べてみました。 この画面と… この画面。 上の画面は「タイトル画面の見た目を変える設定画面」です。兵臨城下、撥雲見日、率土之浜の3つから選べます！へー。ダンまちのアプリでもありましたね。 2つ目の画面は「ロード画面」です。読めません…。これ、たぶん意味分からん人多いと思うんよ。 折角なので調べてみました。 1：兵臨城下の意味 2：撥雲見日の意味 3：率土之浜の意味 4：溥天之下 莫非王土 率土之濱 莫非王臣の意味 まとめ 1：兵臨城下の意味 ロックワークス株式会社、ブラウザゲーム「三国 兵臨城下」の日本展開名…

2022/04/09 11:22

「七つの大罪 光と闇の交戦 : グラクロ」メニューのデザインが可愛い！

こんにちは、ちょこきなこです。 今回はゆる記事です。 グラクロは料理周りのUIがたいへん丁寧なのですが、メニュー周りのUIを紹介させてください。 関係する画面はこのあたりです。 はい、かわいい！ というかほんとに作り込みおかしい。 可愛いポイント！ ・見出しの部分にシェフ帽をかぶったホークがかわいい！ ・本物のメニューみたいに紙の質感がかわいい！ ・美味しそうな料理の画像がかわいい！ ・うっすらとレシピのメモらしいデザインがかわいい！ ・テーブルに番号が振られている設定がかわいい！ ・テーブルの上に置かれている予約プレートがかわいい！ ・食器が跳ねる登場がかわいい！ ・見出しの部分にシェフ帽を…

2022/04/09 11:22

「コルヌ・コピア」お知らせもUXの一部なのでちゃんと読もう！

こんにちは、ちょこきなこです。 コルヌ・コピアでの何気ないお知らせ画面ですが、気になる一文が… こちら。 「※当ゲームは一部ルートに恋愛要素を含みますが、キャラクターとの恋愛を目的としたものではございません。」 …なるほど。「ゲームサービスに係る部分なので、説明を付け加えている」のと「ユーザーにとって重要な情報」だからかな。 UIやUXを考える際に、ユーザーと開発者の情報の優先度の認識を合わせることって重要なんですよね。 アドベンチャーゲームってあまりやったことないけど、最近はこういうお知らせも重要なんですね。ゲームを作る際、ゲームだけをやる開発者は多いけど、こういうお知らせもUXの一部なので…

2022/04/09 11:22

「とある魔術の禁書目録 幻想収束（イマジナリーフェスト）IF」おまかせ強化のカスタム機能。育成をサポートする便利な機能の紹介です。

こんにちは、ちょこきなこです。 「とあるIF」のおまかせ強化のカスタム機能が珍しかったので紹介します。 特にここのチェック項目に注目です。 カスタム機能の説明をする前に、おまかせ強化の仕様に関して説明します。 「おまかせ強化」は今所持しているリソースを最大限に使用して、キャラクターを強化する機能です。 基本的にはグレード>ランク>スキルの順番で強化され(ると思われ)ます。 その上で、このカスタムは何の為にあるのか？、ですが、リソースの管理だと考えられます。 強化する為にはリソースを消費するのですが、無限にあるわけでもなく、レベルが上がるにつれ必要なリソースを増していきます。 なので、ある程度育…

2022/04/09 11:22

「ハリー･ポッター ホグワーツの謎」言語をアルファベットにして、アドベンチャーパートのテキストの表現方法の違いを見てみる

こんにちは、ちょこきなこです。 「ハリー･ポッター ホグワーツの謎」から、アルファベットの文字の強弱のバリエーションを紹介します。 どういう意図かと言うと、日本語ではこういった表現をしないので、意識として抜けてそうだな、と感じたためです。 表現としては以下のようなものが主に使われていました。 1：大文字 2：斜体(イタリック体) 3：太文字 4：括弧で括る 5：書体の使い分け 6：その他 1：大文字 まずは大文字。 大文字にすると、一般的には大声で叫んでいる表現になります。日本語には大文字、小文字という概念がないのでフォントサイズを大きくするのが一般的ですが、アルファベットだとこういった表現も…

2022/04/09 11:22