写真・ファイル添付の設計|容量・拡張子・個人情報リスクを潰す実務

「写真を添付してください」は簡単ですが、運用は一気に難しくなります。
容量が大きくて送れない、拡張子が弾かれる、スマホで選択できない、個人情報が写り込む、差し戻しが地獄…。
添付機能は、UIよりも制限設計と運用フローが本体です。この記事では、現場が詰まらない添付設計を整理します。

この記事で扱う論点
・容量/枚数/拡張子の決め方(厳しすぎると離脱、緩いと運用が崩壊)
・スマホでの添付UX(圧縮・撮影・プレビュー)
・差し戻し(追加添付)を前提にした設計
・個人情報・機微情報の扱い(同意・保管・アクセス権)

1. まず決めるのは「何のための添付か」

添付の目的が曖昧だと、必要以上に重いファイルが来て破綻します。
目的に応じて「必要十分な品質」を定義します。

見積フォームや図面添付の文脈は、工務店の図面アップロード現地調査で事前回収 の考え方と揃えると、後戻りが減ります。

2. 制限設計:厳しさは「受け側の処理能力」で決める

容量や拡張子の制限は、セキュリティだけでなく“処理能力”で決めます。
管理画面で確認する担当が、どの環境で見るかも含めて設計します。

現実的な例(目安)
・画像:JPG/PNG、1枚あたり〜5MB程度(スマホ写真を想定)
・枚数:5〜10枚(目的が広いなら“追加で送る導線”を用意)
・資料:PDF(図面や仕様書)、必要ならOffice(ただし受け側の運用確認必須)

「制限を超えたときのエラー文言」は、エラー設計の基本(離脱を減らす文言と位置)に沿って、
“どうすれば通るか(圧縮、枚数を減らす、別経路)”まで書き切るのが重要です。

3. スマホUX:添付は“最後にまとめる”ほど失敗する

スマホでは、添付で迷って戻る操作が増えます。
その結果、入力内容が消えて最悪の体験になります(保持設計は 入力保持 と整合)。
添付は、次のように“分割して安心感”を作ると離脱が減ります。

4. 差し戻し前提:追加添付の導線がないと運用がメール地獄になる

添付は一発で揃いません。現場で必ず起きるのが「追加で写真ください」です。
このとき、メールで追加添付を回すと、案件とファイルが紐づかず事故ります。
“差し戻し→追加添付→再提出”のフローは、ステータス設計(実例)と、通知(リマインド設計)をセットで組みます。

5. 個人情報:写り込みは必ず起きる前提で設計する

現場写真には、表札・車のナンバー・顔などが写り込みます。
そのため、同意・権限・保管期限を決めないと、後で問題になります。
同意取得の考え方は 同意設計 と整合させ、
アクセス権とログは 権限・ログ設計 の範囲で固めるのが安全です。

インテンスとしても、添付を入れる案件では「同意・権限・保管」までを一体で設計しないと、あとから修正コストが跳ねると見ています。

業種別の典型

建設・工務店

図面(PDF)と写真が混ざり、差し戻しが頻発します。業務像は 建設・工務店向け を前提に、
「必要な写真の例」を先に提示し、差し戻し時の追加提出導線を標準化すると現場が回ります(関連:現地調査予約)。

自動車販売・整備・タイヤショップ

車両状態や損傷写真、部品番号の写真が必要になる一方、個人情報(ナンバー等)の写り込みが起きやすい領域です。
業務像は 自動車販売・整備・タイヤショップ向け を前提に、
「写り込む可能性がある情報」を先に注意喚起しつつ、現場で確認しやすいサムネ・並びを作るのが実務的です。

まとめ

添付は“付け足し機能”ではなく、運用フローそのものです。
目的に合わせて必要品質を決め、容量・拡張子・枚数を受け側の処理能力で設計し、差し戻し導線と個人情報の同意・権限をセットで固める。
ここまで揃えると、添付が原因の詰まりが大きく減ります。

本記事は、Webシステム開発・スマホ自動変換「movo」・業務システム構築・フォームUX改善・EC支援を提供する 株式会社インテンスが、実際の開発プロジェクトで蓄積した知見をもとにまとめています。 株式会社インテンス(公式サイト)