【すとーりーまっぴんぐ】

ストーリーマッピング とは?

💡 ストーリーを地図のように並べて、プロダクトの全体像を見渡す
📌 このページのポイント
ストーリーマッピング(2次元の地図) ← ユーザーの活動フロー(横軸:時系列) → 商品を探す カートに入れる 購入する 優先度 高→低 R1 R2 カテゴリ一覧 キーワード検索 フィルター絞り込み レコメンド表示 カートに追加 数量変更 お気に入り保存 クレジット決済 注文確認メール コンビニ決済 ポイント利用 赤線(R1)より上がリリース1、オレンジ線(R2)より上がリリース2
ストーリーマッピングのイメージ
ひよこ ひよこ

ストーリーマッピングって何を地図にするの?

ペンギン先生 ペンギン先生

ユーザーストーリーを2次元の地図として並べる手法だよ。横軸にユーザーの行動の流れ(アクティビティ)、縦軸に優先度を取って、付箋で整理していくイメージだね。

ひよこ ひよこ

普通のバックログとどう違うの?

ペンギン先生 ペンギン先生

バックログは1次元のリストだから、優先順位はわかるけど全体像が見えにくいんだ。ストーリーマッピングは地図だから『ユーザーがたどる体験の全体像』と『どこから作るか』の両方が一目でわかるよ。

ひよこ ひよこ

具体的にはどうやって作るの?

ペンギン先生 ペンギン先生

まず一番上の行にユーザーの大きな活動(例:商品を探す→カートに入れる→購入する)を並べるよ。その下に各活動の詳細ストーリーを優先度順に貼っていくんだ。そして水平線を引いて『ここまでがリリース1』と区切るのがスライシングだね。

ひよこ ひよこ

チームでやるものなの?一人でやるの?

ペンギン先生 ペンギン先生

チームでワークショップ形式で作るのが効果的だよ。プロダクトオーナー、開発者、デザイナーが一緒に付箋を貼りながら「この機能は最初のリリースに必要?」と議論するんだ。

ひよこ ひよこ

デジタルツールでもできるの?

ペンギン先生 ペンギン先生

MiroやStoriesOnBoardなどで作ることも多いよ。ただJeff Patton氏は物理的な付箋を推奨していて、実際に手を動かして並べ替えると議論が活発になるんだ。大事なのはツールより「ユーザー体験の全体像を共有する」というマインドだね。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「ストーリーマッピング」って出てきたら「ストーリーを地図にして全体像を見る手法」と思えればだいたいOK!
📖 おまけ:英語の意味
「User Story Mapping」 = ユーザーストーリーの地図化
💬 Jeff Patton氏が著書で広めた手法で、フラットなリストを2次元の地図にするアイデアだよ
← 用語集にもどる