ビフォーアフター
Before and after|前後比較、Before/After、導入前後
ビフォーアフターは、変化の前と後を左右に並べ、矢印で結んで改善や効果を示す図解。
- 伝えたいこと
- 変化の前と後を並べて、良くなったことを見せたい
- 見た目
- 左に「前」、右に「後」の枠があり、間に矢印がある
向く場面 / 向かない場面
- 向く:導入前後の業務
- 向く:改善前後の画面
- 向く:施策の効果
- 向かない:3時点以上(タイムラインに)
- 向かない:前後で比べる観点が揃っていない
隣の項目との違い
- 左右比較:左右比較は2つの選択肢を並べる。ビフォーアフターは同じものの時間差
- 橋渡し図(現状→理想):橋渡しは「まだ達していない理想」。ビフォーアフターは「達した後」
- ギャップ図:ギャップは差の大きさを示す
もしかして、探しているのはこっち?
ビフォーアフターと左右比較の違い →ビフォーアフターと橋渡し図(現状→理想)の違い →ビフォーアフターとギャップ図の違い →
AIへの指示例
資料(スライド生成・pptx)
左「導入前」(グレー)、右「導入後」(アクセント色)の枠を並べ、間に太い矢印。
各枠に3行の箇条書き(手作業3時間→自動で10分、など)。画像生成
a before and after comparison layout, two panels side by side with an arrow between, right panel highlighted,
flat design, plain background要素数の目安
各枠3〜4行。
似ている表現
更新:2026-09-19