ひとことで言うと#
リーンスタートアップの「Build-Measure-Learn(構築→計測→学習)」ループをUXデザインに持ち込んだ手法。完璧なデザインを作り込んでからリリースするのではなく、「仮説を立て、最小限のデザインで試し、学んで改善する」を高速に繰り返す。
押さえておきたい用語#
- 仮説ステートメント
- 「〇〇を提供すれば、△△が□□するようになる」の形式でデザインの狙いを明文化した一文のこと。検証可能な形で書くのがポイント。
- デザインMVP
- 仮説を検証するための最小限のデザイン成果物のこと。ペーパープロトタイプからクリッカブルモックまで、検証レベルに応じて使い分ける。
- ユーザビリティテスト
- 実際のユーザーにプロトタイプを操作してもらい、使い勝手の問題を発見する調査手法のこと。5人で約85%の問題が見つかるとされる。
- コラボレーティブデザイン
- デザイナーだけでなくチーム全員が仮説立案やスケッチに参加する進め方のこと。リーンUXの基本姿勢。
リーンUXの全体像#
こんな悩みに効く#
- 時間をかけてUI/UXを作り込んだのに、リリース後にユーザーに使われない
- デザイナーと開発者の連携がうまくいかず、手戻りが多い
- 「ユーザーにとって良いデザイン」を客観的に判断する方法がない
基本の使い方#
まずビジネス上の課題から出発して、UXに関する仮説を明文化する。
フォーマット: 「私たちは、〇〇(機能/デザイン変更)を提供すれば、△△(ターゲットユーザー)が□□(期待する行動)をするようになると信じている。これは☆☆(計測指標)が改善されることで検証できる」
例: 「私たちは、トップページにユーザーの利用履歴に基づくレコメンドを表示すれば、リピートユーザーが再購入するまでの時間を短縮できると信じている。これは再購入率が10%向上することで検証できる」
ポイント: 仮説なしのデザインは「なんとなく良さそう」の積み重ね。仮説があれば失敗しても学びが残る。
仮説を検証するための最小限のデザイン成果物を作る。完成品ではなく、学びを得るために必要な最低限のものでよい。
レベル別のアウトプット:
- ペーパープロトタイプ: 紙とペンで画面を描いてユーザーに見せる(所要30分)
- ワイヤーフレーム: Figmaなどで骨格だけ作る(所要2〜3時間)
- クリッカブルプロトタイプ: 画面遷移できるモックアップ(所要1〜2日)
- コード実装: 実際に動く最小限の機能(所要3〜5日)
仮説のリスクが高いほど、軽量な手法で先に検証する。「この導線で迷わないか?」はペーパープロトで十分わかる。
作ったデザインを実際のユーザーに触ってもらい、データを集める。
- ユーザビリティテスト: 5人に触ってもらい、操作の様子を観察する
- A/Bテスト: 現行デザインと新デザインを同時に出して比較する
- 定量データ分析: クリック率、離脱率、タスク完了率などを計測する
「使いやすいと思いますか?」と聞くのではなく、実際の行動を観察・計測すること。人は質問に対して嘘をつくが、行動は嘘をつかない。
テスト結果を仮説と照らし合わせ、次のアクションを決める。
- 仮説が正しかった → そのデザインを本実装に進める
- 仮説が部分的に正しかった → 改善点を特定して次のイテレーションへ
- 仮説が間違っていた → 仮説を修正して別のアプローチを試す
学びをドキュメント化するのが重要。「このデザイン変更は効果がなかった。理由は〇〇」という記録が、チームの資産になる。
具体例#
状況: カートに商品を入れたユーザーの70%が購入完了前に離脱。「チェックアウトのステップが多すぎるのでは」という仮説を立てた。
仮説: 「購入ステップを5ステップから1ページ完結に変更すれば、カート離脱率が20%改善される」
デザインMVP: Figmaでワンページチェックアウトのプロトタイプを作成(3時間)
テスト1(ユーザビリティテスト・5人): 「配送先の入力が一画面だと長すぎて不安」という声が3人。
学び: 1ページ完結は逆効果の可能性。ステップは減らしつつ進捗バーを追加するほうが良い。
仮説修正: 「5→3ステップに短縮し、進捗バーを追加すれば離脱率が改善する」
テスト2(A/Bテスト・2週間・8,000セッション):
| 指標 | 現行(5ステップ) | 新デザイン(3ステップ+進捗バー) |
|---|---|---|
| カート離脱率 | 70% | 57.4%(-18%) |
| 購入完了までの平均時間 | 4分12秒 | 2分48秒 |
| CS問い合わせ | 月45件 | 月28件 |
最初の仮説は外れたが、素早く検証したおかげで2週間で正解にたどり着けた。「作り込んでからリリース」していたら1ページ版を本実装して失敗していた。
状況: 従業員40名のBtoB SaaS。無料トライアル開始後、初期設定を完了するユーザーが32%しかいない。設定項目が15個あり、ユーザーが途中で離脱している。
仮説: 「設定項目を業種別テンプレートで5個に減らせば、初期設定完了率が60%以上になる」
リーンUXサイクル:
| イテレーション | デザインMVP | テスト方法 | 結果 |
|---|---|---|---|
| 1回目 | ペーパープロトタイプ(30分) | 社内5人で操作テスト | テンプレート選択画面でつまずく→UIを改善 |
| 2回目 | Figmaプロトタイプ(半日) | 既存ユーザー5人にリモートテスト | 完了率の推定65%。「残りの設定はいつやるの?」不安あり |
| 3回目 | コード実装(3日) | A/Bテスト 2週間 | 設定完了率72%達成 |
| 指標 | 改善前 | 改善後 |
|---|---|---|
| 初期設定完了率 | 32% | 72% |
| トライアル→有料転換率 | 8% | 19% |
| 設定関連のCS問い合わせ | 月120件 | 月35件 |
3回のイテレーションを合計2.5週間で回せた。デザイナーだけでなくエンジニア・CSも仮説立案に参加したことで、「設定後の不安」という見落としがちな課題も発見できた。
状況: 地方銀行がモバイルアプリを刷新。60歳以上のユーザーのログイン成功率が38%と極端に低い。「UIが若年層向けすぎる」という声がCS経由で多数。
仮説: 「文字サイズを1.5倍にし、メインメニューを3項目に絞れば、60歳以上のログイン後タスク完了率が70%以上になる」
リーンUXサイクル:
| イテレーション | MVP | テスト | 学び |
|---|---|---|---|
| 1回目 | 紙のプロトタイプ(大きい文字版) | シニア5人に対面テスト | 文字は読めるが「残高照会」がどこかわからない |
| 2回目 | Figmaモック(アイコン+文字ラベル併記) | シニア5人に対面テスト | 「振込」をタップしたいが「送金」という表記で迷う→日常用語に変更 |
| 3回目 | 限定リリース(500人) | 行動ログ分析 | タスク完了率78%達成 |
| 指標 | 改善前 | 改善後 |
|---|---|---|
| 60歳以上のログイン後タスク完了率 | 38% | 78% |
| シニア層のアプリ利用頻度 | 月1.2回 | 月4.8回 |
| 窓口来店数(対象支店) | 月2,100件 | 月1,650件(-21%) |
「文字を大きくする」だけでは不十分。日常用語への変換やメニュー構造の簡素化まで踏み込む必要があった。紙のプロトタイプで素早く発見→修正を繰り返したことで、大規模な作り直しを避けられた。
やりがちな失敗パターン#
- 仮説なしで「とりあえず作る」 — 仮説がないとテストしても何を学んだのか不明確になる。「なんとなく良くなった気がする」では改善が積み上がらない
- プロトタイプの完成度を上げすぎる — 美しいデザインを作り込むほど、フィードバックで変更するのが心理的に辛くなる。「捨てられるレベル」で作るのがコツ
- デザイナーだけで回す — リーンUXはチーム全員で仮説を立て、全員でテスト結果を見るのが前提。デザイナーの孤独な作業にしてはいけない
- 学びをドキュメント化しない — 「このデザインは効果がなかった」「この仮説は間違いだった」の記録がないと、同じ失敗を繰り返す。学びログをチームで共有する
まとめ#
リーンUXは「完璧なデザインを届ける」のではなく「正しいデザインを発見する」ためのプロセス。仮説→最小限のデザイン→テスト→学習のループを素早く回すことで、ユーザーにとって本当に価値のある体験にたどり着ける。デザイナーだけでなくチーム全員が参加するからこそ、手戻りが減り、ユーザー中心の開発が実現する。