「激ムズ彼氏～ホスト編～」アンチパターン、誤字やレイアウトの不揃い - ゲームアプリのUIデザイン
こんにちは、ちょこです。 「激ムズ彼氏～ホスト編～」プレイしています。今回はアンチパターンの話です。 アンチパターンは「やらない方が良いデザイン」という意味で使われることが多いです。デザインに正解はないのですが、いくつかの不正解はあります。 アンチパターンがあるとサービスのクオリティや信頼度が下がってしまうことがあります。デザイナー以外の方が実装されるケースもあると思うので、開発者の方は言葉や事例だけでも知っておいていただきたいです。 1：誤字 誤字はアンチパターンに含まれます。個人的にはバグと同じ優先度だと思っているのですが、バグはバグで誤字は誤字です。 一般的に誤字によってユーザーに不利益や誤解を招く場合は優先度は高くなります。(イベント開始の日時や報酬など) ユーザーに不利益がない場合は優先度は低く、放っておかれるか、なにかのついでに修正されます。 激ムズ彼氏の場合は後者のケースです
「ガール・カフェ・ガン」会話シーンのホログラムの表現に差分があった。新しいUXに繋がるヒントかも - ゲームアプリのUIデザイン
こんにちは、ちょこです。 「ガール・カフェ・ガン」にてアドベンチャーパートの演出が凝っていました。 ホログラムの演出に差異が… 以下の二つを比べると、ホログラムの乱れに差があることが分かるかと思います。 こんな感じ。 乱れ方が全然違いますよね。 よく見ると更に違いがあるのですが、GIFが劣化してて分かりづらかったので拡大してみました。 こんな感じです。 この違いにどういった効果があるのか ノイズの走り方に変化を持たせることにどんな変化があるのかと考えたのですが、通信状況の差が表現できています。 それは緊迫感であったり、時間の経過の表現に繋がっています。 ホログラムである、という表現から一歩先をいった表現だと感じます。 このように表現の種類だけではなく、その深度も持たせると表現の幅が広がったり、新しいと感じられたりするのかな、と思います。 それはつまり新しいUXにつながるのかもしれません。
「ガール・カフェ・ガン」フィルタ機能のデザインがとても分かりやすかった。色覚多様性にも対応できているデザインは珍しい - ゲームアプリのUIデザイン
こんにちは、ちょこです。 「ガール・カフェ・ガン」のフィルタ機能が良かったので紹介させてください。 色覚多様性対応もバッチリ どこが良かったのか、ですが「色覚多様性への配慮が出来ている」という部分です。 属性の色だけでなく文字が書いてあるデザインです。かなり珍しい…！ PhotoshopのP型(1型)のフィルタを掛けた見た目だと以下のような見た目でした。 より分かりやすくするために部分的に拡大してみます。 属性マークの下に文字が書いてあるのですごく分かりやすいデザインです。 アイコンだけだと分かりづらいので文字を併記することをオススメしていますが、実装されている例はあまり見かけません。 ガルカフェの実装だと色覚多様性対応としては十分ではないかなと思います 相性表示も分かりやすい 色覚多様性の対応に目が行きがちですが、相性表示もバッチリできています。 ソシャゲの属性の相性はそれぞれ違うのでい
「東京コンセプション」HPゲージが色覚多様性対応しているように見えたので紹介します - ゲームアプリのUIデザイン
こんにちは、ちょこです。 東京コンセプションのバトル画面ですが、敵ゲージの色が赤くなくて色覚多様性の方への配慮がなされているな、と感じました。 フィルタをかけるとこんな感じに。 ボスの時。 これが黄色ではなく赤だとこんな感じになりがちです。 上が実装。下がもしゲージが赤かった場合。赤よりも黄色の方が見やすいですよね。 まとめ 東京コンセプションは世界観的に暗いところで戦いがちなのと、アクション要素の高いゲームシステムなので、瞬間的に状況を認識する必要があります。 なので、こういう風に見やすい画面になっていると、ユーザーもストレスなくゲームに集中することができるのかな、と思いました。 一般的に「敵のHPゲージは赤である」というイメージもあるのですが、視認性と天秤にかけて判断することも大事ですよね。 デザインする際に気を付けたいなと思いました。 余談。ちなみに赤と緑でも意外と見やすかったです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
