紙と同じ見た目をアプリで残す

画面が変わるだけで、現場は戸惑います。「どこに何を書くのか」で迷わないように、見た目を紙に寄せる工夫があります。

見慣れた並びは、それだけで価値がある

長年、同じ紙の様式を使ってきた人は、「右上に日付、真ん中に設備名、下にチェック欄」といった配置を、体で覚えています。画面の並びが急に変わると、「どこに書くのか」で、いちいち考えなくてはなりません。

そこで、アプリを作るときに、次の三つを、紙に合わせます。

合わせるもの	例
項目の順番	紙の上から下の順に並べる
項目の呼び名	紙の欄名と同じにする（「点検者」→「担当」と変えない）
区切り	紙の見出しのまとまりを、そのまま「節」にする

画面を紙に近づけるだけで、「前のほうが分かりやすい」という声がずいぶん減ります。

「紙の様式」という見た目の選び方

入力画面は、ラベルを左に置いて、紙の申込書のような並びにすることができます。選択肢の見せかたや、節の囲いかた、詰め具合もまとめて変えられます。

見た目の選び場所は、設計画面の右側にあります。

• 「ルック」に、「スタンダード」「カード」「ミニマル」「紙の様式」「会話風」が並びます
• 「ラベルの位置」で「左」を選ぶと、紙の申込書のような並びになります

印刷する紙も、同じ見た目で出せる

「入力はアプリで。でも、取引先に出す書類や、保管用の紙は、いつもの様式で出したい」という場面があります。この場合は、帳票を、紙の様式に合わせて作ります。

• 入力した内容を、いつもの罫線・配置の帳票に流し込む
• 画面で確認して、そのままPDFにする、印刷する
• 一覧の複数件を、まとめて出す

入力するアプリの画面→帳票に流し込むいつもの罫線・配置→画面で確認する→PDF・印刷

「入力は新しく、出力は見慣れた形で」とすると、受け取る側（取引先や上長）に、変化を意識させずに済みます。

変えてよいところ、変えないところ

紙の再現にこだわりすぎると、アプリにする意味が薄れます。次の考えかたで線を引きます。

1. 変えない: 見出し、欄名、並びの順
2. 変えてよい: 手書きの欄を選択式にする、計算を自動にする
3. 足してよい: 写真、コメント、変更の履歴など、紙にはなかったもの

1変えない

見出し・欄名・並びの順

2変えてよい

手書き欄を選択式に、計算を自動に

3足してよい

写真・コメント・変更の履歴

紙の様式は、変えてもよい

紙の様式を残すのは、移行期間のための工夫です。慣れてきたら、現場から、「この欄は要らない」「この順番のほうが書きやすい」という声が出てきます。そのときは、紙にこだわらず、アプリのほうを現場に合わせて直しましょう。紙は出発点であり、ゴールではありません。

まとめ

• 紙と同じ順番・呼び名・区切りにすると、現場が安心する
• 取引先や上長に出す書類は、帳票で、いつもの様式で出せる
• 見た目は紙に寄せ、入力のしやすさや自動計算は、アプリの強みを活かす
• 変えない・変えてよい・足してよい、の線引きをする

Formia でやるなら

Formiaのフォームには、ラベルを左に置く「紙の様式」の見た目があります。印刷やPDF用には、紙の上に部品を置いて作る帳票があり、画面で見たものと、紙が一致します。手順は フォームを組む と 帳票の基本 を見てください。

帳票は、たとえばこんな見た目で出せます。

• 上に「御見積書」の題と、宛名・件名・納期・支払条件・有効期限の表が並びます
• 品目・数量・単価・金額の明細と、下の小計・消費税・合計が、紙のように収まります

関連する記事

• 紙の様式をアプリにする手順
• 紙とアプリを並行運用する期間
• 紙と同じ帳票をPDFで出す