フォーム設計と共通ルール

当システムにおける共通したフォーム作りの設計と解説をまとめています。操作性の統一とデータ保護を両立させるための基本ルールです。

テンプレートフォームを用意しておく

テンプレートフォーム(ひな形)単票編 

単票形式のテンプレート作成手順を解説。レイアウトの統一は、ユーザーの操作ミス軽減や操作感が同じになるため、ユーザーの利便性が高まります。また、開発側も一貫した設計で効率的な量産が可能になります。

テンプレートフォーム(ひな形)ポップアップ編

ポップアップ形式のテンプレート作成手順を解説。
「視線の中心」へ常に配置されるレイアウトの統一は、ユーザーが次にすべき入力を直感的に理解しやすく、メイン画面との主従関係が明確になるため、ユーザーの利便性が高まります。また、開発側もプロパティ設定やサイズ規定を一貫させることで、補助画面の効率的な量産が可能になります。

ウィザードを活用するテンプレート(サブフォーム編)

ポップアップ形式のテンプレート作成手順を解説。
「視線の中心」へ常に配置されるレイアウトの統一は、ユーザーが次にすべき入力を直感的に理解しやすく、メイン画面との主従関係が明確になるため、ユーザーの利便性が高まります。また、開発側もプロパティ設定やサイズ規定を一貫させることで、補助画面の効率的な量産が可能になります。

 

フォームデザインの共通ルール

フォームの配色と視覚的な共通ルール

直感的な視認性や動線、カレント位置の把握など、色は操作性を左右する重要な要素です。目に優しく疲れない配色ルールを定めれば、システムの質は劇的に向上します。それらを反映した共通ルールを紹介しています。