![見出し画像](https://assets.st-note.com/production/uploads/images/117505754/rectangle_large_type_2_09a3e9d7f632fedcb8c98e2b8cae0c29.png?width=1200)
最近リリースされたAppを通してUIの改善点を探してみる
先月末、タカラトミー / シンソフィアから配信されたスマホゲーム
開発2年。リリースの遅延約1年。
リリース日に緊急メンテ。プレイできない状態のまま1週間メンテを行った伝説のゲーム
「アイドルランド プリパラ」をプレイしたところ、
UIに違和感を感じてしまった...
UIの違和感にに夢中になっていた俺は、
背後から近づいてきたもう1人の仲間に気付かなかった。
俺はその男に毒薬を飲まされ、目が覚めたら...
UIの改善箇所をnoteにまとめていた…!
ルール
これから実際のプレイ画面のスクリーンショットを2枚共有します
画面のヤバイ部分をクイズ形式でを出題するので、違和感を感じたポイントを、覚えておいてください
1問目:テキスト部分やばくない?
この画面はテキストが一度に表示されず、順番に表示されました。
さて何がやばいでしょう?
![](https://assets.st-note.com/img/1695964868318-Dq245n7Our.png?width=1200)
答え:テキストが上下中央揃えになってヤバイ
左上から固定して表示されないため、新しい文字が表示されるために、すでに表示されているテキストの位置がずれてしまいます。やばいですね
![](https://assets.st-note.com/img/1695964998216-zt7BjUR1uf.png?width=1200)
2問目:ヤバイ箇所を2つ探してください
ん〜?
![](https://assets.st-note.com/img/1695965354805-vw9lToYoqG.png?width=1200)
答え:中央揃えがヤバイ
何故なのでしょうか…。カードが長方形に変形してしまっている…?
![](https://assets.st-note.com/img/1695965449733-l0p69Ghlgz.png?width=1200)
答え:カード内のイラストが偏ってヤバイ
ちょっと気になりますね。せっかく当たったコーデですから、中央に大きく表示していただきたい!
![](https://assets.st-note.com/img/1695965548285-C3SOovTnJD.png?width=1200)
まとめ
いかがだったでしょうか?
言われてみると気になっちゃったりしますよね
アイドルランドプリパラはアプリ内でアニメも配信しているので、
気になった方は是非インストールして下さいね
以上!