appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-Auto Chess 011_画面別 011_画面別-お知らせ画面 020_アンチパターン 020_アンチパターン-可読性_文字色と背景色のコントラスト比が足りない 020_アンチパターン-可読性_文字が小さい こんにちは、ちょこです。 「Auto Chess」のお知らせ画面に情報がなく見づらく感じました。どのような画面かというと、以下のような画面です。 ▲お知らせ画面 絵が大きいっ！ ここでユーザーの判断や行動の手掛かりになる情報はこの部分だけです。 ▲ここだけ 文字が小さいっ！ 画面の面積に対してあまりにも小さすぎます… もしかすると画像の中に文字を入れる予定だったのかな…。 基本的にユーザーはお知らせを読みません。自分に関心のある情報かどうか、見出しを見て判断します。 それゆえにライターは見出しに何の情報を載せるか一生懸命考えます。 しかし、ここまで文字が小さいとそもそも読もうと思う動機が得づら… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F01%2F26%2F133000" title="「Auto Chess」お知らせ画面。文字が小さいっ！ - ゲームアプリの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/20200114/20200114062009.png Hatena Blog https://hatena.blog 2020-01-26 13:30:00 rich https://appgameui.hatenablog.com/entry/2020/01/26/133000 1.0 100%