appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-欅のキセキ 020_アンチパターン 020_アンチパターン-色覚多様性がサポートされていない 030_ユニバーサルデザイン 030_ユニバーサルデザイン-色覚多様性 こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「欅のキセキ」パズルゲーなので、色覚多様性の対応は必須で、一見してできてそうな気がしたので念のためフィルタをかけてみました。 フィルタをかけないとこんな感じです。 色によってシルエットを変えているのでいけそうかなーと思ってたんです。 D型フィルタをかけるとこんな感じ。 あれ？ 思ったよりダメだぞ…？ 特にこの辺り。 ここだけ注目していれば区別できるかもですが、画面全体で見渡した時にちょっと厳しいかも。 選択した色以外は暗くなるので多少サポートしていますが、そもそも色を選択する前に戸惑うので、できればシルエットを変えないと厳しいかもな… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F05%2F02%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/20190429/20190429162326.png Hatena Blog https://hatena.blog 2019-05-02 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/05/02/000000 1.0 100%