appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-三国ブレイズ 020_アンチパターン 020_アンチパターン-UIパターンの使い方が守られていない こんにちは、ちょこです！ 「三国ブレイズ」で見た目はチェックボックスで、挙動がラジオボタンになっている箇所がありました。 アンチパターンの事例として紹介します。 該当の画面はこちらです。 ４つのアイテムの中から任意のアイテムを１つ選ぶ場面です。 UIパーツはチェックボックスを採用しているため、一見すると複数選択できるように見えます。 しかし、実際は１つしか選べません。 挙動としてはこのようになります。 複数項目の中の一箇所しか選択できないならラジオボタンを使用するのが適切です。 この辺りのルールは基本的なところなので、しっかり守って実装したいところです。 ちなみに他の場面ではチェックボックスの… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2021%2F01%2F14%2F235000" title="「三国ブレイズ」チェックボックスの見た目なのにラジオボタンの挙動をするUIパーツ - ゲームアプリの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/20210113/20210113232629.png Hatena Blog https://hatena.blog 2021-01-14 23:50:00 rich https://appgameui.hatenablog.com/entry/2021/01/14/235000 1.0 100%