ビフォーアフター

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