概要 社内システムの管理画面のフォームをどうデザインすべきか。 9年前に作られた社内システムの改修作業が舞い込んできたので、まずは管理画面で大量生産するフォームについてググりながら改善案を作ってみました。 ※本物をのせると色々角が立つので、大まかなデザインだけ作ってます。ご容赦をば。 既存システムのフォーム 改善案 よいフォームとは 今回参考にしたのは、こちらの記事。 以下の15個のルールを元に考えてみました。 1.フォームは縦一列配置にする 2.ラベルは入力データの上に配置する 3.ラベルと入力データはグループ化する 4.すべて大文字での表記は避ける 5.6項目以下の選択肢はすべて表示する 6.プレースホルダテキストをラベルとして使わない 7.チェックボックスとラジオボタンを縦に配列する 8.CTAに説明を加える 9.エラー表示はインラインで 10.入力途中でのリアルタイムアラート（バリ