アプリ開発

コード上は正しくても、画面では伝わらなかった話

実装としては正しくても、画面で見た時に伝わらないことがあると学んだ記録です。

何が起きたか

簿記アプリの学習画面で、コード上は説明文も図も入っているのに、実際に見ると情報が混ざって分かりにくい状態がありました。

実装としては動いていても、ユーザーにとって理解しやすいとは限りませんでした。

なぜ見落としたか

コードやデータを見ていると、「必要な情報が存在しているか」に意識が寄ります。でも画面では、余白、順番、折りたたみ、文字量、図との距離で分かりやすさが変わります。

直す時に見たこと

• 説明が折りたたまれていて、読む前に止まらないか
• 図と文章が近すぎて、意味が混ざって見えないか
• 正解・不正解の両方で同じ説明文が自然に読めるか
• iPadや英語表示でも崩れていないか

学び

学習アプリでは、正しい情報を置くだけでは足りません。ユーザーが迷わず読める順番に並んでいるか、画面で確認する必要があります。

まとめ

個人開発では、ビルド成功よりも画面確認の方が大事な場面があります。特に学習、会計、課金、設定の画面は、実際に見て違和感を潰す作業を残した方が安全です。