020_アンチパターン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドリッシュセブン」こと「アイナナ」から、ラジオボタンの見た目…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドリッシュセブン」から、視認性が気になった配色がありました。 …
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ロックマンX DiVE」におけるチェックボックスとラジオボタンが同じ見…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、色…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、UI…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ゲートオブナイトメア」通称「ゲトメア」におけるローディング中…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ディープインサニティ アサイラム」の見出しの付け方とアイコンの…
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「魔界戦記ディスガイアRPG」でチェックボックスの見た目なのにラジオ…
こんにちは！ちょこです！ 今回はアンチパターンの紹介です。 「パニシング：グレイレイヴン」で横組み用のフォントを縦組みで使ってしまったと思われる箇所がありました。 該当の画面はこちらです。この画面はキャラクターの育成画面です。キャラクターの左…
こんにちは！ちょこです！ 今回は「パニシング：グレイレイヴン」からアンチパターンの紹介をします。 アンチパターンの意味については以下を引用します。 デザインパターン（デザパタ）とは - IT用語辞典 e-Words アンチパターンという用語が広まるに連れて…
こんにちは、ちょこです。 「三国志名将伝」をプレイしていたら、アンチパターンがあったので事例として紹介します。該当の画面はこちらです。 挙動としてはこのような動作をします。チェックボックスは複数の項目を選択できるUIパーツですが、見ての通り「…
こんにちは、ちょこです！ 「三国ブレイズ」で見た目はチェックボックスで、挙動がラジオボタンになっている箇所がありました。 アンチパターンの事例として紹介します。 該当の画面はこちらです。 ４つのアイテムの中から任意のアイテムを１つ選ぶ場面です…
こんにちは、ちょこです。 「サクラ革命」を遊んでいたら、見づらい文字がありました。該当箇所は護符を強化する画面ですね。 画面左端にある、強化後の予測数値が見づらいと感じた文字です。背景の白色と文字の黄色が馴染んでしまっています。 ちなみに通常…
こんにちは！ちょこです！ 今日も今日とて「Food Fantasy フードファンタジー」です。 今回は閉じるボタンの位置が不統一だったので、アンチパターンとしての事例紹介です。 該当の画面はこちらです。ストーリー収集画面の「冒険の思い出」と「イベント」の…
こんにちは！ちょこです！ 「スタースマッシュ」のスタンプ機能のデザインがちょっと変わったアンチパターンであったので事例として共有してみます。 該当の機能が使える画面はこちらです。 分かりやすいようにスタンプ部分を大きくします。見て分かる通り、…
こんにちは！ちょこです！ 「プラネット・コマンダー」でめちゃくちゃ小さい文字があったので、アンチパターンとして紹介します。 該当の文字があったのはこちらの画面です。 分かりやすくトリミングすると、この箇所です。 うぅ…視力検査の文字みたいなサイ…
こんにちは！ちょこです！ 「三国ドライブ」で視認性が良くない文字があったのが気になりました。画面としては以下の画面です。 具体的にはこの部分です。背景が無彩色に近い赤、文字が暗めの赤です。 オリジナルでも視認性は低いのですが、これをシミュレー…
こんにちは！ちょこです！ 「三国ドライブ」のガチャ結果画面にて、キャラのサムネイルとNEWの文字が被っているのが気になりました…。 ガチャ結果画面をデザインする際のアンチパターンとして紹介します。 人間の生理的な反応として、人の顔に目が行くので、…
こんにちは！ちょこです！ 「三国ドライブ」のアイテムデザインが色覚多様性対応の視点から見たときに懸念がありました。デザイナーが陥りがちなアンチパターンとして紹介してみます。 アイテムのカラーバリエーションを作る機会のある方 カラーバリエーショ…
こんにちは！ちょこです！ 「少女歌劇 レヴュースタァライト -Re LIVE-」をDLしてたのですが「・・・」の位置が気になりました。 ここですね。 「Download・・・」 「・」は英語圏にはないので「・・・」ではなく「...」とするのが一般的です。 事実、他の画…
こんにちは！ちょこです！ 「BLEACH Soul Rising」で画像が引き延ばされて(あるいは潰されて？)表示されている箇所がありました。 アンチパターンとして挙げられるので、実装時には注意したいものです。 該当する箇所はこちらです、どん(棒読み) いや分かん…
こんにちは！ちょこです！ 今回は「聖闘士星矢 ライジングコスモ」の商店画面のアニメーションが気になったので、なぜ気になったのか書いてみます。 UIのアニメーションを付ける機会がある方、あるいは考える方の参考になれば幸いです。 さて、紹介する商店…
こんにちは、ちょこです！ 引き続き「ヒプノシスマイク-A.R.B-」をプレイしています。今回はUIパーツのアンチパターンと見られる使われ方をされていた箇所があり、気になった次第です。 下の画面なのですが、よく見てください。 ご覧になりましたかね・・・…
こんにちは！ちょこです！ 今回のテーマは「視認性が良くない色の組み合わせについて」です。 過去何度か「色覚多様性」については書いているのですが、黒赤のNGパターンを結構見かけます。ちょっと色を変えるだけでぐっと読みやすくなるので忘れないでいて…
こんにちは、ちょこです！ 「デュエル・マスターズ プレイス」、通称「デュエプレ」のお知らせ画面で見辛い文字列がありました。 この組み合わせは非常にメジャーで頻出もしています。デザイナーだけではなく開発者の方はアンチパターンとして知っておいて欲…
こんにちは！ちょこです！ 「テイルズ オブ クレストリア」をプレイしていてチャットボタンの位置が不統一なのが気になりました。 ▲ホーム画面 見やすくするために拡大してみます。 ▲画面上部を拡大 このように画面上部中央にチャットボタンが配置されている…
こんにちは、ちょこです！ 「スタートリガー」をプレイしていて、情報の優先度について気になったので書いてみます。 この画面の左側にある吹き出し…。この吹き出しが割と常に最上面に表示されます。 ▲ガチャを選択する画面でも… ▲ガチャを引く画面でも… ▲容…
こんにちは！ちょこです！ 「スタートリガー」の色覚多様性対応が気になりました…！ お知らせ画面！文字が赤い…！！ PhotoshopのP型フィルタで見るとこんな感じです。 文字は結構見づらい感じです…。赤字が悪いわけではないのですが、背面が暗い時に赤い文字…
こんにちは！ちょこです！ 「魔界ウォーズ」でフッターのボタンがホーム画面とそれ以外の画面で変化する挙動になっていたのが気になりました。 フッターの左側に注目していただきたいのですが、ホーム画面では『クエスト』になっています。 しかし、他の画面…
こんにちは！ちょこです！ 「魔界ウォーズ」の訴求バナーが限界突破してた…！ ホーム画面の訴求バナーが数が多い…!! 数えてみたら18個あります。 カルーセルの訴求効果に関して疑問視されているはずなんだけど、効果があるのかな…。 uxmilk.jp カルーセルは…
