何を見るべきか
AIで作ったUIは、見た目がきれいでも、スマホ表示、キーボード操作、エラー表示が弱いことがあります。
初心者は、完成画面だけでなく「崩れる場面」を確認する必要があります。
崩れやすいポイント
| ポイント | 確認内容 |
|---|---|
| スマホ表示 | 横スクロールしないか |
| フォーム | ラベルとエラー表示があるか |
| 色 | 文字が読めるコントラストか |
| 状態 | ローディング、空、エラーがあるか |
| 操作 | キーボードだけで使えるか |
AIへの指示例
スマホ幅でも崩れないようにしてください。
フォームにはlabelとエラー表示を入れてください。
読み込み中、空状態、エラー状態も作ってください。
曖昧な「いい感じ」より、確認項目を具体的に伝えます。
まとめ
AIでUIを作るときは、見た目だけで判断しません。スマホ、アクセシビリティ、状態設計を確認すると、実用に近づきます。