appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-アズールレーン 020_アンチパターン 020_アンチパターン-UIパターンの使い方が守られていない 020_アンチパターン-情報が整理されていないデザイン 020_アンチパターン-表記の不統一 020_アンチパターン-デザインの不統一 020_アンチパターン-色覚多様性がサポートされていない 020_アンチパターン-ボタンの位置が不統一 020_アンチパターン-文字が枠内に入っていない こんにちは、ちょこです！ 「アズールレーン」のUIでいくつか気になった箇所があったんですよね…。ちょっとまとめて考えてみます。 なるべく主観によらず普遍的な部分での話でまとめたつもりですが、考察不足であればすみません。 1：情報の扱い方 2：ボタンのラベルと遷移先のラベルが一致していない 3：ボタンの使い分けがチグハグに見えます 4：押せるボタンと押せないボタンの区別がない 5：色覚多様性対応が不十分 6：ラベルが同じボタンが並んでいる 7：文字のマージンが取られていない箇所がある 8：ボタンがズレています 1：情報の扱い方 早速ですが、見出しの情報の扱い方が気になりました。こちらの画面はショ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F06%2F11%2F000000" title="「アズールレーン」デザインが気になったところ。とにかく色覚多様性対応の意識だけは忘れないでいて欲しい！ - ゲームアプリのUIデザイン" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/appgameui/20200607/20200607232705.png Hatena Blog https://hatena.blog 2020-06-11 00:00:00 rich https://appgameui.hatenablog.com/entry/2020/06/11/000000 1.0 100%