appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-きららファンタジア 012_機能 012_機能-絞り込み/フィルタ機能 018_UIパーツ 018_UIパーツ-タブ 020_アンチパターン 020_アンチパターン-UIパターンの使い方が守られていない こんにちは、ちょこきなこです。 「きららファンタジア」にて、チェックボックスとタブのデザインが同じなので、見た目から予測される挙動が分かりづらいと感じました。 ちょっと分かりづらいデザインですが、上の段はタブの挙動で、下の段がチェックボックスの挙動です。 それぞれのパーツの挙動の違いですが、タブは複数選択できません。チェックボックスは複数選択可能です。 このように名前で定義するとそのパーツの振る舞いも定義できますが、見た目が同じですと見分けがつきません。 人は初めて見るものに対して知識や経験に基づいた予測や推測で物事を認識します。ですので、同じ見た目であれば同じ挙動をするものだ、という認識をし… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F08%2F16%2F120000" 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/20190519/20190519223003.png Hatena Blog https://hatena.blog 2019-08-16 12:00:00 rich https://appgameui.hatenablog.com/entry/2019/08/16/120000 1.0 100%