appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-ブルーアーカイブ 012_機能 012_機能-絞り込み/フィルタ機能 こんにちは、ちょこです！ 「ブルーアーカイブ」のフィルタ画面にて「全て選択」のチェックボックスの位置が気になりました。 該当の画面はこちらです。 一般的なフィルタ機能で、抽出項目がいくつか並んでいます。 その中で気になったのは「全て選択」のチェックの位置です。 これだけ他の項目とは違い、見出しに被るように配置されています。 確かに「全て選択」は他の項目とは異なる挙動をします。 そのため、ユーザーの学習を手助けしたり、エラーを防止する観点から、配置を工夫する考えは分かります。 分かるのですが、果たしてここなのだろうか…。 少し細かくデザインを見ていきます。 1：表示サイズについて まず「全て選択… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2021%2F03%2F05%2F235649" 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/20210223/20210223231240.png Hatena Blog https://hatena.blog 2021-03-05 23:56:49 rich https://appgameui.hatenablog.com/entry/2021/03/05/235649 1.0 100%